Your SlideShare is downloading. ×
Refresh 001: Building User-Centered Web Apps in a Crunch
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

2,038

Published on

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.

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.

Published in: Technology, Design
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
2,038
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
40
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Building User- Centered Web Apps in a Crunch Jackson Fox / Lulu.com / jacksonfox@gmail.com
  • 2. Goal: Build web applications that are usable and user-centered even when time and money are in short supply.
  • 3. Guerilla HCI Agile UCD
  • 4. Themes: Sort out your priorities Incremental and iterative development Release early, release often
  • 5. Web App Feature Feature Feature Feature Feature Feature Feature
  • 6. Web App Feature Feature Feature Feature Feature Feature Feature
  • 7. Web App Feature Feature Feature Feature Feature Feature Feature Most Effort Least Effort
  • 8. Web App Feature Feature Feature Feature Feature Feature Feature Now Later
  • 9. The Guerilla HCI Toolbox
  • 10. Information Architecture Card Sorting Affinity Diagrams
  • 11. Photo by Yandle @ Flickr Card Sorting
  • 12. Photo by josh.ev9 @ Flickr Affinity Diagrams
  • 13. Interaction Design Competitive Analysis Paper Prototypes
  • 14. Competitive Analysis AKA “What Would Amazon Do?”
  • 15. Photo by Kables @ Flickr Paper Prototypes
  • 16. Usability Testing Hallway Testing Heuristic Evaluation Cognitive Walkthroughs
  • 17. Photo by Kables @ Flickr Hallway Testing
  • 18. ✓ Visibility of system status ✓ Match between system and the real world ✓ User control and freedom ... Heuristic Evaluation
  • 19. Cognitive Walkthrough
  • 20. Test → Fix → Test Don’t sweat the numbers
  • 21. Putting it all Together
  • 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
  • 23. The End

×