What the UX? – Confessions of a Designer

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

D79009327461f295ee9ba923a8a5281d?s=128

Thomas Gläser

March 25, 2015
Tweet

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

  3. None
  4. CoachingSpaces PushFree

  5. None
  6. None
  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
  34. None
  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)
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  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.
  52. None
  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
  54. None
  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
  66. None
  67. None
  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
  74. None
  75. None
  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