Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UX? An Introductory

UX? An Introductory

A small introductory talk for students about what is UX.


Bilal Çınarlı

May 12, 2017


  1. UX? An Introductory

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

  3. None
  4. What is UX?

  5. None
  6. "User experience" encompasses all aspects of the end-user's interaction with

    the company, its services, and its products.
  7. The process of enhancing user satisfaction with a product by

    improving the usability, accessibility, and pleasure provided in the interaction with the product.
  8. When we face it?

  9. In everyday life, without knowing it

  10. Doors

  11. None
  12. None
  13. Stairs

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

  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. What is UX Designer?

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

    as wireframing.
  27. None
  28. Dealing with people

  29. How Does He/She Work?

  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…
  31. None
  32. Personas and Information Architecture

  33. None
  34. “Samantha uses her app to find shoes according to her

    needs, when she decided the right one, goes to shop and try it”
  35. None
  36. Card sorting is a method used to help design or

    evaluate the information architecture of a site.
  37. Wireframes

  38. None
  39. Paper prototypes are very rough sketches which can be shown

    to colleagues and quickly and easily improved.
  40. None
  41. Wireframes are simple design prototypes for shaping the final product.

  42. User Testing

  43. None
  44. Test your creating as much as possible with your target

  45. Visual Design

  46. None
  47. The visual design where wireframes are converted into mock ups.

    Mock ups include the final imagery, colour, and typography.
  48. None
  49. Usability Testing and Beyond

  50. None
  51. Product has now a real-life prototype. Give it to your

    users and observe how do they use it
  52. Questions?

  53. Thank you @bcinarli