Interaction Design for the Web

Learn about the psychological reasons why good UI design works, so that you can build websites and apps that work the way your users think.

Introduction

• Welcome

1. How Brains Work

• Designing around human limitations
• Memory overload
• The 7 +/- 2 rule
• Telling stories
• Distractions
• Notifications and alerts

2. How We See Things: Perception Principles

• Flow and scanning
• How we group the things we see
• Consistency
• How we (don’t) read online
• Vision issues

3. Real-World Metaphors: Physical Concepts

• Desktops aren’t desk tops
• Fitts’ Law
• Interaction speed
• Input speed
• Voice control
• International differences

4. Telling a Story: Workflow Concepts

• Smoothing out the workflow
• Smart defaults
• Control versus being lead
• Progressive disclosure
• Inductive interfaces
• Knowledge work interfaces

5. Communicating through the UI

• Help doesn't help
• Assistance in the UI
• Dialog boxes
• Error messages
• Using graphics

6. Designing for Delight

• Attractive things work better
• Fix small annoyances
• Create big differences
• Design for delight

Conclusion

• Next steps