How to create clear web navigation menus
To create clear menus you need to understand your customers’ top tasks and use the words they would look for as they seek to complete these tasks.
Good web navigation is unsubtle. It is clear, precise, familiar, consistent, boring, unemotional. Good navigation is ugly and functional.
You’ve just designed a new plane. It’s sleek and ergonomic, fuel efficient yet roomy. You’re now sitting with your fellow designers trying to figure out what to call the Exit sign. Why not call it Exit?
Every year a phone directory is delivered to my home and every year it’s the same. Have they no imagination in those phone companies? I mean, come on, hasn’t A-Z been done to death at this stage? Why don’t they try Z-A for a change?
Your customers do not want you to come up with a new name for the Search button. They don’t want new names for Home or About or Contact. Don’t mess with established navigation conventions. Be as familiar and consistent as possible.
Each navigation menu item should be very distinct and separate. If a customer has a task and they think there are three or four different links they could click on in order to try and complete that task, something is nearly always wrong.
Avoid audience-based navigation unless the audiences’ tasks are completely separate. We once dealt with a department of agriculture who had the following menus: Farmers, Producers, Exporters, Researchers. What if you were a farmer who was also a producer, who exported most of your produce, and who right now wanted to do some soil analysis research? Where should you click? Go task-based with your menus unless you have an exceptional reason not to.
Have a consistent place for your navigation. If you use the left column, keep it there. Don’t start shifting the navigation into the center or right columns as you go deeper into the site. This will only lead to confusion.
Avoid menu link catch-all words like “Tools, Documents, Resources.” What’s the opposite of Tools? It’s Content, isn’t it? So, if you’ve got a classification for Tools, why don’t you also have a classification for Content? And never use Quick Links.
“Come, little links, gather round,” said the designer to the links. And the little links gathered round, all happy and expectant.
“I’ve got good news and bad news,” the designer said.
“Good news first,” the little links chirped.
“Well, the good news is that we think you’re very special links and because you’re so special we’re going to call you Quick Links,” said the designer.
“Quick Links!” they shouted in unison. Then a silence fell and a little voice was heard to say:
“Master designer, does that mean the other links are Slow Links?”
“Well no,” the designer replied. “It’s just that you’re special.”
“What’s the bad news, master designer?” another link asked.
“The bad news …” and the designer paused. “The bad news is that we’re putting you in the right column.
“The right column!” they said with horrified voices. A long silence.
“Bad master designer,” a disgruntled little voice said.
“Yes, bad master designer,” another said. “Nobody looks in the right column.”
“But you’re Quick Links! You’re special,” the designer said as the links began to close in.

Mike Simpson says:
Added on November 16th, 2009 at 9:52 amThe other reason not to use ‘Farmers, producers’ etc is that it doesn’t tell you whether those menu links to to pages which are FOR farmers and producers or pages that are ABOUT farmers and producers.
Stephen Dixon says:
Added on November 16th, 2009 at 1:59 pmI would have to agree with these points. The research that I am familiar with, suggests an “F” pattern in website eye tracking results, or some close variation from that. In addition, we are scanners, not readers. On the topic of task based navigation, I agree designers must do more to make navigation easy (read simple) for everyone of the users, not just those tasks with the highest volume. Volume based navigation eventually confuses everyone, even the high volume users, because they may need to come to your site for a low volume type transaction
Then what? The agriculture example was a good one to illustrate the need for why and what navigation, not who navigation. Great discussion.
Charlotte Babb says:
Added on November 16th, 2009 at 4:27 pmI love the quicklinks story.
Do you have suggestions for clumping the tasks so as not to have so many links to choose from? The reason we use a right-column quick links is that our staff uses them, based on their experience with the previous design.
We have also found that audience-based links also tend to grow in number as new audiences are isolated, so that the people we most want to attract have a smaller and smaller piece of the home page, while each department wants to be one-click away…more quicklinks.
EphraimJF says:
Added on November 16th, 2009 at 6:31 pmThanks for this great post Gerry! It gave me several ideas and blatantly pinpointed two poor practices that I’ve maintained on our intranet: a “Tools”s section and lots of “Quicklinks” lists. Yikes!
One question:
If role-based navigation is a poor choice, is it still useful to use user personas in building & testing site IA?
Ian Edelman says:
Added on November 16th, 2009 at 7:02 pmI constantly have to delete the word ‘useful’ from ‘useful links’ provided to me as website copy, asking ‘where are the links that aren’t useful’.
Tasin Reza says:
Added on November 17th, 2009 at 5:27 pmThanks for the post Gerry. But I must say I need to point out few stuff regarding the ‘Quick links’.
Quicklinks are designed to help regular users/ users who always go to that particular site with specific goals in mind. These links provide a shortcut to them to get to what they are seeking rather than going through the main information architecture/navigation.
I have seen from our experience that if these links are designed and added with proper user research, they add good experience in terms of finding information quickly by regular users. And because they’re positioned on the right hand side (usually), they don’t interfere with the usability of the new user or someone who wants to use the main navigation.
Therefore I would argue that quick links are not bad if they are added after doing proper user research.
Gerry McGovern (blog author) says:
Added on November 17th, 2009 at 6:23 pmTasin, I think you prove my point exactly. Shouldn’t the main navigation be there first and foremost to help the people who use the site most? So, for the things that are used most we put them in the most minor place in the design, and for the things that are used least we put them in the most prominent place? The right column is simply ignored by huge numbers of people. They don’t see it. In my experience, Quick Links are crated when the main navigation was not designed properly.
Stian Johansen says:
Added on November 24th, 2009 at 8:35 pmGreat read on the “Master designer and Bad designer”! Written by you Gerry McGovern? Made a good article into a great dynamic article.
Observer says:
Added on November 25th, 2009 at 4:20 pmSo one of the units I support says their landing page has too much white space and we need to make the page flashier and fill the spaces in more. Add video they say.
I am torn because, although the page looks “boring” it loads quickly, is easy to find our key links and the videos they have are on the inner pages where they kind of belong - with the course they are about.
I know Gerry would prefer a poor design over a magnificent FLASHY page that has distractions. But obviously the unit disagrees.
Mikael Sandin says:
Added on January 18th, 2010 at 1:16 pmI do not entirely agree with your opinion on quick links. Of course, they should not be a substitute for having these links in the main navigation. That’s just stupid. The quick links are a complement to the main navigation and (as our test shows) used, by some, successfully to quickly answer their question.
In my opinion it gives the user another way to locate popular information and I can’t see any negative effects of having them in the right column on the navigational pages on the way to the real content pages.
Gerry McGovern (blog author) says:
Added on January 18th, 2010 at 3:28 pmMikael, In my experience Quick Links are the links that should be in the main navigation but got forgot for some reason. It sounds like you haven’t made tat mistake.
But for so many websites they have become the new Misc of the Web. And it’s such a silly name. Shouldn’t all links be quick links? Why doesn’t the main navigation deal with stuff that. I’ve rarely seen them used properly.
Mikael Sandin says:
Added on January 19th, 2010 at 7:51 amI guess one of the reasons for this is that editors find it a lot easier to add another quick link than to change and re-think an already “finished” agreed-upon navigation.
Gerry McGovern (blog author) says:
Added on January 19th, 2010 at 9:08 amMikael, I think you make an excellent point here. This is often exactly what happens. They forgot to put in these essential links into the mian navigation, don’t know where to put them, then create this new catch-all category called Quick Links.