This document discusses user experience (UX) design for websites and applications across different devices. It explains that UX is for users of various devices like computers, tablets, phones and other technologies. The goals of UX are to make interfaces intuitive and easy to use on every device. It provides examples like Etsy that optimize the user experience for both desktop and mobile audiences. The document emphasizes the importance of considering how users interact with a site on different devices and tailoring the design accordingly.
Wordcamp Phoenix - WordPress Plugins for Designers
WordPress UX Design Real World
1. WPDFTRW
WORDPRESS DESIGN FOR THE REAL WORLD (UX)
CODY // LANDEFELD
Sunday, January 20, 13
2. CODY LANDEFELD
OWNER/DIRECTOR AT CODYL
10+ YEARS BUILDING FOR THE WEB
7+ YEARS BUILDING WITH WORDPRESS
PHOENIX, AZ // CODYL.COM // @CODYL
Sunday, January 20, 13
3. WHAT’S AHEAD?
+ WHAT’S UX FOR?
+ DEVICES
+ GOALS OF UX
+ EXAMPLES
Sunday, January 20, 13
4. WHAT’S USER EXPERIENCE FOR?
WHO IS IT FOR // WHAT IS IT // WHAT DOES IT DO?
Sunday, January 20, 13
5. IT’S FOR USERS...
PHOENIX, AZ // CODYL.COM // @CODYL
Sunday, January 20, 13
6. ...OF DEVICES
Websites // Applications // Things You Use & Touch
Sunday, January 20, 13
7. WHAT DO YOU THINK
UX IS FOR?
Things we interact with...daily (mostly on the web).
COMPUTERS
TABLETS
PHONES
COFFEE MAKERS
CASH REGISTERS
Sunday, January 20, 13
8. MOBILE DEVICES
How the web is consumed on devices
PHOENIX, AZ // CODYL.COM // @CODYL
Sunday, January 20, 13
9. HOW IMPORTANT ARE DEVICES,
SPECIFICALLY MOBILE?
Around 7,000 devices access Facebook daily.
More than 90% have a mobile web browser.
-Techcrunch
Sunday, January 20, 13
10. NOT JUST MOBILE...
The web will continue to be delivered onto all of our daily devices and
become more seamlessly integrated into our lives.
Sunday, January 20, 13
11. UX NEEDS TO LOOK GOOD /
PERFORM & SCALE
Usability is as important as performance. It must
be more usable and it must perform better.
ON EVERY DEVICE.
Sunday, January 20, 13
12. GOALS OF UX
WHAT DO YOU WANT TO ACHIEVE?
Sunday, January 20, 13
13. WHAT ARE YOU SHOOTING FOR?
E-Commerce // Marketing // Interactive
PHOENIX, AZ // CODYL.COM // @CODYL
Sunday, January 20, 13
14. KNOW THE AUDIENCE
How do users use your site?
How does that impact how you create your site?
Some sites are primarily used mobile / some desktop.
Sunday, January 20, 13
15. EXAMPLE
ETSY // Does Desktop and Mobile with complete
experience and specific for each audience.
Sunday, January 20, 13
17. TAKEAWAY
Consider how people use the site per device and how
that should be though through from the concept phase
on through development.
Most often going with a Responsive grid will be the way
to go. The few cases this is not true might be in E-
Commerce.
Sunday, January 20, 13
18. DON’T INTERRUPT THE USER
User, Imma let you finish...
PHOENIX, AZ // CODYL.COM // @CODYL
Sunday, January 20, 13
19. KNOW THE REASON
Know exactly why you intend to use Responsive grids and
layouts. Consider how it impacts the user.
Use analytics for data from the past and use projections to
predict the future...
Sunday, January 20, 13
20. IT’S NOT ALL ABOUT MONEY
It’s about the experience...
PHOENIX, AZ // CODYL.COM // @CODYL
Sunday, January 20, 13
21. ADDRESS THE REAL NEED
“You have to have the perspective of an audience that
may not know your brand, and there's very often a
complete absence of making people aware of your brand
is, and why it's relevant."
-Sean Ketchem (from INC)
Sunday, January 20, 13
22. EXAMPLES OF GREAT UX
YOU WANT TO SEE THE GOODS?
Sunday, January 20, 13
28. CODY LANDEFELD
OWNER/DIRECTOR AT CODYL
10+ YEARS BUILDING FOR THE WEB
7+ YEARS BUILDING WITH WORDPRESS
PHOENIX, AZ // CODYL.COM // @CODYL
SLIDES AVAILABLE AT HTTP://CODYL.COM/BLOG
Sunday, January 20, 13