User Experience 101

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

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
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
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
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
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
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.”
30. Development 30
31. Testing • Analytic • Heat map • A/B testing Development team shouldn’t be the testing team 31
35. Get feedback • Where they navigate • What they like • What they notice • What they miss 35
36. 36 Think Make Test
39. 39 Ow Zone Thumb natural zone Thumb stretch zone Thumb ow zone
40. 40 Ow Zone at scale
42. Users don’t like the CHANGE 42
43. 43 People don't need software, they need better solutions
44. Thank You @mouafa