Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Rules, Tools, and Techniques for Usability Testing

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 17 Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Ähnlich wie Rules, Tools, and Techniques for Usability Testing (20)

Anzeige

Aktuellste (20)

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 />

Hinweis der Redaktion

  • 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

×