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

User Experience – A Checklist for Real Websites

User Experience – A Checklist for Real Websites

Presented at WordCamp Seattle 2014

Boost the User Experience of your website with these easy-to-follow, real-world examples and best practices! Don’t abandon the project after launch – analyze and iterate to improve the UI and usability of any website.

Sonja Leix

June 30, 2014
Tweet

More Decks by Sonja Leix

Other Decks in Design

Transcript

  1. WordCamp Seattle 2014
    !
    User Experience
    A Checklist
    for Real Websites
    !
    !
    !
    !
    !
    by Sonja Leix

    View Slide

  2. Who am I?
    Sonja Leix
    !
    New York based
    WordPress Front-End Designer
    Freelancer
    Co-Organizer WordCamp NYC
    !
    Twitter: @sonjanyc
    Web: sonjaleix.com

    View Slide

  3. What is UX?

    View Slide

  4. the overall experience of a person using a product such as a
    website or computer application, especially in terms of how easy
    or pleasing it is to use.
    us·er ex·pe·ri·ence

    View Slide

  5. –Steve Jobs
    “Design is not just what it looks like and
    feels like. Design is how it works.”

    View Slide

  6. User Experience Design
    looks mainly at:
    THE CONTENT
    THE USER
    THE USABILITY

    View Slide

  7. THE CONTENT

    View Slide

  8. What is the purpose or
    goal of your website?

    View Slide

  9. Is the message
    consistent and clear?

    View Slide

  10. Are your 

    Calls-To-Action
    descriptive?

    View Slide

  11. View Slide

  12. What the Fold?

    View Slide

  13. View Slide

  14. Do default layouts
    make sense for all
    your content?

    View Slide

  15. View Slide

  16. View Slide

  17. Does your website
    need a Slider?!

    View Slide

  18. View Slide

  19. THE USER

    View Slide

  20. Do you know

    your users?

    View Slide

  21. View Slide

  22. –Paul Boag
    “Users are not always logical, at least 

    not on the surface. To be a great designer
    you need to look a little deeper into 

    how people think and act.”

    View Slide

  23. Your client is often not 

    your target audience!
    Design for the User!

    View Slide

  24. Where do your
    users come from?

    View Slide

  25. Where do your
    users land?

    View Slide

  26. Google Analytics
    User and Behavior Flows

    View Slide

  27. How do your users
    interact with your site?

    View Slide

  28. Google Analytics
    In-Page Analytics

    View Slide

  29. Do you help guide
    your users?

    View Slide

  30. View Slide

  31. THE USABILITY

    View Slide

  32. Usability is a quality attribute that assesses how easy user
    interfaces are to use. The word "usability" also refers to methods
    for improving ease-of-use during the design process.
    usability

    View Slide

  33. Is your Website
    responsive?

    View Slide

  34. View Slide

  35. Did you optimize

    for Site Speed?

    View Slide

  36. Always Cross-
    Browser test!
    Remember that day you put IE 7 to rest?!

    View Slide

  37. Did you think about
    Accessibility?
    Resource: http://make.wordpress.org/accessibility/useful-tools/

    View Slide

  38. –Jakob Nielsen
    “Usability rules the Web. Simply stated, 

    if the customer can’t find a product, 

    then he or she will not buy it.”

    View Slide

  39. And after Launch?

    View Slide

  40. After Launch:
    Analyse!
    Review your assumptions!
    Get user feedback!
    Iterate!


    [ repeat ]

    View Slide

  41. Thank You!
    Questions?
    Sonja Leix
    Follow me: @sonjanyc
    sonjaleix.com

    View Slide