UX playbook: Real world user exercises
31 likes3,285 views
The document discusses the importance and benefits of creating user personas, storyboarding, and user testing in UX design. It emphasizes that understanding specific user needs through research leads to better product engagement, while also providing practical exercises and homework for implementing these concepts. Examples highlight the process of designing with user-centric approaches to improve functionality and satisfaction.
UX playbook: Real world user exercises
- 8. UX Playbook real world user exercises
- 9. No designated UX Tight timelines and misunderstandings Processing and agreeing on feedback Challenges
- 10. Our Session Today Simple exercises with some homework
- 11. UX doesn’t stop it isn’t a phase
- 12. Personas Storyboards User Testing Prototyping
- 13. Personas
- 14. A persona is a representation of a user based on data (hopefully)
- 15. Focus on the specific somebody, not the generic anybody Persona Benefits
- 16. Share user-centered knowledge with the entire team Persona Benefits
- 17. Similar to a brand style guide or content requirements Persona Benefits
- 19. “What does a persona look like?”
- 20. Persona Benefits
- 21. Persona Benefits
- 22. Design Persona Marketing Persona Proto Persona Types of Personas
- 23. a specific person representative of larger groups Creating a Persona
- 24. based on research data, interviews, analytics, etc Creating a Persona
- 25. current reality not the future Creating a Persona
- 26. challenging varied skills and interest levels Creating a Persona
- 27. help you understand the user’s behaviors, attitudes, needs Creating a Persona
- 28. “Widening your target doesn’t improve your aim. To create a product that must satisfy a broad audience of users, logic will tell you to make it as broad in its functionality as possible to accommodate the most people. Logic is wrong.” Alan Cooper
- 29. “When you design for your primary persona, you end up delighting your primary persona and satisfying your secondary persona(s). If you design for everyone, you delight no one. That is the recipe for a mediocre product.” Alan Cooper
- 30. Examples of personas in action
- 31. Persona Benefits
- 32. Persona Benefits
- 33. Persona Benefits
- 34. Persona Benefits
- 35. Persona Benefits
- 36. Persona Benefits
- 38. Homework
- 40. Homework Create three personas Bonus: pain points
- 41. Storyboarding
- 42. A storyboard is the planning of a sequence of events
- 43. covers a complete event A good storyboard
- 44. is flexible A good storyboard
- 45. is assignable A good storyboard
- 58. User learns about The Zebra User Visits The Zebra User enters vehicle details
- 59. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier
- 60. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent
- 61. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork
- 62. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork User Is Insured!
- 63. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork User Is Insured!
- 64. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork User Is Insured!
- 65. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork User Is Insured!
- 66. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork User Is Insured!
- 67. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork User Is Insured!
- 68. User learns about The Zebra User Visits The Zebra User enters vehicle details Receives quotes & selects a carrier User contacts an agent User receives on-boarding paperwork User Is Insured!
- 70. Open the app
- 81. Open the app Select the flight Retrieve the code Go back to main screen
- 82. Open the app Select the flight Retrieve the code Go back to main screen Select “Check In”
- 83. Open the app Select the flight Retrieve the code Go back to main screen Select “Check In” Manually enter the code
- 84. Open the app Select the flight Retrieve the code Go back to main screen Select “Check In” Manually enter the code Type out full name
- 85. Open the app Select the flight Retrieve the code Go back to main screen Select “Check In” Manually enter the code Type out full name Tap “Check In”
- 88. Homework
- 89. Homework Storyboard your product value
- 90. Homework Storyboard your product value Bonus: storyboard a pain point
- 91. User Testing
- 92. user testing is the process of watching people use your product
- 93. User Testing Benefits Always surprising
- 94. How it feels to watch a user test your product for the first time. @DesignUXUI
- 95. User Testing Benefits Huge returns
- 96. User Testing Benefits Before, during & after it isn’t a phase
- 97. Types of User Testing remote focus group beta testing user interviews
- 99. “We still believe that the most important part of UX design is testing. You can write, strategize, research and design all you want but the proof is in the testing.” David Perel, co-founder of Obox
- 100. research your target audience User Testing Do’s
- 101. give general direction not turn-by-turn navigation User Testing Do’s
- 102. document everything action items aplenty! User Testing Do’s
- 103. test at all stages sometimes fidelity isn’t important User Testing Do’s
- 104. only testing internally with like-minded folks User Testing Don’ts
- 105. relying on emulators a screen in a screen User Testing Don’ts
- 106. User Testing Don’t Tell Anyone’s
- 107. drunk user testing with friends and family User Testing Don’t Tell Anyone’s
- 108. squint testing with our without bad eyesight User Testing Don’t Tell Anyone’s
- 109. translate testing it’s all Greek to me User Testing Don’t Tell Anyone’s
- 113. 5 day research sprints cultivating
- 114. Time to market for useful, usable features
- 115. “I thought I’d be looking more at their taps than what they were saying, but it turned out that looking at their reactions and expressions were more important to me.” Vicki Tan
- 117. 18% drop overnight
- 118. Homework
- 119. Homework Conduct a remote user test
- 120. Homework Conduct a remote user test Bonus: host an IRL focus group
- 121. Prototyping
- 122. the design process a simulation of the final product
- 123. test before code Why Prototype?
- 124. test before design Why Prototype?
- 126. use paper, wireframes, or whatever On Fidelity
- 127. make it interactive On Fidelity
- 128. On Fidelity share it with everyone (that can handle it)
- 129. “Investment is the enemy of creativity. The more you invest in an idea, the more bias you have for that idea.” Clark Valberg
- 130. Prototyping Tips strive for “good enough” pixel-perfect is for production
- 131. Prototyping Tips keep a wide focus stuck somewhere? move on!
- 132. Prototyping Tips use Symbols and Smart Objects duplicate work is the worrrrst
- 133. Prototyping Tips use “real” assets stock is fine!
- 134. Prototyping Tips prototype on real devices live in the real world
- 135. Homework
- 136. Homework Start from scratch, find “good enough”
- 137. Homework Start from scratch, find “good enough” Bonus: m