Mobile ux and usability measurement webinar-ppt-xbo soft


Published on

This presentation is from a webinar with Mobile Medsoft presenting the in's and out's of Mobile User Experience, Mobile Usability and Measurement.

Published in: Technology, Design
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Mobile ux and usability measurement webinar-ppt-xbo soft

  1. 1. Developing Meaningful Usability and User Experience Measurements for Mobile (Healthcare)
  2. 2. Speaker Introduction• Philip Lew - XBOSoft• Duke Yetter – CEO, – Long term and mobile – Healthcare solutions 2
  3. 3. Agenda• What is usability and UX and why important?• Usability and UX Specifics for MobileApps• How to set up measurements• What does Mobile MedSoft want to achieve with their app from a usability and UX viewpoint• How to set up usability measurements for Mobile Medsoft
  4. 4. What is Usability-UX and Why is it Important
  5. 5. Web and Mobile User Expectations• Business models have changed – Instead of paying upfront and ‘owning’ the software – Pay as you go, pay by subscription• Cloud and mobile converge• Behavior and expectations have changed
  6. 6. Basic Usability ConceptsUsability Usability User Design Effect Experience 6
  7. 7. Design-Test and Evaluate• What will the mobileapp do? Design• Is it a conversion of existing app? Test and Test and• What functions Evaluate Evaluate will a user really access? Release 7
  8. 8. Usability - Design Perspective• Understandability• Learnability• Operability• Attractiveness• Navigation• Responsiveness-performance
  9. 9. Usability-EffectDegree to which specifiedusers can achieve specifiedgoals with effectiveness,efficiency and satisfaction in aspecified context of use. Source: ISO 25010
  10. 10. Usability-Effect “Context” and “Specified”• User role specified users• Objective specified goals• Task• Environment specified context of use• Domain What else can you think•… of?
  11. 11. Usability-Effect User Experience• Satisfaction Source: ISO 25010 – The degree to which users are satisfied in a specified context of use. Satisfaction is further subdivided into sub-characteristics: • Likability (cognitive satisfaction) • Pleasure (emotional satisfaction) • Comfort (physical satisfaction) • Trust• Including many other factors experienced over time and other channels
  12. 12. Task Ease (effectiveness and efficiency)• Buttons are a key tool in the user experience designer’s box of tricks.• Prioritize tasks - Some tasks more important than others.• Understand the objectives of the application and understand which tasks are really important.• Paths to complete these tasks should be given priority• Majority of your app’s value is provided by a small number of tasks.• With these priority tasks, remove any friction that slows the user’s progress.• Choosing your words carefully to make it clear what the buttons or functions do 12
  13. 13. User Context is King• Mis-Targeted user background can cause loss of effectiveness• Know your users. 13
  14. 14. UsabilityRight and Wrong 14
  15. 15. Positioning• Effectiveness of application buttons is affected by position.• Emphasis is gained by – removing clutter – placing the button where the user’s eyes will mostly likely be. 15
  16. 16. Using Color• Color creates emphasis.• Dependent on the importance of the application’s function.• Make easy to for user to see the most important stuff.• Color can affect usefulness. 16
  17. 17. Create an account!!! LinkedIn - Color• The ‘View Full Profile’ button – LinkedIn wants you to click that. – You’ll be prompted to create an account!• Button has a unique color that isn’t shared with any other part of the design.• Page has tons of information, this button still stands out. 17
  18. 18. Don’t Overuse a Color 18
  19. 19. Size Matters• Time taken to point at an object is directly influenced by the size of that object.• Big is beautiful depending on function-what you want the user to do.• Size can dictate the button’s importance over everything else on the page.• Take the Firefox page for example, Mozilla don’t mess around with subtlety here.• Good design communicates priority.• With one massive button on the page, that priority is obvious. 19
  20. 20. Using Size AND Color 20
  21. 21. Multivariate Testing• Small changes can make a big difference.• Laura Ashley arrived at this design following multi-variate testing of 5 different options• Differences in the testing included: – Link colors and locations • The "Go to checkout" button was dark gray instead of green• Achieved 11% increase in checkouts 21
  22. 22. Let’s Go MobileUsability and UX For Mobile 22
  23. 23. Usability - Desktop to Mobile• You have a good website made for desktop and users can access it from their mobile phones also. – Just loading websites on the phone is not enough• What matters for users – Time to load the website – User interface – Accessibility of various functions available• Usability design needs to change, otherwise usability effect and UX will suffer 23
  24. 24. Laura Ashley MS• Same as web version• Green sticks out 24
  25. 25. LA• What is wrong here? 25
  26. 26. LA MS• Consistent green• Obviously want you to click and add to the bag 26
  27. 27. LA Shopping bag• Clear green signals… BUY 27
  28. 28. LA MobileApp• Main Screen• Decent size buttons• No priority or importance weighting 28
  29. 29. LA Mobile App• Big buttons• Good for big fingers• Semi-meaningful icons on the bottom – Note contextual location 29
  30. 30. Buy or Share?• No placement of importance or priority 30
  31. 31. Select Size• Good navigation• Good size buttons• No priority 31
  32. 32. In my Basket• What should I do now? 32
  33. 33. Shopping Basket• Empty or Checkout? 33
  34. 34. Bloomberg• Simple Information App• Simple colors• Meaningful Icons• Big enough to see 34
  35. 35. Fidelity• Easy to use scroll – Thumb Friendly• Simple colors 35
  36. 36. Fidelity• Size and Importance• Pretty easy to see what they want you to do• Consistent icons on bottom – Simple – Not everything 36
  37. 37. Yelp• Easy on the eyes• Semi-meaningful icons 37
  38. 38. Yelp• Consistent• Finger friendly• Consistent location of icons on bottom Same as Fidelity What does this mean? 38
  39. 39. Mobile Usability Design Best Practices Summary• Quick• Simple Navigation-Task Oriented• Thumb Friendly• Visibility in Design• Easy to Convert/Complete the task• Contextual• Seamless with main webapp 39
  40. 40. What does want toachieve in the Usability UX Standpoint? 40
  41. 41. Introduction to• iMedTablet is our latest patent pending pending technology being developed for patient care coordination for all types of long-term care providers.• Allows the user to securely access and document patient care information in real-time utilizing Cloud technology, GPS technology and intra-facility communications.• With data stored on the cloud and not on a local server, expandability is unlimited. Plus electronic storage versus paper is a great savings.• Designed to seamlessly integrate with many pharmacy and long-term care software systems.• iMedTablet is mobile, affordable, reliable, secure, easy to deploy and simple to use. Will be available in a multiple languages and HL7 Compatible 41
  42. 42. • Usability Design – Easy to use – Very contextual and domain oriented application• UX Assessment, Measurement and Improvement 42
  43. 43. Setting Up Usability Measurements Measure and Improve 43
  44. 44. Big Picture on Usability and UX Usability Usability User Design Effect Experience 44
  45. 45. Design-Test and Evaluate Design Test and Test and Evaluate Evaluate Release 45
  46. 46. Defining Usability For Your Organization Quality UsabilityCharacteristic 1 Characteristic 2 Characteristic nSubcharacteristic 1 Subcharacteristic 2 Subcharacteristic n Attribute 1 Attribute 2 Attribute 3 Attribute 1• Attributes expressed hierarchically• Any number of sub-levels is OK• Achieving the sub-attributes=achieving the high level attribute -measurable
  47. 47. Let’s Define UsabilityFrom the Product (Design) Viewpoint Usability Characteristic 1 Navigation Characteristic 2 Simpleness Characteristic nSubcharacteristic 1 Control Stability Subcharacteristic 2 Button Visability Subcharacteristic n Attribute 1 Position Attribute 2 # Buttons Color Usage
  48. 48. Defining Usability from an Effect-Real usage Point of View Usability QualityEffectiveness Efficiency Satisfaction Characteristic n Accuracy Completeness Subcharacteristic n Errors Attribute 2 Attribute 3 Attribute 1
  49. 49. Potential Attributes Measurements for ‘Effect’ Usability• Effectiveness – Completion rates – Error rate – Help usage• Efficiency – Task time/Speed – Backtracking• Learnability – Learning rate – Task time deviation
  50. 50. Measurable Attributes• Attribute name• Description and purpose Once you have a model (what you• How to measure are going to• What is measured measure), then• Measurement/Calculation you start doing IT!• Range (min, max)• Objective• Current
  51. 51. Usability MeasurementAttribute Scale How Measure or Objective Current CalculationHelp Access Percent of Log files % 30% 40% Users Accessing HelpTask Keystrokes Measure top % 90% < 3 50%Completion to 10 tasksEfficiency find/use a feature/func tion/informa tionConsistency Number Examine integer 1 5 locations for menus and same button doc.Accuracy Number Log files Integer or % <5 10 reported errors 51
  52. 52. Usability Measurement Methods Focus Walk groups Throughs Satisfaction Surveys Labs Heuristic Evaluation Logging Let’s get started
  53. 53. Example Heuristic EvaluationExternal Quality Requirements Measure EI value P/GI value Global Quality Indicator 61.97% 1 Usability 60.88% 1.1 Understandability 83% 1.1.1 Icon/label ease to be recognized 100% 1.1.2 Information grouping cohesiveness 66% 1.2 Learnability 51.97% 1.2.1 ……………………………………………… … 1.3 Operability 49.50% 1.3.1 Control permanence 100% 1.3.2 Expected behaviour 50% 2 Content Quality 63.05% 2.1 Content Suitability 63.05% 2.1.1 Basic Information Coverage 50% Line item information completeness 2 50% Product description appropriateness 50% 2.1.2 Coverage of other Contextual Information 76.89% ……………………………………………….. … Return policy information completeness 33%
  54. 54. Usability Logging Measurement and Data Collection• Identify users by using session ID to identify a unique user.• Iteratively insert code into the application• Collect data• Analyze the data for each attribute in different dimensions and aggregations• Determine the need for further calculations and what attributes to measure further• Revise the data we are collecting, adding or decreasing granularity
  55. 55. Satisfaction SurveysThe process:1. Calculate the usability score (satisfaction) of version X2. Do the survey3. Change to version X.1 – make changes to the software directly correlated to the usability factors to either increase or decrease the usability score4. Do the survey again5. See if differences made change impact the survey results
  56. 56. Notes on Satisfaction and Usability don’t have what I want I’m unsatisfied • Satisfaction is a subjective feeling Highly usable dependent on many software things other than usability: My password doesn’t work – A user can be highly satisfied but the application with lowNice weather I’m usability. today satisfied! – An application can below usability highly usable (high software usability) but the user is not satisfied! Finishedmy work today
  57. 57. Getting Started with Measurement• Produce an action plan – What usability attributes are important to your organization? • Develop a model – What data can you collect/Which technique can you use • Maybe some elements of the model drop out-can’t be measured that easily – Start collecting and developing benchmark
  58. 58. Setting up Usability and UXMeasurements for 58
  59. 59. Conclusion• Usability and UX – Abstract concepts – Paramount for mobileapps• Defining is different for each organization• Need a model for your organization – What is most important to you depends on your users and their behavior and expectations• The model is the foundation of what to measure• Once you can measure, then you can evaluate and improve
  60. 60. Thanks Questions and Answerswww.xbosoft.com408-350-0508