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

24
Building User- Centered Web Apps in a Crunch Jackson Fox / Lulu.com / [email protected]

description

Jackson Fox from Lulu.com shares some basic techniques and approaches for building web applications that are usable and user-centered even when time and money are in short supply.

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

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

Building User-Centered Web Apps

in a Crunch

Jackson Fox / Lulu.com / [email protected]

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

Goal: Build web applications that are usableand user-centered even when time and money

are in short supply.

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

Guerilla HCI

Agile UCD

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

Themes:Sort out your priorities

Incremental and iterative developmentRelease early, release often

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

Web App

Feature

Feature

Feature

FeatureFeature

Feature Feature

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

Web App

Feature

Feature

Feature

FeatureFeature

Feature Feature

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

Web App

Feature

Feature

Feature

FeatureFeature

Feature Feature

Most Effort Least Effort

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

Web App

Feature

Feature

Feature

FeatureFeature

Feature Feature

Now Later

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

The Guerilla HCI Toolbox

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

Information ArchitectureCard Sorting

Affinity Diagrams

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

Interaction Design

Competitive Analysis

Paper Prototypes

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

Competitive AnalysisAKA “What Would Amazon Do?”

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

Usability Testing

Hallway Testing

Heuristic Evaluation

Cognitive Walkthroughs

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

Heuristic Evaluation

✓ Visibility of system status✓ Match between system and the real world

✓ User control and freedom...

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

Cognitive Walkthrough

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

Test → Fix → Test

Don’t sweat the numbers

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

Putting it all Together

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

Research Design ValidationDevelopment

Card Sorting

CompetitiveAnalysis

PaperPrototypes

Hallway Testing

HeuristicEvaluation

CognitiveWalkthroughs

Hallway Testing

HeuristicEvaluation

CognitiveWalkthroughs

Affinity Diagrams

CompetitiveAnalysis

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

The End

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