Usability Fair Prep<br />Tools and Techniques<br />
You test to understand where the interface caused frustration. <br />It’s not a beauty pageant.<br />
Do it rough and do it early.<br />Testing something that can’t be changed isn’t usability testing, it’s validation.<br />
Heuristic Evaluation<br />Low-Fi Tools<br /><ul><li>Paper& Sharpies</li></ul>Medium-Fi Tools<br /><ul><li>PowerPoint
Keynote</li></ul>Medium-Fi Interactive<br /><ul><li>Balsamiq
GoMockingBird
FlairBuilder</li></ul>Coded Prototypes<br /><ul><li>Functioning Code</li></ul>Live Version<br /><ul><li>Production App/Sit...
v<br />Low-Fi Tools<br />Paper & Pencil<br />flickr: rohdesign<br />
Medium-Fi Tools<br />PowerPoint & Keynote<br />
Medium-Fi Interactive<br />Balsamiq, GoMockingBird, and FlairBuilder<br />
High-Fi<br />Your Code & Your Design<br />
v<br />Recording Tools<br />Silverback<br />http://silverbackapp.com<br />
v<br />A/B Testing<br />Optimizely<br />http://optimizely.com<br />
v<br />Click Tracking<br />CrazyEgg<br />http://crazyegg.com<br />
v<br />Testing Suites<br />Verify<br />http://verifyapp.com<br />
I don’t have time. <br />Is there anything simpler I can do?<br />
Card Sorting<br />Objective<br />To explore how your users group items<br />How?<br />Create index cards with names of ite...
Upcoming SlideShare
Loading in …5
×

Rules, Tools, and Techniques for Usability Testing

2,568 views

Published on

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

No Downloads
Views
Total views
2,568
On SlideShare
0
From Embeds
0
Number of Embeds
1,296
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • http://www.flickr.com/photos/rohdesign/5098835256/
  • http://www.flickr.com/photos/rohdesign/5098835256/
  • http://www.flickr.com/photos/rohdesign/5098835256/
  • http://www.flickr.com/photos/rohdesign/5098835256/
  • http://www.flickr.com/photos/kateawilliamson/5755897877/sizes/m/in/photostream/http://www.flickr.com/photos/dunk/152243971/Omada Health
  • Rules, Tools, and Techniques for Usability Testing

    1. 1. Usability Fair Prep<br />Tools and Techniques<br />
    2. 2. You test to understand where the interface caused frustration. <br />It’s not a beauty pageant.<br />
    3. 3. Do it rough and do it early.<br />Testing something that can’t be changed isn’t usability testing, it’s validation.<br />
    4. 4. Heuristic Evaluation<br />Low-Fi Tools<br /><ul><li>Paper& Sharpies</li></ul>Medium-Fi Tools<br /><ul><li>PowerPoint
    5. 5. Keynote</li></ul>Medium-Fi Interactive<br /><ul><li>Balsamiq
    6. 6. GoMockingBird
    7. 7. FlairBuilder</li></ul>Coded Prototypes<br /><ul><li>Functioning Code</li></ul>Live Version<br /><ul><li>Production App/Site</li></ul>Objective<br />To find the usability problems within a design<br />How?<br />Create an interactive version of your prototype and run your participants through tasks. <br />
    8. 8. v<br />Low-Fi Tools<br />Paper & Pencil<br />flickr: rohdesign<br />
    9. 9. Medium-Fi Tools<br />PowerPoint & Keynote<br />
    10. 10. Medium-Fi Interactive<br />Balsamiq, GoMockingBird, and FlairBuilder<br />
    11. 11. High-Fi<br />Your Code & Your Design<br />
    12. 12. v<br />Recording Tools<br />Silverback<br />http://silverbackapp.com<br />
    13. 13. v<br />A/B Testing<br />Optimizely<br />http://optimizely.com<br />
    14. 14. v<br />Click Tracking<br />CrazyEgg<br />http://crazyegg.com<br />
    15. 15. v<br />Testing Suites<br />Verify<br />http://verifyapp.com<br />
    16. 16. I don’t have time. <br />Is there anything simpler I can do?<br />
    17. 17. Card Sorting<br />Objective<br />To explore how your users group items<br />How?<br />Create index cards with names of items that need to be categorized. Ask participants to group them in a way that makes sense to them.<br />Tools<br /><ul><li>Index Cards or Post-Its
    18. 18. Sharpies</li></ul>flickr: <br />kateawilliamson<br />dunk<br />
    19. 19. Visual Affordances<br />Objective<br />To understand how your user perceives your interface<br />How?<br />Print off a grayscale version of your site or app. Give your participant a highlighter and ask them to highlight anything they think they can click on.<br />Tools<br /><ul><li>Printer
    20. 20. Highlighter</li></li></ul><li>Five Second Test<br />Objective<br />To help you understand the most prominent elements of your interface<br />How?<br />Create a mockup of your interface. Users have five seconds to view it. Then they must answer questions based on it. <br />Tools<br /><ul><li>Clue
    21. 21. FiveSecondTest</li></li></ul><li>Participants cannot tell you how to fix your app. <br />You must iterate to find the solution.<br />

    ×