Interaction Design for the Web

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