UX? An Introductory

A small introductory talk for students about what is UX.

Transcript

1. UX?
   An Introductory
   

   View Slide

2. Bilal Çınarlı
   Frontend Architect
   Software Engineer @Adidas
   @bcinarli
   github.com/bcinarli
   bcinarli.com
   

   View Slide

3. View Slide

4. What is UX?
   

   View Slide

5. View Slide

6. "User experience" encompasses all aspects of the end-user's
   interaction with the company, its services, and its products.
   

   View Slide

7. The process of enhancing user satisfaction with a product by
   improving the usability, accessibility, and pleasure provided in the
   interaction with the product.
   

   View Slide

8. When we face it?
   

   View Slide

9. In everyday life, without knowing it
   

   View Slide

10. Doors
    

    View Slide

11. View Slide

12. View Slide

13. Stairs
    

    View Slide

14. View Slide

15. View Slide

16. Users Don’t Notice Design — Until its flawed
    

    View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. What is UX Designer?
    

    View Slide

25. View Slide

26. Research, testing, business analysis, project management and
    psychology as well as wireframing.
    

    View Slide

27. View Slide

28. Dealing with people
    

    View Slide

29. How Does He/She Work?
    

    View Slide

30. Reviewing what the current website has to offer, interviewing existing
    users to look for opportunities and pain points and doing competitor
    research to see what else is out there…
    

    View Slide

31. View Slide

32. Personas and Information Architecture
    

    View Slide

33. View Slide

34. “Samantha uses her app to find shoes according to her needs, when
    she decided the right one, goes to shop and try it”
    

    View Slide

35. View Slide

36. Card sorting is a method used to help design or evaluate the
    information architecture of a site.
    

    View Slide

37. Wireframes
    

    View Slide

38. View Slide

39. Paper prototypes are very rough sketches which can be shown to
    colleagues and quickly and easily improved.
    

    View Slide

40. View Slide

41. Wireframes are simple design prototypes for shaping the final
    product.
    

    View Slide

42. User Testing
    

    View Slide

43. View Slide

44. Test your creating as much as possible with your target users
    

    View Slide

45. Visual Design
    

    View Slide

46. View Slide

47. The visual design where wireframes are converted into mock ups.
    Mock ups include the final imagery, colour, and typography.
    

    View Slide

48. View Slide

49. Usability Testing and Beyond
    

    View Slide

50. View Slide

51. Product has now a real-life prototype. Give it to your users and
    observe how do they use it
    

    View Slide

52. Questions?
    

    View Slide

53. Thank you
    @bcinarli
    

    View Slide