Guerrilla usability-100501202947-phpapp02

135 views
106 views

Published on

Some of the Slideshare presentations I upload were not created by me. All of them are really great and worth looking at. I am Stephen Darori on Linkedin. If you thing we have some Synergy Now or may have in the Future, then do send me a invitation to connect and follow it up with an inmail. I will never "I don't know" an invitation to connect on Linkedin.

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

  • Be the first to like this

No Downloads
Views
Total views
135
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Guerrilla usability-100501202947-phpapp02

  1. 1. guerrilla usability insight on a shoestring David Sturtz david@davidsturtz.com twitter: @sturtz
  2. 2. Hi, I’m David. Product Manager, Geonetric Information Architect / UX Designer Certified Scrum Master
  3. 3. Exceptional products require exceptional Usability
  4. 4. Usability The effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments. ISO 9241
  5. 5. efining D Usability The effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments. ISO 9241
  6. 6. easuring M Usability The effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments. ISO 9241
  7. 7. Usability is not about what people think they will do or will feel…
  8. 8. Usability is about what people actually do, and their satisfaction with the result.
  9. 9. Usability is created and evaluated through observation, conversation, & collaboration.
  10. 10. By minimizing process…
  11. 11. guerrilla usability embraces agility.
  12. 12. Be agile Individuals & interactions Working software Customer collaboration Responding to change
  13. 13. Be a guerrilla Individuals & interactions Principles over processes Working software Output must be input Customer collaboration Pull together Responding to change Keep it small, but aggregate
  14. 14. understand + observe INTERVIEWS + ETHNOGRAPHY What is it? An open-ended conversation with users about your area of interest. Why do it? The best bang-for-your-buck as a first step in getting to know your users. Tools Telephone Skype / Video Chat Web conferencing/screen sharing applications Digital photos Blogs, notebooks, diaries Allow these conversations to snowball using affinity diagramming and mental models. Pay attention to tasks and goals.
  15. 15. understand + observe PARTICIPATORY DESIGN What is it? A tangible representation of a system Why do it? Fun for everyone. Allows participants to express needs in a different format. Tools Paper, scissors, glue YUI Design Stencils Other images We’re not interested in the actual prototypes as much as the conversations about the reasons behind them.
  16. 16. understand + observe PARTICIPATORY DESIGN
  17. 17. understand + observe PARTICIPATORY DESIGN
  18. 18. understand + observe CARD SORTING What is it? Participants organize items into groups. Why do it? Develop or test categorization and labeling; understand mental models. Tools Index cards (!) UX Sort OptimalSort UserZoom WebSort Pay attention to the interesting differences in how various people label and group items. What things are on the fringes?
  19. 19. understand + observe CARD SORTING An open card sort. Spencer, Donna. Card Sorting: Designing Usable Categories. 2009. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/cardsorting/
  20. 20. understand + observe CARD SORTING
  21. 21. understand + observe MENTAL MODELS What is it? Represents a thorough understanding of user needs, activities, and mental states. Why do it? Ensures alignment of product features with user needs. Tools Paper Visio Excel PowerPoint Omnigraffle Adobe Illustrator
  22. 22. understand + observe MENTAL MODELS Slot “Theaters Near Me” under “Choose Easy Theater” as its primary location. Young, Indi. 2008. Mental Models: Aligning Design Strategy with Human Behavior. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mental-models/
  23. 23. visualize USER FLOWS What is it? A representation of the various paths a user may take through the system. Why do it? Refining ideas, preparing for storyboarding, prototyping, or cognitive walkthroughs. Tools Paper Visio Omnigraffle Axure RP
  24. 24. visualize STORYBOARDS / COMICS What is it? A scene-by-scene visual depiction of a user’s interaction with a system. Why do it? Provides a useful artifact for user and stakeholder feedback. Faster and less complex than a full interactive prototype. Tools Paper designcomics.org Many of the unmoderated testing tools mentioned could be used to share and gather limited feedback on storyboards.
  25. 25. visualize STORYBOARDS / COMICS
  26. 26. visualize STORYBOARDS / COMICS Kevin Cheng, http://kevnull.com/creating-concepts-through-comics
  27. 27. visualize STORYBOARDS / COMICS http://www.google.com/googlebooks/chrome
  28. 28. visualize PROTOTYPING What is it? A tangible representation of a system Why do it? Exploration, idea generation, and sharing. To create an artifact for use in other testing. Tools Paper HTML/CSS/JavaScript Visio PowerPoint Omnigraffle Balsamiq Mockups Axure RP Mockflow Mockingbird Microsoft Sketchflow Flash
  29. 29. visualize PROTOTYPING: SKETCHBOARDS
  30. 30. visualize PROTOTYPING Balsamiq Mockups
  31. 31. visualize PROTOTYPING Axure RP
  32. 32. evaluate HEURISTIC EVALUATION What is it? Reviewing a system against a set of guidelines or usability principles. http://usability.gov/guidelines/guidelines_book.pdf Why do it? Quick results, no user recruitment necessary Metrics (Potential) Errors (Potential) Efficiency
  33. 33. evaluate COGNITIVE WALKTHROUGH What is it? After a task analysis, a group of designers and developers step through the software asking questions at each step. Why do it? Quick results, no user recruitment necessary, can do at virtually any phase. Tools Metrics (Potential) Errors (Potential) Efficiency
  34. 34. evaluate ANALYTICS What is it? Reporting on data collected about user’s actions in the system. Tools Google Analytics Omniture Webtrends Pinch Media custom data/reporting Why do it? Relatively easy way to identify possible issues for further investigation. Metrics Completion Errors (Bounces, Abandonment, Exits, etc.)
  35. 35. evaluate ANALYTICS
  36. 36. evaluate CLICK TRACKING + HEATMAPS What is it? A visualization of the user’s actions in a system. Why do it? Relatively easy way to identify possible issues for further investigation. Able to collect large number of actual users. Tools ClickTale Clixpy CrazyEgg (smt) Simple Mouse Tracking Metrics Completion Errors
  37. 37. evaluate CLICK TRACKING
  38. 38. evaluate HEATMAPS
  39. 39. evaluate HEATMAPS
  40. 40. evaluate REMOTE EVALUATION What is it? A task-based usability test where the moderator and participant are not in the same room. Why do it? Easier recruiting or scheduling, contextual or geographic reasons. Tools Uservue Silverback WebEx / GoToMeeting Vyew / Dim Dim / etc. Metrics Completion Time on Task Errors Satisfaction
  41. 41. evaluate UNMODERATED EVALUATION What is it? A task-based usability test ‘moderated’ by an automated system with no participation by a human moderator. Tools Loop 11 OpenHallway UserTesting.com Feedback Army Chalkmark Why do it? Easier scheduling, less time commitment. Metrics Completion Time on Task Errors Satisfaction
  42. 42. evaluate SURVEYS What is it? A tangible representation of a system Why do it? Exploration, idea generation, sharing, artifact creation Tools 4Q SurveyMonkey Google Forms/Spreadsheets Wufoo / Formstack / etc. HaveASec (iphone) Metrics Completion Satisfaction
  43. 43. evaluate SURVEYS
  44. 44. Usability is not about what people think they will do or will feel…
  45. 45. Usability is about what people actually do, and their satisfaction with the result.
  46. 46. Usability is created and evaluated through observation, conversation, & collaboration.
  47. 47. Recommended… `
  48. 48. guerrilla usability insight on a shoestring David Sturtz david@davidsturtz.com twitter: @sturtz
  49. 49. Photo Credits tv on the radio:halfway home by visualpanic http://www.flickr.com/photos/visualpanic/3551386206 Cascade by vandelizer http://www.flickr.com/photos/ jeremy_vandel/208714007/ Da lang! by eriwst http://www.flickr.com/photos/eriwst/2516588547/ coin laundry 1 by isaacbowen http://www.flickr.com/photos/isaacbowen/ 2830976681/ untitled by dev null http://www.flickr.com/photos/devnull/3516167296 tool rack by L. Marie http://www.flickr.com/photos/lenore-m/ 2515800654/ untitled by dev null http://www.flickr.com/photos/devnull/3516200322/ Twitter 365 Project - Day 35 by rich115 http://www.flickr.com/photos/richardgiles/ 3252590483

×