More Related Content
Let's make users happy
- 1. Daniel Puiu TEST CAMP,8th of June 2013 http://free-photos.gatag.net/2013/08/14/230000.html
- 5. Agenda 1. What isusability? 2. Usability measurements 3. User centered analysis 4. Design principles 5. Usability testing 6. Conclusions
- 6. Usability is the measureof quality of the user experience when interacting with something. What is usability?
- 7. 1. Easy andquick to learn 2. Easy and efficient to use 3. Error tolerant 4. Easy to remember 5. Subjective satisfaction Usability is a combination of factors
- 8. Your software isusable when users ... don’t think too much when using an application don’t feel the need to use help windows easily find the information they are looking for feel comfortable when navigation trough the application don’t feel stupid When your software is usable?
- 9. ISO 9241-11 (part11 - 1998) This part deals with the extent to which a product can be used by specified users to achieve specified goals with effectiveness (task completion by users), efficiency (task in time) and satisfaction (responded by user in term of experience) in a specified context of use (users, tasks, equipments & environments). ISO 9241-210 (ex ISO 13407) Provides requirements and recommendations for human-centered design principles and activities throughout the life cycle of computer-based interactive systems. It is intended to be used by those managing design processes, and is concerned with ways in which both hardware and software components of interactive systems can enhance human–system interaction. International standards
- 10. Usability may savelives … http://harryzzz.blogspot.ro/2010_07_01_archive.html
- 11. Usability may savemoney … “I'm not here to enter into a relationship. I just want to buy something.” https://www.facebook.com/HodanGlobal
- 12. it may makeyou smile
- 13. Book recommendation Don’t makeme think Steve Krug
- 14. Increase sales Increase traffic Increaseof registered users Market share increase Creates a positive brand Usability benefits for … public websites intranets development Decrease training budget for users Productivity increase Increase user satisfaction at work Reduces development time Decrease maintenance costs Remove re-design costs Decrease documentation and training time
- 15. Before Conversion rate 10% Annualrevenue 200.000 € improved conversion rate annual revenue annual ROI annual revenue current conversion rate Calculating increased conversion rate After Conversion rate 15% Annual revenue 200.000 * (15/10) = 300.000 Annual ROI 300.000 – 200.000 = 100.000 € The formula Example: Increase conversion rate by 5%
- 16. annual ROI users number Calculating increasedproductivity Assumptions Employees 500 Loaded salary 20.000€ (or €0.008/second) Use 10 tasks/day Increased efficiency 6 seconds/task Annual ROI 500 x 10 x 230 x 6 x 0.008 = 20.125 € The formula uses/ day days/ year increased efficiency loaded salary Example: Reorganize intranet to increase efficiency by 6 seconds/task
- 17. Calculating less relianceon call centers Assumptions Calls per year 25.000 Average call length 4 minutes (or 0.07 hours) Loaded salary 8.000€ (or 4.3 €/hour) Saving for reduced number of calls (25.000 x 0.3) x 0.07 x 4.3 = 2.250 € Saving for reduced call time 18750 x (0.07 x 0.5) x 4.3 = 2.800 € Example: Reduce number of calls with 30%; Reduce length of call by 2 minutes annual ROI number of calls Reduced number of calls projected reduction average call length average salary/minute annual ROI number of calls average call length projected reduction average salary/minute Reduced call length
- 18. 90s Hardware was the KING 00s Software wasthe KING 10s Interaction will be the KING From past to future
- 19.
- 20. I’ll go upand find out what they need and the rest of you just start coding! Traditional project life cycle http://blogs.msdn.com/b/devschool/archive/2012/09/10/design-principles-why-use-paper-and-pencil-or-similar-on-slate.aspx Project planning Requirements definitions Design Development Integration Test Installation Acceptance Maintenance
- 21. Help desk Training Maintenance Implementation Detail design Highlevel design User/task analysis Investment in Resources Project Life Cycle Less user centered design = more hidden costs
- 22. Investment in Resources Project Life Cycle Moreuser centered design = less hidden costs Help desk Training Maintenance Implementation Detail design High level design User/task analysis
- 23. Get smart early! Time Probability BeginEnd HighLow
- 24.
- 25. Simplicity Familiarity Availability Flexibility Feedback Safety Affordance How to applymental models in software?
- 26. Simplicity Familiarity Availability Flexibility Feedback Safety Affordance How to applymental models in software?
- 27. Simplicity Familiarity Availability Flexibility Feedback Safety Affordance How to applymental models in software?
- 28. Simplicity Familiarity Availability Flexibility Feedback Safety Affordance How to applymental models in software?
- 29. Simplicity Familiarity Availability Flexibility Feedback Safety Affordance How to applymental models in software?
- 30. Simplicity Familiarity Availability Flexibility Feedback Safety Affordance How to applymental models in software?
- 31. Simplicity Familiarity Availability Flexibility Feedback Safety Affordance How to applymental models in software? http://www.meetup.com/Tabara-de- Testare-Iasi/events/115763802/ Register
- 32. Interviews “Everyone has astory, make yours worth telling”, Patrick Ricketts http://4.bp.blogspot.com/-HTtRjPqHn2U/UDTdBhB_v7I/AAAAAAAAALk/LkbZEFEQmOw/s1600/job-interview.jpg
- 33. User observation “First ruleof usability? Don’t listen to users” by Jacob Nielsen http://www.newswire.ca/en/story/970075/brunswick-mine-earns-prestigious-john-t-ryan-safety-award-for-the-safest-metal-mine-in-canada
- 34.
- 35. Surveys because knowledge iseverything 1. design 2. collect 3. analyze
- 36. •User group Xcan do the task faster than group Y •Tasks A,B,C are easy for user group X and Y but tasks D and E are difficult for user group Y •User groups X and Y face the same problem but user group Z does not face this problem •Tasks D and B are the most time-consuming tasks, D is a frequent task and should be optimized Analysis of user data
- 37.
- 38. Environment Works in centralizedroom Busy environment, people, radios Climate control, but dusty, mal dust Operators, supervisors, visitors Good lighting conditions Technology 21” monitors, multiple (3-4) Good internet connection Looks like a control room Someone in the chair 24/7 2-way radios Demographics 37 years old Been at mine since 2000 (13 years) Enjoys what he does Firm and fair Minimal computer experience Develop personas Make Mircea love your system! Do you think that Mircea has time for this wizard?
- 39.
- 40. Closed card sorting FitnessHappinessDiet Health Weight Loss Nutrition Workout Plans Disease Risks For Vegetarians Living Green Lowering Stress Workouts Finance Tips Meal Plans Recipes Skin Care Fitness HappinessDiet Health Weight Loss Nutrition Workout Plans Disease Risks Living Green Lowering StressWorkouts Finance TipsMeal Plans Recipes Skin Care For Vegetarians http://sixrevisions.com/usabilityaccessibility/card-sorting/
- 41. Open card sorting Tour AboutUs Affiliates Developer Overview Subscription PlansDownload Trial Support API Info Testimonials Pricing Main Menu The Company Client Area Tour About Us Affiliates Developer Overview Subscription Plans Download Trial Support API Info Testimonials Pricing http://sixrevisions.com/usabilityaccessibility/card-sorting/
- 42.
- 43.
- 44. Developers spend alot of time worrying what makes things easy for themselves, like unit testing, continuous integration but we should spend more time worrying what makes things easy for our users Software exits because users exist, not because we develop it, so it’s worth a lot to make their jobs easier Developers gains success by making something possible instead of making something easy. About developers
- 45. If you arenot looking for something, very often you won't see it! Inattentional Blindness
- 46. … 5 buttonsare executed for 80% of user actions … 4 applications are used in 80% of user’s time Pareto rule (80/20 rule)
- 47.
- 48.
- 49. Gestalt principles Continuity andClosure Figure and ground
- 50. 0 1 2 3 4 5 6 Category 1 Category2 Category 3 Category 4 Series 1 Series 2 Series 3 Gestalt principles in software design
- 51. Why the Registerbutton is on the bottom-right? Question
- 52. For typical rectangularscreens the eye scans from top left to bottom right Guttenberg Diagram Primary Optical Area Strong Follow Area Weak Follow Area Terminal Area Axis of orientation
- 53. Guttenberg Diagram insoftware design http://51bits.com/articles/design-by-gutenberg/
- 54. Why do weuse gradients? Why do we use rounded corners? Questions
- 55.
- 56.
- 57. Contour bias &Naturalenes in software design
- 58.
- 60.
- 61.
- 62. Book recommendation Universal Principlesof Design William Lidwel, Kritina Holden, Jill Butler
- 63.
- 64.
- 65. Circle five wordsthat describe your impression of the design. Friendly Good Cool Confident Secure Up-To-Date Helpful High-Tech Cluttered Stable Reputable Annoying Confusing Trustworthy Easy-To-Use Comfortable Evaluate brand message
- 66. Where would yougo to read about? 1. Women’s medical procedures 2. Home care 3. Wight loss surgery 4. Local centers Evaluate content organization
- 67. 1. Can youplease tell me what is the price for Canon 1000D? 2. Can you please find the differences between Nokia S500 and Nokia S600? 3. Please add on order for Dell Latitude 400. Evaluate navigation design
- 68. Circle everything that youbelieve to be a hyperlink. Evaluate affordance
- 69.
- 70.
- 71. http://www.doublejumpmedia.com/blog/2009/05/eye-tracking-and-usability-testing-with-city-university-london/ Heat Maps 1. howoften do users look at key areas 2. how long users looked at key areas
- 72. http://www.doublejumpmedia.com/blog/2009/05/eye-tracking-and-usability-testing-with-city-university-london/ Gaze Plot Visualization 1.exact locations or points where users gazed 2. how long user looked at those points 3. the path or order of users viewing
- 73. Remote testing –Moderate testing http://www.techsmith.com/morae.html
- 74. Remote testing –User testing http://www.loop11.com/
- 75. Remote testing –Heat maps https://usabilla.com/
- 76. Remote testing –User feedback http://verifyapp.com/
- 77. Remote testing –Peer reviews http://www.conceptfeedback.com/
- 78. Remote testing –Screen Recording http://openhallway.com/
- 79.
- 80. Page title News form Signup form Content body Nav. bar A-BTesting Version A 50 signups Page title News form Signup form Content body Nav. bar Version B 75 signups randomly distributed
- 81. A B15.2 Conversionrate 20.9 Conversion rate TextMagic.com – Homepage A/B test http://www.abtests.com/test/275002/homepage-for-textmagic-homepage-ab-test
- 82. Book recomandation A PracticalGuide to Usability Testing Joseph S. Dumas, Janice C. Redish
- 83. In the end...
- 84. The inconvenient truthabout SEO http://www.smashingmagazine.com/2012/12/11/seo-the-inconvenient-truth/ Your primary objective should be better content, not higher rankings
- 85. Mint.com – noad campaign “Take a complicated process, make it easy, and you will win!” http://www.ebusinessblog.org/554/user-experience-success-mint-com-has-made-doing-the-bills-a-joint-effort/
- 86. Usability vs. Userexperience http://roomoramablog.files.wordpress.com/2012/10/transfagarasan-romania.jpghttp://www.consulting.ait.asia/images/news/detail/freeway.jpg
- 87. Sketchbook vs. Paper Thatwas EASY! Whoa. That was AWESOME! http://www.fingerpainted.it/wp-content/uploads/2010/04/iPad_SketchBookPro_Photo.jpg http://static.squarespace.com/static/50271a61c4aab6c54f9af5ee/5028140ee4b0195d2ee37559/5028140ee4b0195d2ee37e7e/1334450945277/1000w
- 88. let’s get ridof the user’s frustration …
- 89. and let’s make usershappy!
- 90.