Your SlideShare is downloading. ×
Usability testing – Just Do It. Five methods for improving usability in-house
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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. …

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

Read more:

Published in: Technology, Design

  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 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. About VolksideWe help you listen to your users and createthem engaging online experiencesProducts: Naview and WirifyFounded in 2008 2
  • 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
  • 5. 5
  • 6. 6
  • 7. 7
  • 8. 8
  • 9. Usability is about focusingon the users’ best interests 9
  • 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. What is usability testing?Usability testing is observing and listening toyour users whilst they interact with yourwebsite 11
  • 12. Why do usability testing? WhySee how people actually use your website forits key purposes and find and fix issues theyrun into 12
  • 13. Typical web projectPre-project Design and development Live site Kick off Launch Usability testing 13
  • 14. Typical web project with usabilityPre-project Design and development Live site Kick off Launch Usability testing 14
  • 15. Web project in an ideal worldPre-project Design and development Live site Kick off Launch Usability testing 15
  • 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. Googles Usability 17
  • 18. 18
  • 19. 19
  • 20. 20
  • 21. 21
  • 22. 22
  • 23. 23
  • 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. Interlude“If you can afford to hire a usability professionalto do your testing for you, do it.” – Steve Krug 25
  • 26. Five usability methodsto use on your own 26
  • 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. 1. Task-based usability test 28
  • 29. Task-based usability test WhySee how people actually use your website forspecific tasks and find issues they run into 29
  • 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. 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. Fidelity: Sketch 32
  • 33. Fidelity: Wireframe 33
  • 34. Fidelity: Visual comp 34
  • 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. *Printed tasks * Not a good task 36
  • 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. Running the 38
  • 39. 39
  • 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. 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. 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. 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
  • 45. 2. First click test 45
  • 46. First click test WhyMeasure the effectiveness of your homepageor landing page I 46
  • 47. “The number one purpose of the homepage isto get people off of it.” – Christine Perfetti 47
  • 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. 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. “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. Where did you click? 51
  • 52. *Infomaki * Not a good task 52
  • 53. Infomaki – Results 53
  • 54. ClickTest 54
  • 55. ClickTest – Results 55
  • 56. *Usabilla * Not a good task 56
  • 57. First click test TipsNot useful for content pagesTools: paper, pdf, Chalkmark, ClickTest, Usabilla,Infomaki 57
  • 58. Warning signsLong response times“Scattergun" click resultsGoing for the back buttonBlank stares 58
  • 59. 3. Five second test 59
  • 60. Five second test WhyMeasure the effectiveness of content pageswith single primary purpose I 60
  • 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. Five second test HowGive your participant a page to look atfor five seconds onlyAsk questions afterwards 62
  • 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. Instructions DemoThe following page will be displayed forfive seconds onlyTry to remember as much as you canAnswer the questions provided afterwards 64
  • 65. 65
  • 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. 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. FiveSecondTest 68
  • 69. FiveSecondTest 69
  • 70. Clue 70
  • 71. Clue 71
  • 72. 4. Comprehension test 72
  • 73. Comprehension test WhyConfirm that users understand complexinformation on your page I 73
  • 74. Comprehension test HowLet participant read your content page withouttime limitAsk questions afterwards without taking thepage away 74
  • 75. 75
  • 76. Finished reading the whole page? 76
  • 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. 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. 5. Online survey 79
  • 80. Online survey WhyLearn about your users I 80
  • 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. Wirify customer survey – Way too long 82
  • 83. Pollenizer customer development survey - Better 83
  • 84. Google Docs survey and results 84
  • 85. Online surveys TipsKeep surveys short and painless to maximiseresponse rateTake action and change your website based onfindings 85
  • 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. Questions? 87
  • 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. Thank 89
  • 90. 90
  • 91. 91
  • 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. ToolsChalkmark: 93
  • 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. 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. Licensed under the Creative Commons License:© 2011 Volkside Attribution-Non-Commercial-Share Alike 2.5 Australia 96