User Experience: It's for Everyone (2019 edition)

Not sure what user experience (UX) is? (Neither am I). Or whether it matters to you? (It TOTALLY does!) Or why it’s important? (Let’s find out!). I’m not a UX expert, but I don’t think you have to be: we should all be thinking about how people interact with the things that we make.

We'll take a really (really!) simple web app, tear it apart, and realise that UX is hard, very important, and definitely worth thinking about. Expect tips, links, resources, door handles, cars, and of course a little WordPress.

Transcript

1. User Experience: It’s for everyone… …and it’s some other things too!
2. Ross Wintle Software Developer Technology Consultant @magicroundabout
3. UX Designer
4. My UX Journey
5. UX is 90% how you think 10% what you design
 - Joel Marsh: UX for Beginners
6. UX is 90% asking questions and 10% having the answers
 - Me!
7. Q & A
8. Q & Eh?
9. User Experience: 
 It’s for everyone it’s important and it’s really hard!
10. What is
 UX?
11. UX UXD UI User eXperience User eXperience Design User Interface
12. UI is what you see
 UX is how you feel
13. Joel Marsh “UI is what you see
 UX is why you see it”
14. “The best UX will often be no UI at all” Havoc Pennington
 http://blog.ometer.com/2016/01/26/the-dangerous-ui-team/
16. My UX Journey with thanks to Innocent Drinks
17. UX IS: Making users effective User
 Goals Org
 Goals
18. UX IS:
 User journeys
20. ! "
 #
 $
 %
 &
 
 (
 )
 ⋆
 +

21. ! "
 #
 $
 %
 &
 
 (
 )
 ⋆
 +
 ?
22. User journey: Dead ends Logo Home - About - Donate Awesome
 Video
 Here
23. User journey: Dead ends ? Logo Home - About - Donate Awesome
 Video
 Here ?
24. UX IS:
 A process!
25. UX IS:
 Psychology Usability Design Copywriting Analysis
26. UX is for everyone
27. We all have experiences as users
29. We can send a 1-ton rover vehicle to Mars and land it using a hovering, rocket- powered crane… But we still can’t make a printer work nicely! - Me
30. We all create experiences
31. UX is for… managers and consultants
32. UX is for… designers
33. UX is for… implementors
34. UX is for… developers
35. UX is for… copywriters
 media editors
 content creators
36. UX is for… everyone!
37. UX is important
38. UX can… make a difference
 
 (positive and negative)
39. https://twitter.com/Una/status/698003448323641344
40. UX can… increase sales
41. –Greg Linden - Make Data Useful - 2006
 
 https://sites.google.com/site/glinden/Home/StanfordDataMining.2006-11-28.ppt Every 100ms delay costs 1% of sales
42. –Adam Silver 
 
 https://medium.com/simple-human/embracing-simplicity- cf9ca9fe6a9e#.xpwld4p72 Just Eat removed a fancy, JS accordion form and replaced it with a multi-page form. “…this resulted in almost 2 million extra orders per year.”
43. UX can… raise more money
44. –Steve Guy - British Heart Foundation
 
 https://www.youtube.com/watch?v=EIR2BamKwl8 The BHF simplified a form and raised an extra £2m per year
45. UX can… make people smile
46. –Lots of people
 
 https://twitter.com/slacklovetweets “We love @SlackHQ…”
47. UX can… change the world?
48. UX is important
49. UX is hard
51. UX is hard
52. Should I have a home link in my navigation?
53. No, people know that they click the logo. Should I have a home link in my navigation?
54. Yes, people don’t know to click the logo. Should I have a home link in my navigation?
55. No, people use breadcrumbs Should I have a home link in my navigation?
56. No, people use the back button Should I have a home link in my navigation?
57. Yes, people expect it. Should I have a home link in my navigation?
58. It depends. Should I have a home link in my navigation?
59. What about on mobile with collapsed nav? Should I have a home link in my navigation?
60. Have you considered the user journey? Should I have a home link in my navigation?
61. Test it Should I have a home link in my navigation?
62. I tested it!
 (and people do crazy things) Should I have a home link in my navigation?
