WordCamp Philly 2014
Everybody’s talking about User Experience, but how can you release your inner UX mojo today to improve the usability and experience of your website? Time to share some practical, real-world examples and tips to boost your WordPress design skills. Don’t just build pretty websites, make smart design decisions and add UX best practices to your workflow. Ask smart questions like: Do I really need a large slider on my homepage? Are there clear nav menus and Calls-to-Action to guide my visitors? How does my site displays on other devices? A good UX job continues after launch. Use mad tools to analyze and improve your UX Design.
WordCamp Philly 2014
Don’t just build
~ UX in the Real World ~
by Sonja Leix
Who am I?
New York based
WordPress Front-End Designer
What is UX?
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.
"if a website degrades the user experience too much, people will
simply stay away"
“Design is not just what it looks like and
feels like. Design is how it works.”
Users & Goals
What is the purpose or
goal of your website?
Is the message consistent?
“Usability rules the Web. Simply stated,
if the customer can’t find a product,
then he or she will not buy it.”
Do you know your
What is your target audience?
WHO are the users?
WHAT are the activities they wish to perform?
WHY do they want to use/buy our product?
HOW does your product/service fit the context of their life?
Let’s call this (very simple) example persona:
Tech-Unsavvy Customer Support’s Worst Nightmare
- He is not good with computers and very impatient
- He prefers to talk to a real person when he has questions or a
problem instead of doing research himself online
We need to make our website very easy to use and navigate for
him. Provide: effective CTAs, FAQs, user-friendly support forums
and if all else fails a number or email to reach customer support.
“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.”
Your client is often not
your target audience!
Design for the User!
Where do your
users come from?
Where do your
Most likely not always on your homepage.
How do your users
interact with your site?
Analyse existing site
make assumptions for new sites
Layout & Structure
Do you always use the
same layout structure?
Content / Sidebar
Guide your users!
Provide useful, simplified navigation menus.
Add effective Calls to Action to convert
and guide users!
What the Fold?
Place important information and CTAs
higher up on page!
Are your clients still asking for these
for every project, too?
for best User Experience across all devices
Coat of Paint
Usability also depends on how fast your site is!
Remember that day you put IE 7 to rest?!
Supports social inclusion for people
with a diverse range of hearing, movement, sight,
and cognitive ability.
“The power of the Web is in it’s universality.
Access by everyone regardless of disability
is an essential aspect.”
Time to relax?
Review your assumptions!
Get user feedback!
“Failure comes when you don’t listen.
You can’t put something out there and
assume it’s great. It’s up to us to make sure
we’re listening to improve our chances
for success—if not this time, next time.”
User and Behavior Flows
5 Key UX Questions
to ask before (and while)
designing any website
Follow me: @sonjaleix