Top Ten mistakes in website design

Top Ten mistakes in website design Sometimes the reply

Summary: 10 most egregious offenses against users. Website design disasters and HTML horrors are legion, though many usability atrocities are less frequent compared to what they was once.


Since my first attempt in 1996, I've compiled many top-10 lists from the greatest mistakes in Website design. See links to each one of these lists at the end want to know ,. This short article is definitely the highlights: the worst mistakes of Website design. (Updated 2011.)


Excessively literal search engines like google reduce usability for the reason that they are not able to deal with typos, plurals, hyphens, along with other variants from the query terms. Such search engines like google are particularly hard for seniors users, however they hurt everyone.

An associated issue is when search engines like google prioritize results purely based on the number of query terms they contain, instead of on every document's importance. Far better in case your internet search engine calls out "best bets" towards the top of their email list — specifically for important queries, like the names of the products.

Search may be the user's lifeline when navigation fails. Despite the fact that advanced search can occasionally help, simple search may even work best, and check ought to be presented like a simple box, since that is what users are searching for.

2. PDF Files for Online Studying

Users hate finding a Pdf while browsing, since it breaks their flow. Even simple such things as printing or saving documents take time and effort because standard browser instructions aren't effective. Layouts are frequently enhanced for any piece of paper, which rarely matches how big anyone's browser window. Bye-bye smooth scrolling. Hello small fonts.

For the worst situation, PDF is definitely an undifferentiated blob of content that's difficult to navigate.

PDF is ideal for printing as well as for disbursing manuals along with other big documents that should be printed. Reserve it for this function and convert any information that should be browsed or read on screen into real webpages.

> Detailed discussion of why PDF isn't good for online studying

A great grasp of past navigation can help you understand your present location, becasue it is the culmination of the journey. Knowing your past and offer locations consequently causes it to be simpler to determine what to do next. Links really are a main factor within this navigation process. Users can exclude links that demonstrated fruitless within their earlier visits. On the other hand, they may revisit links they found useful previously.

Most significant, knowing which pages they have already visited frees users from unintentionally revisiting exactly the same pages again and again.

These benefits only accrue under an important assumption: that users can differentiate between visited and unvisited links since the site shows them in various colors. When visited links don't change color, users exhibit more navigational disorientation in usability testing and unintentionally revisit exactly the same pages frequently.

> Usability implications of altering link colors
> Guidelines for showing links

4. Non-Scannable Text

A wall of text is deadly to have an interactive experience. Intimidating. Boring. Painful to see.

Write for online, not print. To attract users in to the text and support scannability, use well-documented methods:

  • subheads
  • bulleted lists
  • highlighted keywords
  • short sentences
  • the inverted pyramid
  • an easy way of writing, and
  • de-fluffed language lacking of marketese.

> Eyetracking of studying patterns

5. Fixed Font Size

CSS style sheets regrettably give websites the ability to disable an internet browser's "change font size" button and specify a set font size. About 95% of times, this fixed dimensions are small , reducing readability considerably for most of us older than 40.

Respect anyone's preferences and allow them to re-size text when needed. Also, specify font sizes in relative terms — less a complete quantity of pixels.

Search is an essential way users uncover websites. Search can also be probably the most important ways users understand around individual websites. The standard page title is the primary tool to draw in new visitors from search listings and also to strengthen your existing users to discover the particular pages they need.

The page title is contained inside the HTML tag and it is more often than not utilized as the clickable headline for listings on internet search engine result pages (SERP). Search engines like google typically show the very first 66 figures approximately from the title, therefore it is truly microcontent.

Titles on pages will also be utilized as the default entry within the Favorites when users bookmark a website. For the homepage, start with the organization name, adopted with a description from the site. Don't begin with words like "The" or "Thanks for visitingInch unless of course you need to be alphabetized under "T" or "W."

For other pages compared to homepage, start the title having a couple of of the very most salient information-transporting words that describe the more knowledge about what users will discover with that page. Because the page title can be used because the window title within the browser, it is also utilized as the label for your window within the taskbar under Home windows, and therefore advanced users will move between multiple home windows underneath the guidance of the first or more words of every page title. If all of your titles on pages start with similar words, you've seriously reduced usability for the multi-windowing users.

Top Ten mistakes in website design revisit links

Taglines on homepages really are a related subject: they should be short and rapidly communicate the objective of the website.

