Summary: Every year brings new mistakes. In 2002, several of the worst mistakes in Web design related to poor email integration. The number one mistake, however, was lack of pricing information, followed by overly literal search engines.
As the Web grows, websites continue to come up with ways to annoy users. Following are ten design mistakes that were particularly good at punishing users and costing site owners business in 2002.
1. No PricesNo B2C ecommerce site would make this mistake, but it's rife in B2B, where most "enterprise solutions" are presented so that you can't tell whether they are suited for 100 people or 100,000 people. Price is the most specific piece of info customers use to understand the nature of an offering, and not providing it makes people feel lost and reduces their understanding of a product line. We have miles of videotape of users asking "Where's the price?" while tearing their hair out.
Even B2C sites often make the associated mistake of forgetting prices in product lists, such as category pages or search results. Knowing the price is key in both situations; it lets users differentiate among products and click through to the most relevant ones.
> more on the need for websites to show the price.
2. Inflexible Search EnginesOverly literal search engines reduce usability in that they're unable to handle typos, plurals, hyphens, and other variants of the query terms. Such search engines are particularly difficult for elderly users, but they hurt everybody.
A related problem is when search engines prioritize results purely on the basis of how many query terms they contain, rather than on each document's importance. Much better if your search engine calls out "best bets" at the top of the list -- especially for important queries, such as the names of your products.
3. Horizontal ScrollingUsers hate scrolling left to right. Vertical scrolling seems to be okay, maybe because it's much more common.
Web pages that require horizontal scrolling in standard-sized windows, such as 800x600 pixels, are particularly annoying. For some reason, many websites seem to be optimized for 805-pixel-wide browser windows, even though this resolution is pretty rare and the extra five pixels offer little relative to the annoyance of horizontal scrolling (and the space consumed by the horizontal scrollbar).
> More on scrolling and scroll bars.
4. Fixed Font SizeStyle sheets unfortunately give websites the power to disable a Web browser's "change font size" button and specify a fixed font size. About 95% of the time, this fixed size is tiny , reducing readability significantly for most people over the age of 40.
Respect the user's preferences and let them resize text as needed. Also, specify font sizes in relative terms -- not as an absolute number of pixels.
5. Blocks of TextA wall of text is deadly for an interactive experience. Intimidating. Boring. Painful to read.
Write for online, not print. To draw users into the text and support scannability, use well-documented tricks:
Links that don't behave as expected undermine users' understanding of their own system. A link should be a simple hypertext reference that replaces the current page with new content. Users hate unwarranted pop-up windows. When they want the destination to appear in a new page, they can use their browser's "open in new window" command -- assuming, of course, that the link is not a piece of code that interferes with the browsers standard behavior.
Users deserve to control their own destiny. Computers that behave consistently empower people by letting them use their own tools and wield them accurately.
7. Infrequently Asked Questions in FAQToo many websites have FAQs that list questions the company wished users would ask. No good. FAQs have a simplistic information design that does not scale well. They must be reserved for frequently asked questions, since that's the only thing that makes a FAQ a useful website feature. Infrequently asked questions undermine users' trust in the website and damage their understanding of its navigation.
Don't assume that people will sign up for a newsletter just because it's free. You have to tell them, right there , what they will get and how frequently it will hit their mailboxes. Also, you must provide an explicit privacy statement or an opt-in checkbox right next to the entry field. Otherwise, you have little hope of collecting email addresses other than firstname.lastname@example.org.
9. URL > 75 CharactersLong URLs break the Web's social navigation because they make it virtually impossible to email a friend a recommendation to visit a Web page. If the URL is too long to show in the browser's address field, many users won't know how to select it. If the URL breaks across multiple lines in the email, most recipients won't know how to glue the pieces back together.
The result? No viral marketing, just because your URLs are too long. Bad way to lose business.
10. Mailto Links in Unexpected LocationsWhen you click a link on the Web, what do you expect? To get a new page that contains information about the anchor you just clicked.
What don't you expect? To spawn an email program that demands that you write stuff rather than read it.
Mailto links should be used on anchors that explicitly indicate that they're email addresses, either by their format (email@example.com) or their wording (send email to customer support). Don't place mailto links on names; clicking on people's names should usually lead to their biography.
Again, interaction design must meet users' expectations. The more that things behave consistently, the more users understand what they can do and the greater their sense of system mastery. Violated expectations create a sense of oppression, where technology rules humans and reduces their ability to steer the interaction.
| Cartoons by
Doug Sheppard and Katrin L. Salyers
The Growing Importance of Email Integration
It's interesting to note that the last three mistakes all relate to email. Despite being the oldest of the main Internet services, email continues to be one of the most important. It's also finally becoming better integrated with the Web, and I expect that this trend will continue (if websites can avoid making those mistakes, that is).
Other Top-10 Lists
Most of these earlier top-ten lists are still highly relevant for today's websites. Even as we get new mistakes, the old ones don't go away, though (happily) they do get less common.
- The ten very worst design mistakes of all time
Summary based on the main elements of the other lists.
- High-Profit Redesign Priorities
- Usability in the Movies — Top 10 Bloopers
- Most violated homepage guidelines
- Top homepage usability guidelines
- Good deeds in Web design
- Web design mistakes (2005)
- Web design mistakes (2003)
- Web design mistakes (1999)
- Web design mistakes (1996)
My first list. Luckily, many of these mistakes have been fixed by now.
- Application design mistakes
- Information Architecture (IA) mistakes
The conference also has a full-day seminar on Emerging Patterns for Web Design.