Ground Rules: What You Need to Know Upfront
  • Design is Design is Design.
  • Stop Solving Other People's Problems
  • Form Doesn't (and Shouldn't) Follow Function
  • Balancing Form and Function: Prescription vs. Description
  • Why Form Follows Function is NOT a UI Design Prescription!
  • Every Force Evolves Form (So Don't Follow the Prescription)
  • Less is More: Small Screens, Big Challenges
  • Five Rules for Effective UI Design on Small Screens
Organizing Visual Information
  • Balance: Creating Visual Order
  • Case Studies: Improving Balance in the User Interface
  • Rhythm: Establishing and Reinforcing Comprehension
  • Harmony: Shaping the Parts Into a Whole
  • Using Harmony to Create Directional Flow
  • Case Study: Using Harmony for Better Form Design
  • Dominance: Directing (and Maintaining) User Focus
  • Using Dominance to Increase Focus — and Decrease Cognitive Effort
  • Creating Dominance with Size, Negative Space and Contrast
  • Alignment: Leading the Eye Across the Screen
  • Case Studies: The Power of Alignment
  • Proximity: Showing and Communicating Visual Relationships
  • Using Proximity to Make Cognition Faster
  • Case studies: Using Proximity to Make Browsing Easier
Using Color and Contrast Appropriately
  • Color: Getting Attention and Communicating Emotion
  • How Color Influences Interaction
  • A Word on Color Theory — and Using Color Correctly
  • How to Choose the Right Colors for your UI: Common Associations
  • How to Choose the Right Colors for your UI: Emotional Impact
  • How to Choose the Right Colors for your UI: From the World Around You
  • How to Choose the Right Colors for your UI: From Brand Colors
  • The Power of Contrast
  • Using Contrast to Improve Readability, Attention and Focus
  • Three Essential Functions of Contrast in UI Design
  • How to Determine Appropriate Color and Contrast
Designing with Typography and Imagery
  • Typography 101: It's About Much More Than Choosing a Font!
  • Creating Emotional Impact with Typography
  • Choosing a Font Isn't Typography: The Importance of Pattern Recognition
  • The Importance of Proper Alignment, Leading and Kerning
  • Seven Rules for Great Typography
  • Five Rules for Choosing Imagery
  • Imagery DOs and DON'Ts
Creating and Simplifying Visual Cues
  • Working with Icons
  • Four Core Types of Icons (and How to Choose the Right Type)
  • Five Rules for Effective Icon Design
  • Dealing with Data
  • Five Rules for Great Data Design
  • Simplifying Visual Information Part 01
  • Simplifying Visual Information Part 02
  • Separating Content from Controls Part 01
  • Separating Content from Controls Part 02
Things to Remember
  • Recap: UI Design Mantras