Usability Tools and Techniques

896 views

Published on

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

No Downloads
Views
Total views
896
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
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
  • Usability Tools and Techniques

    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 />
    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></li></ul><li>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
    19. 19. 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
    20. 20. FiveSecondTest</li></li></ul><li>Participants cannot tell you how to fix your app. <br />You must iterate to find the solution.<br />

    ×