refresh 001: building user-centered web apps in a crunch
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
![Page 2: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/3.jpg)
Guerilla HCI
Agile UCD
![Page 4: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/4.jpg)
Themes:Sort out your priorities
Incremental and iterative developmentRelease early, release often
![Page 5: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/5.jpg)
Web App
Feature
Feature
Feature
FeatureFeature
Feature Feature
![Page 6: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/6.jpg)
Web App
Feature
Feature
Feature
FeatureFeature
Feature Feature
![Page 7: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/7.jpg)
Web App
Feature
Feature
Feature
FeatureFeature
Feature Feature
Most Effort Least Effort
![Page 8: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/8.jpg)
Web App
Feature
Feature
Feature
FeatureFeature
Feature Feature
Now Later
![Page 9: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/9.jpg)
The Guerilla HCI Toolbox
![Page 10: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/10.jpg)
Information ArchitectureCard Sorting
Affinity Diagrams
![Page 11: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/11.jpg)
Card Sorting
Photo by Yandle @ Flickr
![Page 12: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/12.jpg)
Affinity Diagrams
Photo by josh.ev9 @ Flickr
![Page 13: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/13.jpg)
Interaction Design
Competitive Analysis
Paper Prototypes
![Page 14: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/14.jpg)
Competitive AnalysisAKA “What Would Amazon Do?”
![Page 15: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/15.jpg)
Paper Prototypes
Photo by Kables @ Flickr
![Page 16: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/16.jpg)
Usability Testing
Hallway Testing
Heuristic Evaluation
Cognitive Walkthroughs
![Page 17: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/17.jpg)
Hallway Testing
Photo by Kables @ Flickr
![Page 18: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/19.jpg)
Cognitive Walkthrough
![Page 20: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/20.jpg)
Test → Fix → Test
Don’t sweat the numbers
![Page 21: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/21.jpg)
Putting it all Together
![Page 22: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/22.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/23.jpg)
The End
![Page 24: Refresh 001: Building User-Centered Web Apps in a Crunch](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c732504a79596b058b45f5/html5/thumbnails/24.jpg)