Inclusive & Accessible UX Practices – How Low-Fidelity Artifacts Promote Whole-Team Collaboration

375 views
258 views

Published on

High-fidelity, carefully-annotated wireframes and design mockups are brittle and time-consuming to manage, often requiring expensive software and specialized skill to create and maintain.

In this talk, Brittany will share case studies of how poly-skilled product teams of designers and developers at Atomic Object share tasks and collaborate on UX, focus on the user, and iterate on design quickly by using low-fidelity sketches, storyboards, and mockups. She will share techniques for creating flexible, easily-managed design artifacts, as well as discuss the benefits and caveats of these techniques.

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
375
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Inclusive & Accessible UX Practices – How Low-Fidelity Artifacts Promote Whole-Team Collaboration

  1. 1. INCLUSIVE & ACCESSIBLE UX PRACTICES How Low-Fi Artifacts Promote Whole-Team Collaboration Balanced Team SF 2013 @brittanyhunter http://www.atomicobject.com Monday, November 11, 13
  2. 2. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  3. 3. Monday, November 11, 13
  4. 4. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m 4 4
  5. 5. POLY-SKILLED CO-LOCATED SELF-MANAGING TEAMS OF @br i ttanyhunter Monday, November 11, 13 MAKERS @atom icobje ct http://spin .atomicobject.co m 5 4
  6. 6. Strategy Scenarios Sketching Planning Coding Prototypes IA & IxD Patterns v Markup Validation @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m Hi-fidelity Hi-fidelity Design Design
  7. 7. PRODUCT BACKBONE @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  8. 8. PERSONAS CONTEXT SCENARIOS DETAILED WIREFRAMES USER OBSERVATION USABILITY TESTING @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  9. 9. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  10. 10. tl;dr @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  11. 11. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  12. 12. too perfect easily misread time consuming @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  13. 13. 200+ HOURS @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  14. 14. LOW-FI STORYBOARDS @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  15. 15. Easily Scannable Format User Persona Key Interface Elements Context Narrative @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  16. 16. SOMEWHAT POLISHED @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  17. 17. LESS POLISHED @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  18. 18. WORKFLOWORIENTED @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  19. 19. LABELS DETAIL SKETCHES @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  20. 20. TRACING & REPRODUCING @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  21. 21. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  22. 22. QUICK REFERENCE @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  23. 23. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m 23
  24. 24. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  25. 25. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  26. 26. Wow! I can’t believe how much we accomplished this week! Elements @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  27. 27. The storyboard document is unbelievably useful for communicating with other decisionmakers at my company. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  28. 28. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  29. 29. ? @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  30. 30. High-Fi Mockups of Key Interfaces @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  31. 31. CLICKABLE PROTOTYPES Proto in Browser v @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  32. 32. @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  33. 33. Storyboard with sticky/scribbles on it MALLEABLE ARTIFACTS @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m 33
  34. 34. 33% FEWER HOURS spent on storyboards vs wireframes @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m
  35. 35. THANK YOU! @brittanyhunter http://www.atomicobject.com Balanced Team SF 2013 @br i ttanyhunter Monday, November 11, 13 @atom icobje ct http://spin .atomicobject.co m

×