Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Business Case for UX

590 views

Published on

How Those Two Little Letters Could Transform Your Bottomline

Published in: Design
  • Be the first to comment

The Business Case for UX

  1. 1. THE BUSINESS CASE FOR UX Why Successful Companies Care About Those Two Letters Presented by Ovetta Sampson October 26, 2016
  2. 2. TODAY’S CONVERSATION: • UX Philosophy • UX Process • ROI OF UX • UI Tenets • Fun and Games • Q&A
  3. 3. • Design inspiration • Problem solving • Understanding Users • Building better relationships • Building better products TODAY’S TAKEAWAYS
  4. 4. Design Neuroscience Psychology Technology Art Engineering Artist Rendering: Chris Labrooy: http://www.chrislabrooy.com/
  5. 5. Photo: 703Creative.com WTH ???
  6. 6. WHERE UX BEGAN: THE NORMAN DOOR PLAY VIDEO
  7. 7. WHAT ARE YOUR “NORMAN DOORS?”
  8. 8. What is UX? So says Don Norman
  9. 9. NORMAN’S MANTRAS o DISCOVERABILITY o LEARNABILITY o EFFICIENCY o JOYFUL/DELIGHTS
  10. 10. DISCOVERABILITY= PRIORITIZING o Put what people do most often first. o Put what people do second to most often second. o Put what people do sometimes last.
  11. 11. SOME TERMINOLOGY Mockplus on Medium.com
  12. 12. UX OR USER EXPERIENCE = DESIGN PROCESS
  13. 13. UI OR USER INTERFACE = DESIGN EXECUTION
  14. 14. UX+UI+IA+IXD = USER- CENTERED DESIGN
  15. 15. THERE’S ONLY ONE RULE ABOVE ALL ELSE IN UX:
  16. 16. UX DESIGN TOOLS Interviews Surveys Observations Affinity Diagrams Wireframes Prototypes Visual Designs Photography Usability Testing
  17. 17. HOW DOES UX AFFECT MY BUSINESS? Getty Images
  18. 18. Card Redesigned by Eric Thomas
  19. 19. The goal of UX design in business is to “improve customer satisfaction and loyalty through the utility, ease of use, and pleasure provided in the interaction with a product.” Photo by Nolan Issac: Unsplash.com
  20. 20. UX=WIIFM=FOMO=SALES ROI IN PRODUCT DESIGN
  21. 21. FROM FRANK SPILLERS: EXPERIENCE DYNAMICS.COM EXPERIENCE DYNAMICS
  22. 22. The ROI on UX
  23. 23. UX Metrics
  24. 24. TELL ME ABOUT YOUR CREATIONS
  25. 25. HOW DO YOU START? DESIGN THINKING www.ideou.com/pages/deisgn-thinking
  26. 26. THE PRINCIPLES OF UX Observe AnalyzeDesign Test Photo: Jean Gerber/Unsplash.com
  27. 27. ANATOMY OF UX PROCESS The Making of Home Base
  28. 28. HomeBase: Tablet App for Seniors age 65 +
  29. 29. HomeBase Process: Before Design Contextual Inquiry Expert Interviews In-home Observations Survey Analysis Affinity Diagram Paper Prototyping Task Flow Creation Digital Prototyping Usability Testing Digital Prototyping
  30. 30. HomeBase Personas
  31. 31. Team Exercise: Persona Creation
  32. 32. Create a Persona for Your Product Motivations Behaviors Attitudes Values Beliefs Technology adoption Location
  33. 33. THE TEN COMMANDMENTS OF UI
  34. 34. Visibility Real-World Match Consistency User Control Error Prevention
  35. 35. Recognition Ease of use Minimalist Design Error Recovery Help
  36. 36. UI VISIBILITY= USERS: Know where they are. Know where to go. Know what to do. Know how to leave.
  37. 37. UI ERROR PREVENTION Warn users Give users an out Design better
  38. 38. UI USER CONTROL= NO POPUPS (annoying) OPT-IN (not opt-out) Control the environment
  39. 39. UI CONSITENCY= USERS: Know what your controls mean Do not have to guess at what an icon/action will do Consistent look and feel
  40. 40. UI REAL WORLD MATCH=USERS: Understand directions. Know how to go from one step to the next. Do not have to guess.
  41. 41. UI USER FREEDOM= USERS: Can explore without fear. Recover from mistakes easily. Go back anytime. Choose disruption or not.
  42. 42. UI RECOGNITION: Minimize memory load User objects, icons, symbols that are well known. NO multi-step processes.
  43. 43. UI Easy of Use: Instruction manual not needed Can move from one state to the other with ease Can accomplish tasks fast and easily.
  44. 44. UI Minimalist Design Few colors Few fonts Simple navigations Clarity of content.
  45. 45. UI ERROR RECOVERY Give users an out Explain error and how to correct it Take away input areas that are prone to error ie., (data entry)
  46. 46. COOL UI EXAMPLES Device Needed
  47. 47. UX IN THE REAL WORLD
  48. 48. COOL UI EXAMPLES No Device
  49. 49. Zappos
  50. 50. Zappos
  51. 51. Zappos
  52. 52. Zappos
  53. 53. Zappos
  54. 54. Zappos
  55. 55. Zappos
  56. 56. Zappos
  57. 57. Zappos
  58. 58. NORMAN EXAMPLES: ORDER UPDATES ITEMS I’VE ORDERED BEFORE
  59. 59. UI EXERCISE Create a design feature for your persona..
  60. 60. Questions? Ovetta Sampson ovetta@ovetta-Sampson.com (719) 440-2594 @writingprincess

×