41
WordCamp Seattle 2014 User Experience A Checklist for Real Websites by Sonja Leix

UX - A Checklist for Real Websites

Embed Size (px)

DESCRIPTION

Presentation at WordCamp Seattle 2014

Citation preview

Page 1: UX - A Checklist for Real Websites

WordCamp Seattle 2014 !

User Experience

A Checklist for Real Websites

!!!!!

by Sonja Leix

Page 2: UX - A Checklist for Real Websites

Who am I?

Sonja Leix !New York based WordPress Front-End Designer Freelancer

Co-Organizer WordCamp NYC

!Twitter: @sonjanyc

Web: sonjaleix.com

Page 3: UX - A Checklist for Real Websites

What is UX?

Page 4: UX - A Checklist for Real Websites

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

Page 5: UX - A Checklist for Real Websites

–Steve Jobs

“Design is not just what it looks like and feels like. Design is how it works.”

Page 6: UX - A Checklist for Real Websites

User Experience Design looks mainly at:

THE CONTENT

THE USER

THE USABILITY

Page 7: UX - A Checklist for Real Websites

THE CONTENT

Page 8: UX - A Checklist for Real Websites

What is the purpose or goal of your website?

Page 9: UX - A Checklist for Real Websites

Is the message consistent and clear?

Page 10: UX - A Checklist for Real Websites

Are your Calls-To-Action

descriptive?

Page 11: UX - A Checklist for Real Websites
Page 12: UX - A Checklist for Real Websites

What the Fold?

Page 13: UX - A Checklist for Real Websites
Page 14: UX - A Checklist for Real Websites

Do default layouts make sense for all

your content?

Page 15: UX - A Checklist for Real Websites
Page 16: UX - A Checklist for Real Websites
Page 17: UX - A Checklist for Real Websites

Does your website need a Slider?!

Page 18: UX - A Checklist for Real Websites
Page 19: UX - A Checklist for Real Websites

THE USER

Page 20: UX - A Checklist for Real Websites

Do you knowyour users?

Page 21: UX - A Checklist for Real Websites
Page 22: UX - A Checklist for Real Websites

–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.”

Page 23: UX - A Checklist for Real Websites

Your client is often not your target audience!

Design for the User!

Page 24: UX - A Checklist for Real Websites

Where do your users come from?

Page 25: UX - A Checklist for Real Websites

Where do your users land?

Page 26: UX - A Checklist for Real Websites

Google AnalyticsUser and Behavior Flows

Page 27: UX - A Checklist for Real Websites

How do your users interact with your site?

Page 28: UX - A Checklist for Real Websites

Google AnalyticsIn-Page Analytics

Page 29: UX - A Checklist for Real Websites

Do you help guide your users?

Page 30: UX - A Checklist for Real Websites
Page 31: UX - A Checklist for Real Websites

THE USABILITY

Page 32: UX - A Checklist for Real Websites

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

Page 33: UX - A Checklist for Real Websites

Is your Website responsive?

Page 34: UX - A Checklist for Real Websites
Page 35: UX - A Checklist for Real Websites

Did you optimizefor Site Speed?

Page 36: UX - A Checklist for Real Websites

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

Page 37: UX - A Checklist for Real Websites

Did you think about Accessibility?

Resource: http://make.wordpress.org/accessibility/useful-tools/

Page 38: UX - A Checklist for Real Websites

–Jakob Nielsen

“Usability rules the Web. Simply stated, if the customer can’t find a product,

then he or she will not buy it.”

Page 39: UX - A Checklist for Real Websites

And after Launch?

Page 40: UX - A Checklist for Real Websites

After Launch:Analyse!

Review your assumptions! Get user feedback!

Iterate!…

[ repeat ]

Page 41: UX - A Checklist for Real Websites

Thank You!

Questions?

Sonja Leix Follow me: @sonjanyc

sonjaleix.com