Nick will explore the best practices of user experience by reviewing some of the most popular and highly trafficked websites today such as eBay, Amazon, Toyota, Flickr, Twitter, Netflix and more. Nick will identify and explain both good an bad experiences on these sites on the merits of visual design, information architecture, interaction, and ease of use. If there is time we will open the floor for audience submissions and to provide quick feedback and areas of improvement.
2. WebVisions 2008
Who the hell is this guy?
• Blue Flavor
Director of User Experience, co-founder, partner
http://www.blueflavor.com
• Digital Web Magazine
Publisher and founder
http://www.digital-web.com
• User Experience Network
Seattle Local Ambassador
http://www.uxnet.org
• My Personal Site
http://www.nickfinck.com
2
3. WebVisions 2008
What I am going to be talking about
• Overview of UX
• The Criteria
• The Sites
• Key Takeaways
• Questions
• Audience Submissions
3
5. WebVisions 2008
UX Defined
“User Experience (abbreviated: UX) is the
quality of experience a person has when
interacting with a specific design. is can
range from a specific artifact, such as a cup, toy
or website, up to larger, integrated experiences
such as a museum or an airport.”
- User Experience Network (www.uxnet.org)
5
6. WebVisions 2008
What things factor in to the ideal user
experience?
Bu
s
ine
sd
ss
ee
N
Co
er
n
str
Us
ain
s t
Technical Requirements
6
9. WebVisions 2008
Who controls the User Experience?
Usability Information Information Web Interaction
Specialist Designer Architect Designer Designer
9
10. WebVisions 2008
Who controls the User Experience?
Usability Information Information Web Interaction
Specialist Designer Architect Designer Designer
Content Human Factors Identity Taxonomist Interactive
Specialist Expert Designer Marketer
10
11. WebVisions 2008
Who controls the User Experience?
Usability Information Information Web Interaction
Specialist Designer Architect Designer Designer
Content Human Factors Identity Taxonomist Interactive
Specialist Expert Designer Marketer
UX Lead 11
14. WebVisions 2008
The Criteria I Used
• Ease of Use (Usability)
Usability
Specialist
14
15. WebVisions 2008
The Criteria I Used
• Ease of Use (Usability)
• Intuitiveness (Information Design)
Usability Information
Specialist Designer
15
16. WebVisions 2008
The Criteria I Used
• Ease of Use (Usability)
• Intuitiveness (Information Design)
• Structure (Information Architecture)
Usability Information Information
Specialist Designer Architect
16
17. WebVisions 2008
The Criteria I Used
• Ease of Use (Usability)
• Intuitiveness (Information Design)
• Structure (Information Architecture)
• Visual Aesthetic (Visual Design)
Usability Information Information Web
Specialist Designer Architect Designer
17
18. WebVisions 2008
The Criteria I Used
• Ease of Use (Usability)
• Intuitiveness (Information Design)
• Structure (Information Architecture)
• Visual Aesthetic (Visual Design)
• Functionality (Interaction Design)
Usability Information Information Web Interaction
Specialist Designer Architect Designer Designer
18
27. WebVisions 2008
Some of the key problems:
• Data Driven
User experience driven mostly by data analysis
(quantitative) and not user input (qualitative)
• Improper Functionality
Navigational functionality should always properly
support the level of information on a site
• Business Trumping
Business drivers and business decisions should never
over power the user’s needs, it should be a balance
27
34. WebVisions 2008
Some of the key problems:
• Data Driven
User experience driven mostly by user input (qualitative)
and not data analysis (quantitative)
• Design Details
Always give every page of a site as much attention as
the next when designing. All pages added up make up
the user experience.
• Navigation Breath
Navigation should cover breadth and depth equally, it
should never lean on one more than the other.
34
41. WebVisions 2008
Some of the key problems:
• Community Driving Architecture
Community functionality (Folksonomies) should never
drive a site’s architecture and navigation, it should be a
supplement
• Browse & Search
Websites should never rely on search as primary
navigation
• By Popularity vs. See All
If you show part of a set of information you should
always allow access to the remainder of that set of
information
41
49. WebVisions 2008
Some of the key problems:
• Alternative Facets of Information
Allow users to clearly see the primary information on a
given screen, don’t overwhelm the user with other facets
of that information
• Add vs. Play
If your product has two ways of purchasing, make it
inherent in the existing architecture
• Don’t Distract
Do not disrupt a user trying to complete their task with
upsells, calls to action, or other disruptive information
49
57. WebVisions 2008
Some of the key problems:
• Restricting Features
Technology and features should never limit or restrict
users and systems from accessing them
• Simplify Navigation
The amount of options and paths in a navigation should
never overwhelm the user
• Design Refinement
When enough changes occur in a page its important to
look at the design and consider redesigning or tweaking
the design when needed
57
64. WebVisions 2008
Some of the key problems:
• Unnecessary Pages
Don’t make users click through extra pages when they
don’t need to.
• Over use of technology
Keep pages accessible don’t use limiting technology if
its not absolutely needed.
• Restricted comparison
Allow users to compare not just products in a given line
but all of your products side by side.
64
71. WebVisions 2008
Some of the key problems:
• Threading
Site-based messaging systems should always be
threaded.
• My Profile
Make the user profile or “my page” easy to find and
globally accessible
• Show relevant information
Always display the information directly relevant to the
task the user may be trying to accomplish on that page
71
73. WebVisions 2008
Key takeaways:
• Good UX involves a proper balance of needs
between the user, the business, and technology
• Keep things simple, don’t get in the user’s way, allow
them to complete their task with ease
• Don’t short change a good UX by only paying
attention to only the most critical parts, the UX is
made up of the sum of all parts
• Good UX involves listening to users on both a
qualitative and quantitive level, but don’t over do it
• UX is not implemented, it is adopted as a philosophy
by the entire organization
73