Skip to Main Content

Course Details

Time: 9AM - 4PM Eastern Time (ET)
Duration: 1 Day


In this course you will learn how to: Build a visual lexicon and style guide; Create wireframes to explore layout and prioritization; Apply visual design to your wireframes to create prototypes; Design engaging icons; Create engaging user interactions through visual and GUI design; Identify software needs to support your visual design process.


Introduction to User Experience Design or equivalent knowledge or experience is mandatory.

User Experience Course

Public Class Schedule

Location Language Date Price Register
Web-based(Opens in new window) English October 21 $495.00
Web-based(Opens in new window) English February 10 $495.00
Web-based(Opens in new window) English April 7 $495.00

We're Here to Help

Don't see the dates you need? Call us at 888.484.2933 or Tell Us What You Need.

Course Outline

  • Review of Visual Design Techniques
    • Choosing colours
    • Weight, shape and motion
    • Proximity, alignment, repetition, contrast
    • The golden ratio
    • Working with grids
    • Typography
  • Review of User Requirements and Experience Research
    • Competitive analysis, data mining, listening posts
    • Customer insights and personas
    • Concept models, process flow, swimlanes and site maps
  • Building a Visual Lexicon
    • Exploring design styles
    • Branding and style guides
    • Developing themes
  • Creating Wireframes
    • Keeping purpose in mind
    • Dividing the space
    • Priority positioning
    • Adding form
    • Adding depth
    • Annotating wireframes
  • Applying Visual Design
    • Respecting branding and style guides
    • Setting the tone and mood
    • Creating focus and emphasis
    • Leading the eye
  • Iconography
    • Symbols and culture, revisit your personas
    • Designing an iconic language
    • Pictograms vs. realism
    • Common icon design mistakes
  • Designing for Interactions
    • Intuitive interactions
    • Guided interactions
    • Discoverable interactions
  • Prototyping
    • Proof of concept
    • Working protoype
    • Testing prototype (beta)
  • The Technical Side
    • Graphic design, illustration and prototyping software
    • File types and formats
    • Image size, resolution and colour depth
    • Putting it all together: from pad to pixels

Private training is available for this course.

Call us at 1-888-484-2933 to learn more about our flexible scheduling options or complete our Information Request Form.

Web-based training is super easy to set up and doesn’t require fancy software.

Find a Course