Selective attention is extremely effective, and Internet users began to stop having to pay focus on any ads that obstruct of the goal-driven navigation. (The primary exception being text-only search-engine ads.)

Regrettably, users also ignore legitimate elements of design that appear to be like prevalent types of advertising. In the end, whenever you ignore something, you do not study it at length to discover what it's.

Therefore, it is advisable to avoid any designs that appear to be like advertisements. The precise implications of the guideline will be different with new types of ads presently follow these rules:

  • banner blindness implies that users never fixate their eyes on something that appears like a advertising because of shape or position around the page
  • animation avoidance makes users ignore areas with blinking or flashing text or any other aggressive animations
  • pop-up purges imply that users close pop-up windoids before they've even fully made sometimes with great viciousness (a kind of getting-back-at-GeoCities triumph).

8. Violating Design Conventions

Consistency is among the most effective usability concepts: when things always behave exactly the same, users don't need to bother about what's going to happen. Rather, they know what's going to happen according to earlier experience. Any time you release an apple over Mister Isaac Newton, it'll drop on his mind. That's good.

The greater users' expectations prove right, the greater they'll feel in charge of the machine and also the more they'll enjoy it. And also the more the machine breaks users' expectations, the greater they'll feel insecure. Oops, maybe basically forget about this apple, it'll are a tomato and jump miles in to the sky.

Jakob's Law from the Web Consumer Experience claims that "users spend many of their time on other websites."

Which means that they form their expectations for the site according to what's generally done of all other sites. Should you deviate, your website is going to be harder to make use of and users leaves.

9. Opening New Browser Home windows

Opening new browser home windows is sort of a vacuum sales representative who starts a trip by emptying an ash tray around the customer's carpet. Don't pollute my screen with anymore home windows, thanks (particularly since current os's have miserable window management).

Designers open new browser home windows around the theory it keeps users on their own site. But disregarding the user-hostile message implied in overtaking anyone's machine, the process is self-defeating because it disables the Back button the normal way users go back to previous sites. Users frequently don't observe that a brand new window has opened up, especially if they're utilizing a small monitor in which the home windows are maximized to fill the screen. So a person who tries to go back to the foundation is going to be confused with a grayed out Back button.

Links that do not become expected undermine users' understanding that belongs to them system. A hyperlink ought to be an easy hypertext reference that replaces the present page with new content. Users hate unwarranted pop-up home windows. Once they want the location to come in a brand new page, they are able to use their browser's "open in new window" command — presuming, obviously, the link isn't a bit of code that disrupts the browser’s standard behavior.

10. Not Answering Users' Questions

Users are highly goal-driven on the internet. They visit sites due to there being something they would like to accomplish — possibly even purchase your product. The best failure of the web site is to neglect to supply the information users are searching for.

Sometimes the reply is not there and also you lose the purchase because users need to think that your products or services does not meet their demands if you do not let them know the specifics. Other occasions the specifics are hidden within thick layer of marketese and bland slogans. Since users do not have time for you to read everything, such hidden info might nearly as well 't be there.

The worst illustration of not answering users' questions would be to avoid listing the cost of services and products. No B2C ecommerce site will make this error, but it is rife in Business to business, where most "enterprise solutions" are presented so you can't tell whether or not they are suited to 100 people or 100,000 people. Cost is easily the most specific bit of info customers use to know the character of the offering, and never supplying it can make people feel lost and reduces their knowledge of an item line. We've hrs of video of users asking "Where's the cost?" while tearing their head of hair out.

Even B2C sites frequently result in the connected mistake of failing to remember prices in product lists, for example category pages or search engine results. Understanding the cost is type in both situations it lets users differentiate among products and click on right through to probably the most relevant ones.

Some Of The Best-10 Lists

  • High-Profit Redesign Priorities
  • Usability within the Movies — Top Ten Bloopers
  • Most violated homepage guidelines
  • Top homepage usability guidelines
  • Good deeds in Website design
  • Website design mistakes (2005)
  • Website design mistakes (2003)
  • Website design mistakes (2002)
    With cartoons.
  • Website design mistakes (1999)
  • Website design mistakes (1996)
    My first list. Fortunately, a number of these mistakes happen to be fixed right now.
  • Application design mistakes
  • Information Architecture (IA) mistakes

See also: Usability 101: Summary of Usability (article) and UX Fundamental Training (full-day course)


Share this short article: Twitter LinkedIn Google+ Email