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.

Transcript

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 THE USABILITY
7. THE CONTENT
8. What is the purpose or goal of your website?
9. Is the message consistent and clear?
10. Are your 
 Calls-To-Action descriptive?
12. What the Fold?
14. Do default layouts make sense for all your content?
17. Does your website need a Slider?!
19. THE USER
20. Do you know
 your users?
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?
31. THE USABILITY
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?
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, 
 if 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