Presentation at WordCamp Seattle 2014

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