Building User-
Centered Web Apps
    in a Crunch


  Jackson Fox / Lulu.com / jacksonfox@gmail.com
Goal: Build web applications that are usable
and user-centered even when time and money
             are in short supply.
Guerilla HCI
Agile UCD
Themes:
      Sort out your priorities
Incremental and iterative development
     Release early, release often
Web App



           Feature   Feature   Feature

Feature

           Feature   Feature   Feature
Web App



           Feature   Feature   Feature

Feature

           Feature   Feature   Feature
Web App



                 Feature   Feature   Feature

      Feature

                 Feature   Feature   Feature




M...
Web App



             Feature   Feature   Feature

  Feature

             Feature   Feature   Feature




Now          ...
The Guerilla HCI Toolbox
Information Architecture
       Card Sorting
     Affinity Diagrams
Photo by Yandle @ Flickr




Card Sorting
Photo by josh.ev9 @ Flickr




Affinity Diagrams
Interaction Design
Competitive Analysis
  Paper Prototypes
Competitive Analysis
AKA “What Would Amazon Do?”
Photo by Kables @ Flickr




Paper Prototypes
Usability Testing
    Hallway Testing
 Heuristic Evaluation
Cognitive Walkthroughs
Photo by Kables @ Flickr




Hallway Testing
✓ Visibility of system status
✓ Match between system and the real world
      ✓ User control and freedom
                 ...
Cognitive Walkthrough
Test → Fix → Test
Don’t sweat the numbers
Putting it all Together
Research        Design        Development   Validation
                  Paper                        Hallway
 Card Sortin...
The End
Refresh 001: Building User-Centered Web Apps in a Crunch
Upcoming SlideShare
Loading in …5
×

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

2,534 views

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.

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

No Downloads
Views
Total views
2,534
On SlideShare
0
From Embeds
0
Number of Embeds
43
Actions
Shares
0
Downloads
41
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

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

  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

×