63. YOU’RE NOT NORMAL!
64. UX is hard
65. https://twitter.com/rUv/status/695055910683615232
66. https://twitter.com/lionelrudaz/status/695147236670455808
67. UX is hard
68. The Simplest
 Web App
 In The
 World Case Study
72. User journey • Discovery • Arrival (at homepage?) • Sign up / create account • Log in • Change status
73. User journey • Discovery • Arrival (at homepage?) • Sign up / create account • Log in • Change status • Push notifications?
74. Acquisition is hard
75. Homepage How did the user get here?
76. Homepage How can I get more people here?
77. Navigation is hard
78. Homepage What should be in my navigation?
79. Homepage What should NOT be in my navigation?
80. Homepage What about when logged in?
81. Homepage Should I have a home link?
82. Calls to action are easy (mostly)
83. Homepage What might the user want to do next?
84. Homepage Can I easily take action on mobiles?
85. Homepage Can I simplify by limiting the number of choices?
86. Homepage Should the action change when logged in?
87. Copywriting is hard
88. Homepage How can I simplify/ edit this?
89. Homepage What DO I need to say.
90. Homepage What DON’T I need to say.
91. Homepage Have I clearly and succinctly explained what this is in a way that a new visitor will understand?
92. Homepage Do I need to explain this to new users? Or is some prior knowledge assumed?
93. Homepage Is my page too long? Or too short?
94. Homepage Are my lines too wide? Or too narrow?
95. Mobile-friendly is hard
96. Homepage Responsive!
97. Forms are REALLY hard
98. Sign up How can I make it easy?
99. Sign up What data do I need to collect?
100. Sign up What data don’t I need to collect?
101. Sign up Do users need usernames? Or will email addresses do?
102. Sign up What needs explaining, and what doesn’t?
103. Sign up What do I need to do about data protection and legal stuff?
104. Sign up Should people set a password? Or should I send one?
105. Sign up Should I enforce complex passwords?
106. Sign up What validation do I need to do?
107. Sign up How do I display validation errors?
108. Sign up Should I do fancy JS/ AJAX validation in real time?
109. Sign up Should this be a one page or multi-page form?
110. Sign up Would social media logins be easier?
111. User journeys are hard
112. Thanks! What happens now? What screen do users go to?
113. Thanks! Should the user be logged in?
114. Thanks! Do they get an email?
115. Thanks! Does an admin get an email?
116. Log in How long are people logged in for?
 
 (This is critical!)
117. Log in What screen is shown after login?
118. Log in What does a user do if they’ve forgotten their login?
119. Log in Is social media linking/logging in helpful?
120. Change status What is the button feedback?
121. Change status What else happens after pressing the button?
122. Change status Should I congratulate the user?
123. Change status Should people be allowed to upload a photo or note?
124. Change status Should people be allowed to change colour (as they now know the gender)?
125. Change status Should I offer sharing on social media…
 
 …or by email?
126. Change status Should there be an “oops” or “undo” option?
127. Change status What’s the balance of more options vs getting out of the way?
128. The Simplest
 Web App
 In The
 World Case Study
129. 2 actions Case Study
130. 46 questions Case Study
131. UX is hard
132. Which way now?
133. Beg, steal, borrow Resource: http://www.goodui.org
134. Ask questions Resource: Your brain
135. Test and Observe Resource: Your mum, dad, grandma, cat
136. Track and Analyse Resource: Analytics (Event Tracking)
137. Change and test Resource:
 Google Experiments, Optimizely, InVision
138. Think outside
 the screen Resource:
 Your own experiences
139. Ask, Discuss, Learn Resource:
 Each other
140. Other Resources • Psychology - Laws of UX: https://lawsofux.com/ • UX Myths: https://uxmyths.com/ • InVision “Principles of UX Design” course:
 https://www.invisionapp.com/ecourses/principles- of-ux-design (free) • Inspiration: https://www.reallygoodux.io/
141. Questions? (But not necessarily answers) Ross Wintle
 @magicroundabout oikos.digital