User Experience Through Visual, GUI and Interaction Design (EQUE303)
Time: 9AM - 4PM Eastern Time (ET)
Duration: 1 Day
Description:
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.
Prerequisites:
None
Public Class Schedule
| Location | Language | Date | Price | Register |
|---|---|---|---|---|
| Ottawa | English | June 20 | $ 435.00 | |
| Web-based(Opens in new window) | English | June 20 | $ 435.00 | |
| Ottawa | English | August 1 | $ 435.00 | |
| Web-based(Opens in new window) | English | August 1 | $ 435.00 | |
| Ottawa | English | October 10 | $ 435.00 | |
| Web-based(Opens in new window) | English | October 10 | $ 435.00 | |
| Ottawa | English | December 12 | $ 435.00 | |
| Web-based(Opens in new window) | English | December 12 | $ 435.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.