$30 off During Our Annual Pro Sale. View Details »

UX? An Introductory

UX? An Introductory

A small introductory talk for students about what is UX.

Bilal Çınarlı

May 12, 2017
Tweet

More Decks by Bilal Çınarlı

Other Decks in Technology

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