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

More Decks by Sonja Leix

Other Decks in Design


  1. WordCamp Seattle 2014 ! User Experience A Checklist for Real

    Websites ! ! ! ! ! by Sonja Leix
  2. Who am I? Sonja Leix ! New York based WordPress

    Front-End Designer Freelancer Co-Organizer WordCamp NYC ! Twitter: @sonjanyc Web: sonjaleix.com
  3. What is UX?

  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
  5. –Steve Jobs “Design is not just what it looks like

    and feels like. Design is how it works.”
  6. User Experience Design looks mainly at: THE CONTENT THE USER


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

  9. Is the message consistent and clear?

  10. Are your 
 Calls-To-Action descriptive?

  11. None
  12. What the Fold?

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

  15. None
  16. None
  17. Does your website need a Slider?!

  18. None
  19. THE USER

  20. Do you know
 your users?

  21. None
  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.”
  23. Your client is often not 
 your target audience! Design

    for the User!
  24. Where do your users come from?

  25. Where do your users land?

  26. Google Analytics User and Behavior Flows

  27. How do your users interact with your site?

  28. Google Analytics In-Page Analytics

  29. Do you help guide your users?

  30. None

  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
  33. Is your Website responsive?

  34. None
  35. Did you optimize
 for Site Speed?

  36. Always Cross- Browser test! Remember that day you put IE

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

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

    the customer can’t find a product, 
 then he or she will not buy it.”
  39. And after Launch?

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

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