What the UX? – Confessions of a Designer

UX - two magic letters which seem to attract a lot of hopes and desires. People hiring UX Researcher, UX Prototyper, UX Designer, UX Manager and UX Developer. People buy books about Agile UX and Lean UX. UX is everywhere, but what‘s really behind that thingy? This talk is for those who want to know more about the practical side of User Experience Design and also those who already know about it but have problems integrating it in to their everyday work. This talk will cut the hocus pocus and replace it with down to earth examples. So what? What the UX?

Session at Mobile Tech Conference 2015 in Munich:
https://mobiletechcon.de/2015se/sessions/what-ux-confessions-designer

Transcript

1. What the UX? Confessions of a Designer @Thomas_Glaeser | Head of UX @ Delightex
 Mobile Tech Conference Munich | 25th of March 2015
2. Who’s that dude? @Thomas_Glaeser
4. CoachingSpaces PushFree
7. http://www.awwwards.com/creative-ui-design-examples-for-great-ux.html?utm_source=11-07-2012
8. http://edlea.com/blog/product-ux-ui-cereal
9. http://edlea.com/blog/product-ux-ui-cereal
10. http://edlea.com/blog/product-ux-ui-cereal
11. »User Experience (UX) covers all interactions between humans and a product or service.«
12. Products & Services with good UX
13. »Touchpoints describe the points where a company and a customer meet.«
14. Touchpoints
15. »UX is about people not devices.«
16. »UX is about journeys and emotions, not only screens.«
17. Influencing factors of UX Produkt oder Service Anforderungen Benutzerziele Unternehmensziele Business Goals User Goals Product & Service Requirements
18. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Parameters of UX meaningful usable useful
19. Useful… make it usable
20. Make it usable…
21. Usable… make it meaningful
22. Meaningful
23. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Form factors of UX meaningful usable useful Functionality & Content Interactivity Visuality
24. Functionality https://www.dropbox.com
25. Interactivity http://tapbots.com/software/tweetbot
26. Visuality https://play.google.com/store/apps/details?id=com.opoloo.holotimer&hl=de
27. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Good design happens in iterations meaningful usable useful Functionality & Content Visuality Interactivity
28. But how to get there?
29. http://precious-forever.com
30. The UX Framework
31. UX Framework CREATE
32. CREATE Interactivity Functionality & Content Product Visuality UX Framework
33. »Never go to a meeting
 without a prototype.« Mantra at IDEO
35. Ask yourself…
 What do I need to prove?
36. Our product/service helps people who want to
 job/need by preventing action (e.g. reduce, avoid) and promoting action (e.g. increase, enable).
 (Unlike value proposition of existing solution)
50. Sketch-to-Clickdummy Tools
51. Push Free What Push is and why the user must download and use it to free themselves up from blocked issues. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Download Push Free and start unblocking blah blah blah…… orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
53. Contact us Tell us about your problems, questions or praises Include a screenshot of this page &Send ✉Contact us 4 16 4 2 16 header3 Pattern: Dropdown/Toast Behaviour: Dropdown big entry field grey body Call to action, icon+text 16 20 20 4 6
55. Interactive Prototyping Tools
56. Ask yourself…
 How much detail is needed?
57. concrete abstract Sketch Wireframe Mockup How much detail is needed?
58. Realtime Mockup Preview
59. Effort
 and
 Costs Fidelity high low high Vision Sketch &
 Ad-lib Screenflow Clickdummy Video Release
 Candidate Paper Prototype Concierge
 Service Storyboard Landing
 Page User Journey Basic
 Layout
 (Mockup) Basic
 Layout
 (Sketch) Stop- Motion
 Video Proto
 Personas Effectivity of Prototyping
60. »Learn fast, learn early.« based on Silicon Valley’s »Fail Fast« Mantra
61. CREATE Interactivity Functionality & Content Product Visuality UX Framework UNDERSTAND
62. CREATE Business Goals Interactivity Functionality & Content Product User Goals Requirements Visuality UX Framework UNDERSTAND
63. Analysing
 Data Interview
 People Observe
 People Roleplay
 your User Co- Creation Run
 Studies Six ways to collect insights
64. How do you like my new idea?
 Do you want this?
 Could think about using it?
 How much would you pay for it?
 What would be interesting for you? Interview No-Noes
65. Can you talk me through the last time that happened?
 Can you talk me through your workflow?
 Why do you bother? Was there something joyful as well?
 How do you currently deal with this problem?
 What else have you tried? How much money does this problem cost you?
 Where does the money come from?
 Who else should I talk to? Interview
68. CREATE Business Goals Interactivity Functionality & Content Product User Goals Requirements Visuality UX Framework UNDERSTAND EVALUATE
69. CREATE UNDERSTAND EVALUATE Business Goals Interactivity Functionality & Content Product User Goals Requirements Visuality Inspection User Testing UX Framework
70. »When the cook tastes his
 own soup, that‘s Inspection.
 
 When the guests tastes his soup, that‘s User Testing.«
71. 1. Give Feedback 2. Speak the language of the user 3. Give Control & Freedom 4. Be consistent and use Platform Standards 5. Help to prevent errors 6. Support recognition rather then recall 7. Be flexibel and efficient 8. Be clear and reduced 9. Be helpful in case of errors 10. Give support, if help is needed 10 Signs for a good UI http://www.nngroup.com/articles/ten-usability-heuristics/
72. Ways to test Think-Aloud / Co- Discovery Interview & Questionnaires Web-Analytics & Mouse-Tracking
73. Ways to capture feedback :( Bad experience
 
 :I Not that good
 
 :) Positive experience
 
 Neutral quote
76. Feedback Tools On your own The crowd
77. Alternative: Get drunk ;) https://www.youtube.com/watch?v=r2CbbBLVaPk
78. »Show results of user tests to other disciplines of your team.
 Or invite them as a silent follower next time.«
79. How do I integrate it?
80. CREATE UNDERSTAND EVALUATE Business Goals Interactivity Functionality & Content Product User Goals Requirements Visuality Inspection User Testing Entering the UX Framework New vision No vision Existing vision
81. Wrap up
82. User Experience Design ✓ balances business goals, user goals and requirements. ✓ reveals user needs, that should high prio for any product. ✓ helps to save money by only developing what’s necessary. ✓ can spot growth opportunities for the product. ✓ reduces costs on user support. ✓ provides the skeleton for any product. ✓ is the starting point for any product.
83. Thank you!
 Let’s stay in touch @Thomas_Glaeser
 www.delightex.com Questions plz