UX Playbook: Real World User Exercises

Users are surprising. Even with the best planning and design, users have a way of finding confusion that my team didn't. In this session, we'll walk through a number of fun and challenging exercises aimed at keeping users happy.

2. @clarklab #InVisionWebinar
4. Content Designer @InVisionApp
6. Persona Benefits
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
18. Common Ground 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
39. Homework Create three personas
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
46. A user visits airbnb
47. A user visits airbnb User searches for property
48. A user visits airbnb User searches for property User books property
49. A user visits airbnb User searches for property User books property User & host receive email
50. A user visits airbnb User books property User & host receive email User searches for property
51. Visual Storyboard Examples
55. Improve Company Focus
56. User learns about The Zebra
57. User learns about The Zebra User Visits The Zebra
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
71. Open the app Select the flight
72. Open the app Select the flight Check In
79. Open the app Select the flight Check In
80. Open the app Select the flight Retrieve the code
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”
87. Open the app Select the flight 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?
125. common ground 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
138. @clarklab #InVisionWebinar