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
   

   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