O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

What the UX? – Confessions of a Designer

1.255 visualizações

Publicada em

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

Publicada em: Design
  • Seja o primeiro a comentar

What the UX? – Confessions of a Designer

  1. 1. What the UX? Confessions of a Designer @Thomas_Glaeser | Head of UX @ Delightex
 Mobile Tech Conference Munich | 25th of March 2015
  2. 2. Who’s that dude? @Thomas_Glaeser
  3. 3. CoachingSpaces PushFree
  4. 4. http://www.awwwards.com/creative-ui-design-examples-for-great-ux.html?utm_source=11-07-2012
  5. 5. http://edlea.com/blog/product-ux-ui-cereal
  6. 6. http://edlea.com/blog/product-ux-ui-cereal
  7. 7. http://edlea.com/blog/product-ux-ui-cereal
  8. 8. »User Experience (UX) covers all interactions between humans and a product or service.«
  9. 9. Products & Services with good UX
  10. 10. »Touchpoints describe the points where a company and a customer meet.«
  11. 11. Touchpoints
  12. 12. »UX is about people not devices.«
  13. 13. »UX is about journeys and emotions, not only screens.«
  14. 14. Influencing factors of UX Produkt oder Service Anforderungen Benutzerziele UnternehmenszieleBusiness GoalsUser Goals Product & Service Requirements
  15. 15. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Parameters of UX meaningful usable useful
  16. 16. Useful… make it usable
  17. 17. Make it usable…
  18. 18. Usable… make it meaningful
  19. 19. Meaningful
  20. 20. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Form factors of UX meaningful usable useful Functionality & Content InteractivityVisuality
  21. 21. Functionality https://www.dropbox.com
  22. 22. Interactivity http://tapbots.com/software/tweetbot
  23. 23. Visuality https://play.google.com/store/apps/details?id=com.opoloo.holotimer&hl=de
  24. 24. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Good design happens in iterations meaningful usable useful Functionality & Content Visuality Interactivity
  25. 25. But how to get there?
  26. 26. http://precious-forever.com
  27. 27. The UX Framework
  28. 28. UX Framework CREATE
  29. 29. CREATE Interactivity Functionality & Content Product Visuality UX Framework
  30. 30. »Never go to a meeting
 without a prototype.« Mantra at IDEO
  31. 31. Ask yourself…
 What do I need to prove?
  32. 32. 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)
  33. 33. Sketch-to-Clickdummy Tools
  34. 34. 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.
  35. 35. 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 2020 46
  36. 36. Interactive Prototyping Tools
  37. 37. Ask yourself…
 How much detail is needed?
  38. 38. concreteabstract Sketch Wireframe Mockup How much detail is needed?
  39. 39. Realtime Mockup Preview
  40. 40. Effort
 and
 Costs Fidelity highlow 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
  41. 41. »Learn fast, learn early.« based on Silicon Valley’s »Fail Fast« Mantra
  42. 42. CREATE Interactivity Functionality & Content Product Visuality UX Framework UNDERSTAND
  43. 43. CREATE Business Goals Interactivity Functionality & Content ProductUser Goals Requirements Visuality UX Framework UNDERSTAND
  44. 44. Analysing
 Data Interview
 People Observe
 People Roleplay
 your User Co- Creation Run
 Studies Six ways to collect insights
  45. 45. 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
  46. 46. 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
  47. 47. CREATE Business Goals Interactivity Functionality & Content ProductUser Goals Requirements Visuality UX Framework UNDERSTAND EVALUATE
  48. 48. CREATEUNDERSTAND EVALUATE Business Goals Interactivity Functionality & Content ProductUser Goals Requirements Visuality Inspection User Testing UX Framework
  49. 49. »When the cook tastes his
 own soup, that‘s Inspection.
 
 When the guests tastes his soup, that‘s User Testing.«
  50. 50. 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/
  51. 51. Ways to test Think-Aloud / Co- Discovery Interview & Questionnaires Web-Analytics & Mouse-Tracking
  52. 52. Ways to capture feedback :( Bad experience
 
 :I Not that good
 
 :) Positive experience
 
 Neutral quote
  53. 53. Feedback Tools On your own The crowd
  54. 54. Alternative: Get drunk ;) https://www.youtube.com/watch?v=r2CbbBLVaPk
  55. 55. »Show results of user tests to other disciplines of your team.
 Or invite them as a silent follower next time.«
  56. 56. How do I integrate it?
  57. 57. CREATEUNDERSTAND EVALUATE Business Goals Interactivity Functionality & Content ProductUser Goals Requirements Visuality Inspection User Testing Entering the UX Framework New vision No vision Existing vision
  58. 58. Wrap up
  59. 59. 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.
  60. 60. Thank you!
 Let’s stay in touch @Thomas_Glaeser
 www.delightex.com Questions plz

×