Visual Design for UX

Good visual design is fundamental to good user experience. Google’s Material Design language provides the foundation of modern UI/UX design. In this class we will cover Material Design as well as Interaction Design principles. You’ll learn how to make sure you design for the eye as well as the brain. The course will provide tools and techniques for elegant visual design/ UX design. We’ll cover topics like color perception, cultural sensitivity, Flat design, accessibility compliance, localization considerations and design differentiation.

Agenda:

Part 1: Designing for the Brain

1. Design Discovery (Research and Ideation).
2. Design Thinking (Empathy, Personas and Sketching/ Prototyping).
3. 10 Interaction Design Principles/ Emotion Design keys.
4. Good and Bad examples to notice.
5. Testing tools and methods.

Part 2: Designing for the Eye

1. Visual Design principles for good user experience.
2. Visual perception: branding, usability, eye-brain processing rules.
3. 10 Material Design Principles.
4. Good and Bad examples to notice.
5. Testing tools and methods.

Part 3: Design Leadership and UX Strategy

1. Trends in design leadership.
2. UX Maturity.
3. Designing for Accessibility compliance.
4. Communicating effectively with stakeholders.
5. Differentiating with UX / Design.

More topics covered in this training:

• Contrast: mobile, low vision, desktop good and bad.
• Motion/ Animation: using physics and understanding 3D thinking.
• Magic: Adding delight and surprise.
• Typography; Layout; branding; icons.
• Consistency vs pattern breaking. Role of style guides.
• Space- Material design; Hierarchy and compositional space.
• Affordances: design the ultimate visual interface.
• Attention and pre-attention- what you need to know for design.
• Visual task-orientation: Helping users see and achieve goals.
• Time: designing for temporal tasks.
• Emotion: designing for ‘Joy of Use’.
• Conversion and Call to action.
• Designing for Engagement.