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

User Experience – A Checklist for Real Websites

Sonja Leix
June 30, 2014

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 full-size 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 full-size slide

  3. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. Is the message
    consistent and clear?

    View full-size slide

  8. Are your 

    Calls-To-Action
    descriptive?

    View full-size slide

  9. What the Fold?

    View full-size slide

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

    View full-size slide

  11. Does your website
    need a Slider?!

    View full-size slide

  12. Do you know

    your users?

    View full-size slide

  13. –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 full-size slide

  14. Your client is often not 

    your target audience!
    Design for the User!

    View full-size slide

  15. Where do your
    users come from?

    View full-size slide

  16. Where do your
    users land?

    View full-size slide

  17. Google Analytics
    User and Behavior Flows

    View full-size slide

  18. How do your users
    interact with your site?

    View full-size slide

  19. Google Analytics
    In-Page Analytics

    View full-size slide

  20. Do you help guide
    your users?

    View full-size slide

  21. THE USABILITY

    View full-size slide

  22. 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 full-size slide

  23. Is your Website
    responsive?

    View full-size slide

  24. Did you optimize

    for Site Speed?

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. –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 full-size slide

  28. And after Launch?

    View full-size slide

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


    [ repeat ]

    View full-size slide

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

    View full-size slide