Drop-Down Menus: They Aren't User-Friendly

On many sites, drop-down menus aren't a significant part of the design. However, they appear often enough that they deserve some attention. So exactly how should they be used?

For an example of the kind of drop-down menus I'm referring to, check out the four menus at the top of this site: Logorugs.net. Just as a slight clarification, drop-down menus (little boxes that are usually white) are different from fly-out menus used in some navigation bars. Although there are several similarities between the two, we'll focus specifically on drop-downs.

Drop-down boxes naturally attract visitors' attention, because they are a recognizable tool and because they represent something to do. However, even though visitors are attracted to them, they are a tricky thing to use. There are several reasons for this.

First of all, drop-downs hide the available options most of the time. Visitors have to click in the box before the options will display. This is inconvenient, as the options aren't readily available. This is especially a problem if the box isn't clearly labeled, because visitors won't even know what type of information they'll find if they do click in the box. Visitors are very good at ignoring anything they don't understand.

Also, drop-downs require a bit of mousing precision. A long list of choices can be especially problematic. Visitors often accidently select the wrong choice because it's difficult to hit the desired option precisely. This can be confusing, particularly if the visitor doesn't realize he or she made a mistake.

If there are only a few options in the list, the problem is somewhat lessened. However, if there aren't very many options, it shouldn't be a problem to list them individually on the page. This avoids the difficulties altogether.

Logorugs.net

On Logorugs.net, drop-down menus are used for the site's primary navigation. This creates an extra complication: Drop-down menus aren't a standard form of primary navigation. Any time your site doesn't stick with the common conventions, your site becomes less usable to visitors and you elevate the risk of confusing them. It helps somewhat that the site is very simple and uncluttered, but the problem still remains.

Additionally, the last two menus on this site aren't clear about which options are "clickable". It appears that the first option in the list can be clicked, but in reality, it's merely the name of the category and doesn't go anywhere.

Finally, the last menu has only one option. Never use a drop-down menu that contains only one choice.

With this site, it would be better to add an additional navigation bar with links to the four main categories. Each of these links could lead to a page containing the sub links. This menu should be present on every page of the site, so visitors can easily get to any category. On the main page, the main content area should be used to list the major categories and show the links under each category. This way, all the options would be instantly visible when visitors first enter the site. This would also be more helpful to visitors than the long paragraphs of copy that currently occupy center stage. It's better to use primary screen real estate to spotlight the company's products than to talk about the company.

It is occasionally appropriate to use drop-down menus for other functions when nothing else is available. However, you should first explore other options and see if there is a solution that will be more user-friendly.

A flying menu attack can wound your navigation
Hidden menus are like hidden road signs: they force you to stop when youd rather keep going. We examine the weaknesses of pop-up, pull-down and cascading menus. By David Walker As a kid riding in the back of the famil...
Website Accessibility
How can good accessibility help you? Having a site that is user friendly is not only good for the visitor its very good business sense. Its not just about achieving the highest accessibility rating you can its about making sure your site meets all of your visitors needs.
Populating a Drop Down Menu with Info. from a Database
Discover the advantages of adding a database driven drop down list. Such menus are a easy way to cram a lot of links into a small, easy to maintain space.
Hiding Div Layers After 5 Seconds (Specified Time - X Seconds)
Many things can be done with layers, one of the most useful thing being the navigational drop down menus. Only problem with many HTML editors including Dreamweaver at the moment is that they do not provide an option to close or hide the layers after a specified time. So most of the time you need to
Create Cool Site Navigation In A Flash
So you were just at a website and were so impressed with their navigation bar you want something just as cool for your own site. No problem. If you know where to look youll find plenty of generators that will allow you to easily pump out some very slick menus.
Good Website Navigation
Website Navigation is defined as the science and skill applied to a web site that helps visitors move from one page to another. A good website navigation system is imperative for a successful and accessible website design.
5 Biggest Reasons why Website Design Fail
Here are 5 biggest reasons why your website design fail make profits for you.
Web Designer's Guide to Search Engine Optimization
From a search engine point of view, the perfect webpage has no graphics, no scripting, no tables...etc but just alot of normal, plain readable text. You can just take it that plain text is the food for search engine spiders.
Search Engine Friendly Site Maps
If a page or link is several clicks away ( a visitor have to go through several web pages) then there is a possibility that the search engine spider will have trouble indexing it. Your search engine will show you the error that the page is not found.
5 Important Rules in Website Design
When it comes to your website, extra attention should be paid to every minute detail to make sure it performs optimally to serve its purpose. Here are seven important rules of thumb to observe to make sure your website performs well.