iue2011 worst practices published
Post on 29-Jul-2015
325 Views
Preview:
TRANSCRIPT
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Worst Practices
In Web Usability!
@dbenwoods
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Disclaimer
1) When necessary, company names and logos have been obscured.
2) This list of worst practices is not exhaustive. I am sure you have examples of bad stuff.
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Introductions
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Why?
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Why?
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES Google: October 19, 2010
“Jesus Christ”34.7 million results
“The Devil”46.8 million results
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Amazon Bestsellers Rank: #1,847
in Toys & Games
Google: “Darth Vader”: 3 million results
Amazon Bestsellers Rank: #67,414 in Toys & Games
Google: “Luke Skywalker”: 1 million results
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Part 1: Top 10 Rules
DBENWOODS.COM/IUE2011/WORSTPRACTICES
The magical number 7.1
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Hierarchical NavigationSpeed: 2:27Accuracy: <33%
List of 200 termsSpeed: 1:15Accuracy: >66%
DBENWOODS.COM/IUE2011/WORSTPRACTICES
You should be able to
get anywhere in 3
clicks or less.
2
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
+ = 74
DBENWOODS.COM/IUE2011/WORSTPRACTICES
We don’t need
usability – training will
work.
3
DBENWOODS.COM/IUE2011/WORSTPRACTICEShttp://www.zazzle.com/real_men_dont_need_instructions_tshirt-235449574413855938
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Web Design is just like Graphic Design (part 2)s
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Image Obscured
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Splash pages make a
great entry point.4
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
BS the search engines.5
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Image Obscured
193 words set at <p> (excluding headers)19 words are not linked
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Icons will make it
more usable.6
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Invent your own Icons!
Browse Products Core Offerings
Browse Productsby Type
Power Management IT / Server Room Management
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Navigation isn’t
important – everyone
searches.
7
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Keep everything
above the fold.8
DBENWOODS.COM/IUE2011/WORSTPRACTICES
What's under there? We'll never know :-(
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Enhance (hide) the
navigation.9
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Metaphors are
AWESOME!10
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Image Obscured
DBENWOODS.COM/IUE2011/WORSTPRACTICES
1
2
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Part 2: Faking it.
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Ask your sales
people to pretend
they are the user.
1
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Let's get our sales people to take the test – they can think like the customer!
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Rely on UAT2
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Photo Credit: Daigo Fujiwara (daigofujiwara.com)
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Pick a tool. Any tool.3
DBENWOODS.COM/IUE2011/WORSTPRACTICES
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Feng-Gui
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Worst Practices in your
world??
DBENWOODS.COM/IUE2011/WORSTPRACTICES
Thank you!
@dbenwoods
dbenwoods.com/iue2011/WorstPractices
DBENWOODS.COM/IUE2011/WORSTPRACTICES
END
top related