Usability testing – Just Do It. Five methods for improving usability in-house


Published on

Introduction to usability testing and five methods you can use to improve usability in your own projects.

Read more:

Published in: Technology, Design

Usability testing – Just Do It. Five methods for improving usability in-house

  1. 1. VolksideInteraction & information design, Interaction and information design User experience and usabilityUser experience and usabilityUsability testing – Just Do ItFive methods for improving usability in-houseJussi Pasanen, April 2011 1
  2. 2. About VolksideWe help you listen to your users and createthem engaging online experiencesProducts: Naview and WirifyFounded in 2008 2
  3. 3. What is usability?Usability measures how easy user interfacesare to useIt’s also the methods for improving ease-of-useduring the design process 3
  4. 4. 4
  5. 5. 5
  6. 6. 6
  7. 7. 7
  8. 8. 8
  9. 9. Usability is about focusingon the users’ best interests 9
  10. 10. Are we designing or testing?User-centred design: Involve users throughoutthe design process to understand and meettheir needsUsability evaluation: Review and test theusability of an existing website 10
  11. 11. What is usability testing?Usability testing is observing and listening toyour users whilst they interact with yourwebsite 11
  12. 12. Why do usability testing? WhySee how people actually use your website forits key purposes and find and fix issues theyrun into 12
  13. 13. Typical web projectPre-project Design and development Live site Kick off Launch Usability testing 13
  14. 14. Typical web project with usabilityPre-project Design and development Live site Kick off Launch Usability testing 14
  15. 15. Web project in an ideal worldPre-project Design and development Live site Kick off Launch Usability testing 15
  16. 16. The traditional usability test …Participant, facilitator, maybe note-takerUsability lab with one-way mirrorVideo cameras and screen recordingLots of stakeholders watchingDetailed reports and long turnaround times I 16
  17. 17. Googles Usability 17
  18. 18. 18
  19. 19. 19
  20. 20. 20
  21. 21. 21
  22. 22. 22
  23. 23. 23
  24. 24. ... is not what were talking about todayInstead:Lightweight usability methodsthat you can regularly use yourselfin your own projects tomake and keep your website usable 24
  25. 25. Interlude“If you can afford to hire a usability professionalto do your testing for you, do it.” – Steve Krug 25
  26. 26. Five usability methodsto use on your own 26
  27. 27. Five usability methods1.  Task-based usability test2.  First click test3.  Five second test4.  Comprehension test5.  Online survey *With compliments to Steve Krug and Christine Perfetti* Bonus: not a usability method as such 27
  28. 28. 1. Task-based usability test 28
  29. 29. Task-based usability test WhySee how people actually use your website forspecific tasks and find issues they run into 29
  30. 30. Task-based usability testParticipant completes a set of tasks usinga sketch, prototype or the actual websiteFacilitator observes and listens to theparticipant, making notes of issuesMainstay of usability testing andfoundation of many other methods I I 30
  31. 31. Task-based usability test How1.  Prepare your sketch, prototype or website2.  Prepare user tasks3.  Prepare participant profile and recruit users4.  Prepare test sessions5.  Run test sessions6.  Revise your design based on findings7.  Retest 31
  32. 32. Fidelity: Sketch 32
  33. 33. Fidelity: Wireframe 33
  34. 34. Fidelity: Visual comp 34
  35. 35. Define your tasksWrite up the tasks you want participants toperform using your websiteMake sure your tasks are clear & concise andprovide just the right amount of contextIt’s essential to get these tasks right 35
  36. 36. *Printed tasks * Not a good task 36
  37. 37. Example tasks“According to this website, what are the twoways of referencing quotes in essays?”“Where would you find the lecture schedule forthe linguistics course?”“Where would you go to register yourattendance?”“How would you ...” 37
  38. 38. Running the 38
  39. 39. 39
  40. 40. Couple of things not to worry aboutHaving a ‘final’ design readyTesting with large number of participantsPerfect audience profile and recruitmentRecording and annotating videosWriting reportsStrict protocols 40
  41. 41. Some things to keep in mindYou’re always testing your website, never theparticipantIt’s a personal one-on-one session, not a focus groupTest with people with no prior exposure to the websiteWrite good tasks 41
  42. 42. Some more things to keep in mindLet the participant do the talkingAsk what they’re thinking and trying to do butdo not lead the participantBe careful with feedback and opinion typequestionsLearn to be a good tour guide and therapist 42
  43. 43. Task-based usability test TipsMost important thing: just do itAddress the main issues you findas soon as you canTest early and test regularlyImprove by doing the least you can 43
  44. 44. 44
  45. 45. 2. First click test 45
  46. 46. First click test WhyMeasure the effectiveness of your homepageor landing page I 46
  47. 47. “The number one purpose of the homepage isto get people off of it.” – Christine Perfetti 47
  48. 48. First click test HowGive your participant a task and a page on yourwebsiteParticipant clicks the page at the point they thinkis most appropriate for completing the taskYou analyse results using click heat map andresponse timings 48
  49. 49. Your task Demo“You want to sell an old coffee table and areconsidering the Trading Post.Where would you go to find out how much itcosts to post a classified there?” 49
  50. 50. “You want to sell an old coffee table and are considering the Trading Post.Where would you go to find out how much it costs post a classified there?” 50
  51. 51. Where did you click? 51
  52. 52. *Infomaki * Not a good task 52
  53. 53. Infomaki – Results 53
  54. 54. ClickTest 54
  55. 55. ClickTest – Results 55
  56. 56. *Usabilla * Not a good task 56
  57. 57. First click test TipsNot useful for content pagesTools: paper, pdf, Chalkmark, ClickTest, Usabilla,Infomaki 57
  58. 58. Warning signsLong response times“Scattergun" click resultsGoing for the back buttonBlank stares 58
  59. 59. 3. Five second test 59
  60. 60. Five second test WhyMeasure the effectiveness of content pageswith single primary purpose I 60
  61. 61. Five second test WhyUnderstand if you are communicating a particularmessage or goalLearn what are the most prominent parts of yourdesign from the user’s point of viewSee if your page priorities are right 61
  62. 62. Five second test HowGive your participant a page to look atfor five seconds onlyAsk questions afterwards 62
  63. 63. Background Demo“You are in the market for broadband internet.One of the service providers offers a bundledproduct, and you want to learn more about it.” 63
  64. 64. Instructions DemoThe following page will be displayed forfive seconds onlyTry to remember as much as you canAnswer the questions provided afterwards 64
  65. 65. 65
  66. 66. Questions Demo1.  What was the most important information to you on this page?2.  What were the signup options?3.  Was is clear what the product is?4.  Was is clear what to do next? 66
  67. 67. Five second test TipsMost useful for pages with one main point andpurposeNot so useful for homepage or landing page withmultiple prioritiesVery quick but you will need to test with multipleparticipantsTools: paper, pdf, FiveSecondTest, Clue 67
  68. 68. FiveSecondTest 68
  69. 69. FiveSecondTest 69
  70. 70. Clue 70
  71. 71. Clue 71
  72. 72. 4. Comprehension test 72
  73. 73. Comprehension test WhyConfirm that users understand complexinformation on your page I 73
  74. 74. Comprehension test HowLet participant read your content page withouttime limitAsk questions afterwards without taking thepage away 74
  75. 75. 75
  76. 76. Finished reading the whole page? 76
  77. 77. Questions Demo1.  Which three ways can you register as a Library user?2.  Once you have joined the library can you request items from the catalogue before your Library card arrives?3.  Once you have received your Library card can you borrow and take material home? 77
  78. 78. Comprehension test TipsSimilar to reading comprehension tests exceptyou’re not scoring or assessing the reader butthe content itselfMultiple choice questions are preferredNot useful for homepage or landing pageRemember: good online content is alwayswritten for the web 78
  79. 79. 5. Online survey 79
  80. 80. Online survey WhyLearn about your users I 80
  81. 81. Online survey HowPrepare a set of questions relevant to yourwebsite and target audiencePublish as an online survey and send link toparticipantsAnalyse results and make changes 81
  82. 82. Wirify customer survey – Way too long 82
  83. 83. Pollenizer customer development survey - Better 83
  84. 84. Google Docs survey and results 84
  85. 85. Online surveys TipsKeep surveys short and painless to maximiseresponse rateTake action and change your website based onfindings 85
  86. 86. Online surveys TipsExplain how information will be usedCollect email address in an optional field Useful for later usability testing Include privacy noticeTools: email, Excel, Google Docs,SurveyMonkey-Wufoo 86
  87. 87. Questions? 87
  88. 88. In closingUsability is easy and anyone can do itObserve and listen to learn about your usersTesting with one person is heaps better than noneChange and improve your website continuously 88
  89. 89. Thank 89
  90. 90. 90
  91. 91. 91
  92. 92. ReferencesSteve Krug (2005): Don’t Make Me Think! - A Common Sense Approach to WebUsability Krug (2009): Rocket Surgery Made Easy. The Do-It-Yourself Guide to Findingand Fixing Usability Problems Krug: Demo Usability Test for Rocket Surgery Made Easy Perfetti (Webstock 2011): Adventurous Usability Techniques: NovelApproaches for the Seasoned Pro Touring Googles Usability Lab 92
  93. 93. ToolsChalkmark: 93
  94. 94. ArticlesVolkside: What is usability and why should I care? Test your screen designs with Infomaki Tip: Print out your usability testing tasks Using Treejack to test your website structure 94
  95. 95. Image credits4. Ice-storm car door handle on my sons Toyota by George Wiman 44. TYPO3-Addict: Web Usability; 2 books reviewed Pearson Education: Rocket Surgery Made Easyfeat=embedwebsite#5422209759047102930 Left & right all over the place by By futureshape Alexander Baxevanis 47. Adventurous Usability Techniques: Novel Approaches for the Seasoned Pro by Christine Perfetti (Webstock 2011) novel-approaches-/6. Aggravated Usability Failure 50. Trading Post Recycled Coat Hangers by Antonello Fusé 52-53. Volkside8. Bicycle budget - will it go backwards by Marrickville & Petersham-Newtown Greens 54-55. ClickTest by Angry Monkeys 56. Usabilla Touring Googles Usability Lab by TechWeb 65. iiNet Accounting work by Forwardcom 68-69. FiveSecondTest PDF Prototypes: Mistakenly Disregarded and Underutilized by Kyle Soucy 70-71. Clue 75. State Library of Victoria Volkside 87. Volkside: Wirify Customer Survey - March 2011 - Volkside Volkside: Test your screen designs with Infomaki 88. Pollenizer: Shopping Habit Survey Volkside: Tip: Print out your usability testing tasks formkey=dExkNzQ1akQ5eHhnRzA1X0Q5U00wcEE6MQ&ndplr=1 89. Creating Your Own Results Charts for Surveys Created with Google Forms by Tony Hurst Steve Krug: Demo Usability Test for Rocket Surgery Made Easy google-forms/39. Touring Googles Usability Lab by TechWeb 90-91. Volkside 98. Creative Commons: © 2011 Volkside 95
  96. 96. Licensed under the Creative Commons License:© 2011 Volkside Attribution-Non-Commercial-Share Alike 2.5 Australia 96