Refresh 001: Building User-Centered Web Apps in a Crunch

Slide 1: Building User- Centered Web Apps in a Crunch Jackson Fox / Lulu.com / jacksonfox@gmail.com

Slide 2: Goal: Build web applications that are usable and user-centered even when time and money are in short supply.

Slide 3: Guerilla HCI Agile UCD

Slide 4: Themes: Sort out your priorities Incremental and iterative development Release early, release often

Slide 5: Web App Feature Feature Feature Feature Feature Feature Feature

Slide 6: Web App Feature Feature Feature Feature Feature Feature Feature

Slide 7: Web App Feature Feature Feature Feature Feature Feature Feature Most Effort Least Effort

Slide 8: Web App Feature Feature Feature Feature Feature Feature Feature Now Later

Slide 9: The Guerilla HCI Toolbox

Slide 10: Information Architecture Card Sorting Affinity Diagrams

Slide 11: Photo by Yandle @ Flickr Card Sorting

Slide 12: Photo by josh.ev9 @ Flickr Affinity Diagrams

Slide 13: Interaction Design Competitive Analysis Paper Prototypes

Slide 14: Competitive Analysis AKA “What Would Amazon Do?”

Slide 15: Photo by Kables @ Flickr Paper Prototypes

Slide 16: Usability Testing Hallway Testing Heuristic Evaluation Cognitive Walkthroughs

Slide 17: Photo by Kables @ Flickr Hallway Testing

Slide 18: ✓ Visibility of system status ✓ Match between system and the real world ✓ User control and freedom ... Heuristic Evaluation

Slide 19: Cognitive Walkthrough

Slide 20: Test → Fix → Test Don’t sweat the numbers

Slide 21: Putting it all Together

Slide 22: Research Design Development Validation Paper Hallway Card Sorting Prototypes Testing Affinity Hallway Cognitive Diagrams Testing Walkthroughs Competitive Competitive Heuristic Analysis Analysis Evaluation Heuristic Evaluation Cognitive Walkthroughs

Slide 23: The End