Your SlideShare is downloading. ×
Iasi code camp 20 april 2013 lets make users happy
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Iasi code camp 20 april 2013 lets make users happy


Published on

Published in: Technology, News & Politics
  • Be the first to comment

  • Be the first to like this

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. Let’s makeusers happy
  • 2. Daniel PuiuSoftware Developer &User Experience
  • 3. Agenda1. What is usability?2. Benefits of usability3. What we can do for our users?As business analysts (user centered design)As developers/designers (design principles)As testers (usability testing)4. Conclusions
  • 4. Usability is themeasure of quality ofthe user experiencewhen interacting withsomething.What is usability?
  • 5. 1. Easy and quick to learn2. Easy and efficient to use3. Error tolerant4. Easy to remember5. Subjective satisfactionUsability is a combination of factors
  • 6. Your software is usable when users ...don’t think too much when using an applicationdon’t feel the need to use help windowseasily find the information they are looking forfeel comfortable when navigation trough the applicationdon’t feel stupidWhen your software is usable?
  • 7. ISO 9241-11 (part 11 - 1998)This part deals with the extent to which a product can be used by specified users toachieve specified goals with effectiveness (task completion by users), efficiency(task in time) and satisfaction (responded by user in term of experience) in aspecified context of use (users, tasks, equipments & environments).ISO 9241-210 (ex ISO 13407)Provides requirements and recommendations for human-centered designprinciples and activities throughout the life cycle of computer-based interactivesystems. It is intended to be used by those managing design processes, and isconcerned with ways in which both hardware and software components ofinteractive systems can enhance human–system interaction.International standards
  • 8. Usability may save lives …
  • 9. Usability may save money …“Im not here to enter into a relationship.I just want to buy something.”
  • 10. it may make you smile
  • 11. Increase salesIncrease trafficIncrease of registered usersMarket share increaseCreates a positive brandUsability benefits for …public websitesintranetsinternalDecrease training budget for usersProductivity increaseIncrease user satisfaction at workReduces development timeDecrease maintenance costsRemove re-design costsDecrease documentation and training time
  • 12. BeforeConversion rate 10%Annual revenue $100.000improved conversion rateannual revenue annual ROIannualrevenue current conversion rateCalculating increased conversion rateAfterConversion rate 15%Annual revenue 100.000 * (15/10) = 150.000Annual ROI 150.000 – 100.000 = 50.000$The formulaExample: Increase conversion rate by 5%
  • 13. annual ROIusersnumberCalculating increased productivityAssumptionsEmployees 500Loaded salary $20.000 (or $0.008/second)Use 10 tasks/dayIncreased efficiency 6 seconds/taskAnnual ROI 500 x 10 x 230 x 6 x 0.008 = 20.125$The formulauses/daydays/yearincreasedefficiencyloadedsalaryExample: Reorganize intranet to increase efficiency by 6 seconds/task
  • 14. 90sHardwarewas the KING00sSoftwarewas the KING10sInteractionwill be the KINGFrom past to future
  • 15. User centeredanalysis
  • 16. I’ll go up and findout what they needand the rest of youjust start coding!Traditional project life cycleProjectplanningRequirementsdefinitionsDesignDevelopmentIntegrationTestInstallationAcceptanceMaintenance
  • 17. Help deskTrainingMaintenanceImplementationDetail designHigh level designUser/taskanalysisInvestment in ResourcesProjectLifeCycleLess user centered design = more hidden costs
  • 18. Investment in ResourcesProjectLifeCycleMore user centered design = less hidden costsHelp deskTrainingMaintenanceImplementationDetail designHigh level designUser/task analysis
  • 19. Get smart early!TimeProbabilityBegin EndHighLow
  • 20. Mental models
  • 21. SimplicityFamiliarityAvailabilityFlexibilityFeedbackSafetyAffordanceHow to apply mental models in software?
  • 22. SimplicityFamiliarityAvailabilityFlexibilityFeedbackSafetyAffordanceHow to apply mental models in software?
  • 23. SimplicityFamiliarityAvailabilityFlexibilityFeedbackSafetyAffordanceHow to apply mental models in software?
  • 24. SimplicityFamiliarityAvailabilityFlexibilityFeedbackSafetyAffordanceHow to apply mental models in software?
  • 25. SimplicityFamiliarityAvailabilityFlexibilityFeedbackSafetyAffordanceHow to apply mental models in software?
  • 26. SimplicityFamiliarityAvailabilityFlexibilityFeedbackSafetyAffordanceHow to apply mental models in software?
  • 27. SimplicityFamiliarityAvailabilityFlexibilityFeedbackSafetyAffordanceHow to apply mental models in software?http://iasi.codecamp.roRegister
  • 28. Interviews“Everyone has a story,make yours worthtelling”, Patrick Ricketts
  • 29. User observation“First rule of usability?Don’t listen to users” byJacob Nielsen
  • 30. Focus groups
  • 31. Surveysbecause knowledge is everything1. design 2. collect 3. analyze
  • 32. EnvironmentWorks in centralized roomBusy environment, people, radiosClimate control, but dusty, mal dustOperators, supervisors, visitorsGood lighting conditionsTechnology21” monitors, multiple (3-4)Good internet connectionLooks like a control roomSomeone in the chair 24/72-way radiosDemographics37 years oldBeen at mine since 2000 (13 years)Enjoys what he doesFirm and fairMinimal computer experienceDevelop personasMake Mircea loveyour system!Do you think thatMircea has timefor this wizard?
  • 33. Card sorting
  • 34. Closed card sortingFitness HappinessDiet HealthWeight Loss NutritionWorkout PlansDisease RisksFor VegetariansLiving GreenLowering StressWorkoutsFinance TipsMeal PlansRecipesSkin CareFitness HappinessDiet HealthWeight LossNutritionWorkout PlansDisease RisksLiving GreenLowering StressWorkoutsFinance TipsMeal PlansRecipesSkin CareFor Vegetarians
  • 35. Open card sortingTourAbout UsAffiliatesDeveloperOverviewSubscriptionPlansDownloadTrialSupportAPI InfoTestimonialsPricingTourAbout UsAffiliatesDeveloperOverviewSubscriptionPlansDownloadTrialSupportAPI InfoTestimonialsPricing
  • 36. DesignPrinciples
  • 37. Developers spend a lot of time worrying what makesthings easy for themselves, like unit testing, continuousintegration but we should spend more time worryingwhat makes things easy for our usersSoftware exits because users exist, not because wedevelop it, so it’s worth a lot to make their jobs easierDevelopers gains success by making something possibleinstead of making something easy.About developers
  • 38. If you are not looking forsomething, very oftenyou wont see it!Inattentional Blindness
  • 39. … 5 buttons are executedfor 80% of user actions… 4 applications are usedin 80% of user’s timePareto rule (80/20 rule)
  • 40. Hick’s Law
  • 41. Gestalt principlesSimilarity Proximity
  • 42. 0123456Category 1 Category 2 Category 3 Category 4Series 1Series 2Series 3Gestalt principles in software design
  • 43. Why the Register button is on thebottom-right?Question
  • 44. For typical rectangular screens the eye scansfrom top left to bottom rightGuttenberg DiagramPrimary Optical Area Strong Follow AreaWeak Follow Area Terminal AreaAxis of orientation
  • 45. Guttenberg Diagram in software design
  • 46. Why do we use gradients?Why do we use rounded corners?Questions
  • 47. Naturalness
  • 48. Contour bias
  • 49. Contour bias & Naturalenesin software design
  • 50. Savanna preference
  • 51. Desire lines
  • 52. 123456
  • 53. UsabilityTesting
  • 54. Usability testing
  • 55. Circle five words that describe your impression of the design.Friendly GoodCool ConfidentSecure Up-To-DateHelpful High-TechCluttered StableReputable AnnoyingConfusing TrustworthyEasy-To-Use ComfortableEvaluate brand messageTest sample
  • 56. Where would you goto read about?1. Women’s medicalprocedures2. Home care3. Wight loss surgery4. Local centersEvaluate content organizationTest sample
  • 57. 1. Can you please tell mewhat is the price forCanon 1000D?2. Can you please find thedifferences betweenNokia S500 and NokiaS600?3. Please add on order forDell Latitude 400.Evaluate navigation designTest sample
  • 58. Circle everythingthat you believe tobe a hyperlink.Evaluate affordanceTest sample
  • 59. Prototype Testing
  • 60. Eye tracking
  • 61. Gaze Plot Visualization Heat MapsEye tracking data analysis
  • 62. Moderate testing Heat mapsPeer reviewsUser feedback Screen recordingUser testingRemote testing
  • 63. Web log analysis
  • 64. Page titleNewsformSignupformContent bodyNav.barA-B TestingVersion A 50 signupsPage titleNewsformSignupformContent bodyNav.barVersion B 75 signupsrandomlydistributed
  • 65. A B15.2 Conversion rate 20.9 Conversion – Homepage A/B test
  • 66. In the end ...
  • 67. The inconvenient truth about SEO primary objectiveshould be better content,not higher rankings
  • 68. – no ad campaign“Take a complicated process, make it easy, and you will win!”
  • 69. Usability vs. User experience
  • 70. Sketchbook vs. PaperThat was EASY!Whoa. That wasAWESOME!
  • 71. let’s get rid of theuser’s frustration …
  • 72. and let’s makeusers happy!
  • 73. Steve KrugDon’t make methinkDonald NormanThe design ofeveryday thingsJenifer TidwellDesigninginterfacesJacob NielsenPrioritizing WebUsabilityLidwel, Holden & ButleUniversal Principles ofDesignhttp://www.humanfactors.com O O K SW E B S I T E SResources