What the UX? – Confessions of a Designer

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. CoachingSpaces PushFree

4. http://www.awwwards.com/creative-ui-design-examples-for-great-ux.html?utm_source=11-07-2012

5. http://edlea.com/blog/product-ux-ui-cereal

8. »User Experience (UX) covers all interactions between humans and a product or service.«

9. Products & Services with good UX

10. »Touchpoints describe the points where a company and a customer meet.«

11. Touchpoints

12. »UX is about people not devices.«

13. »UX is about journeys and emotions, not only screens.«

14. Inﬂuencing factors of UX Produkt oder Service Anforderungen Benutzerziele UnternehmenszieleBusiness GoalsUser Goals Product & Service Requirements

15. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Parameters of UX meaningful usable useful

16. Useful… make it usable

17. Make it usable…

18. Usable… make it meaningful

19. Meaningful

20. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Form factors of UX meaningful usable useful Functionality & Content InteractivityVisuality

21. Functionality https://www.dropbox.com

22. Interactivity http://tapbots.com/software/tweetbot

23. Visuality https://play.google.com/store/apps/details?id=com.opoloo.holotimer&hl=de

24. nützlich nutzbar bedeutsam Visualität Funktionalität Interaktivität Good design happens in iterations meaningful usable useful Functionality & Content Visuality Interactivity

25. But how to get there?

26. http://precious-forever.com

27. The UX Framework

28. UX Framework CREATE

29. CREATE Interactivity Functionality & Content Product Visuality UX Framework

30. »Never go to a meeting  without a prototype.« Mantra at IDEO

31. Ask yourself…  What do I need to prove?

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. Sketch-to-Clickdummy Tools

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. 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. Interactive Prototyping Tools

37. Ask yourself…  How much detail is needed?

38. concreteabstract Sketch Wireframe Mockup How much detail is needed?

39. Realtime Mockup Preview

40. Effort  and  Costs Fidelity highlow high Vision Sketch &  Ad-lib Screenﬂow 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. »Learn fast, learn early.« based on Silicon Valley’s »Fail Fast« Mantra

42. CREATE Interactivity Functionality & Content Product Visuality UX Framework UNDERSTAND

43. CREATE Business Goals Interactivity Functionality & Content ProductUser Goals Requirements Visuality UX Framework UNDERSTAND

44. Analysing  Data Interview  People Observe  People Roleplay  your User Co- Creation Run  Studies Six ways to collect insights

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. Can you talk me through the last time that happened?  Can you talk me through your workﬂow?  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. CREATE Business Goals Interactivity Functionality & Content ProductUser Goals Requirements Visuality UX Framework UNDERSTAND EVALUATE

48. CREATEUNDERSTAND EVALUATE Business Goals Interactivity Functionality & Content ProductUser Goals Requirements Visuality Inspection User Testing UX Framework

49. »When the cook tastes his  own soup, that‘s Inspection.    When the guests tastes his soup, that‘s User Testing.«

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 ﬂexibel and efﬁcient 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. Ways to test Think-Aloud / Co- Discovery Interview & Questionnaires Web-Analytics & Mouse-Tracking

52. Ways to capture feedback :( Bad experience    :I Not that good    :) Positive experience    Neutral quote

53. Feedback Tools On your own The crowd

54. Alternative: Get drunk ;) https://www.youtube.com/watch?v=r2CbbBLVaPk

55. »Show results of user tests to other disciplines of your team.  Or invite them as a silent follower next time.«

56. How do I integrate it?

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. Wrap up

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. Thank you!  Let’s stay in touch @Thomas_Glaeser  www.delightex.com Questions plz

What the UX? – Confessions of a Designer

Esté a ler uma amostra.

Confira estes a seguir

What the UX? – Confessions of a Designer

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Quem viu também gostou (19)

Semelhante a What the UX? – Confessions of a Designer (20)

Mais recentes (20)