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

User Experience 101

16a1cc78822ce7c68d1c6912c90ae386?s=47 mouafa ahmed
February 27, 2016

User Experience 101

This is the slide of my presentation about UX in Designer Of The Year 2016 event

16a1cc78822ce7c68d1c6912c90ae386?s=128

mouafa ahmed

February 27, 2016
Tweet

Transcript

  1. User Experience 101 Mouafa AHMED

  2. About Me Co-founder and Ex Leader @ Creative Lab Ex

    UX designer @ Angry Cactus Lead Front-End Developer @ Tunpixel Cubs Leader @ Tunisian Scout 2 Mouafa AHMED
  3. 3

  4. 4

  5. 5

  6. Solve a problem 6

  7. UX in brief “The overall experience of a person using

    a product such as a website or application, especially in terms of how easy or pleasing it is to use.” 7
  8. 8 Don Norman “I invented the term because I thought

    human interface and usability were too narrow. I wanted to cover all aspects of the person’s experience with the system including industrial design, graphics, the interface, the physical interaction, and the manual.” Vice President of the Advanced Technology Group at Apple
  9. 9

  10. UX is not only about UI 10

  11. 11 Customers care about theirs problem not your solution

  12. 12 “Get out of the building” -Steve Blank

  13. Learn more about the user • Identify your user •

    Identify their concerns • What’s frustrating them? Observing is better than listening keep away from this questions: • What they want?, What they need? 13
  14. 14 “if i had asked people what they wanted, they

    would have said faster horses.” Henry Ford
  15. 15

  16. 16 Mind mapping

  17. 17 nerds.airbnb.com

  18. Use Persona 18

  19. User story “As a <type of user>, I want <some

    goal> so that <some reason>.” “As a photographer, I want to search my photos with their content so that i can find them easily.” 19
  20. Storyboarding 20

  21. Skeleton • Wireframe • Information Design • Navigation • Follow

    best practice 21
  22. 22

  23. 23

  24. UI design 24

  25. 25 Think Make Test

  26. Usability Usability means making sure something works well, and that

    a person of average ability or experience can use it for its intended purpose without getting hopelessly frustrated. 26
  27. 27

  28. 28 “As a rule, people don’t like to puzzle over

    how to do things. If people who build a site don’t care enough to make things obvious it can erode confidence in the site and its publishers.”
  29. 29

  30. Development 30

  31. Testing • Analytic • Heat map • A/B testing Development

    team shouldn’t be the testing team 31
  32. 32

  33. 33

  34. 34

  35. Get feedback • Where they navigate • What they like

    • What they notice • What they miss 35
  36. 36 Think Make Test

  37. 37

  38. 38

  39. 39 Ow Zone Thumb natural zone Thumb stretch zone Thumb

    ow zone
  40. 40 Ow Zone at scale

  41. 41

  42. Users don’t like the CHANGE 42

  43. 43 People don't need software, they need better solutions

  44. Thank You @mouafa