Save 37% off PRO during our Black Friday Sale! »

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

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.

28519fc7c37998eea059b525da5fc7ce?s=128

Ross Wintle

March 20, 2019
Tweet

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/
  15. None
  16. My UX Journey with thanks to Innocent Drinks

  17. UX IS: Making users effective User
 Goals Org
 Goals

  18. UX IS:
 User journeys

  19. None
  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

  28. None
  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

  50. None
  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

  69. None
  70. None
  71. None
  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