How many items
Five to seven works for most small business sites. Past that, people stop reading the menu and start guessing, which means the items at the end are effectively invisible however important they are.
If you have more sections than that, group them. A hub page holding six related pages is one menu item, and our page on site structure covers arranging that.
The constraint is useful rather than limiting. Deciding which five things matter most is a good exercise, and the answer is frequently not what is currently in the menu.
Count what is actually there rather than what you think is there. Menus grow by one item at a time, and almost every site we look at has more in the menu than the owner remembers putting there.
Name things as customers do
Not as your industry does. Solutions, resources and offerings mean nothing outside a business that already uses those words internally, and they are the three commonest menu items on unclear sites.
Services, prices, our work, areas we cover, contact. Plain, boring, and immediately understood by somebody who has never been to your site before.
Test it by asking somebody unfamiliar where they would click to find out what you charge. If they hesitate, the label is wrong regardless of how sensible it seemed.
Dropdowns and phones
Menus that open on hover do not work on touch, where hovering does not exist. On a phone that becomes a tap that opens a menu instead of going to the page, which confuses people reliably.
Deep nesting is worse. A second level inside a dropdown is difficult on a phone and difficult with a keyboard, and our page on accessible menus covers what a working version does.
Where a section has children, make the parent a real page that lists them. Then the menu can stay flat and the hub page does the work, which is better for everybody.
What a menu should do
The list below is what separates a menu people use from one they ignore. Most of it is restraint rather than cleverness.
- Five to seven items, in the customer's words
- The most important first, contact last
- The same order on every page
- Everything reachable with a keyboard
- No reliance on hovering
- The current page indicated
- A visible way to get home
Order and consistency
Put the most important item first and contact last, because those are the two positions people look at. The middle is the least noticed part of any menu, which is where the least important items belong.
Keep the order identical on every page. A menu that reorders itself by section is disorienting, and people navigate partly by position rather than by reading each time.
Indicate where the visitor currently is. A site with no current-page indication makes people feel lost in a way they rarely articulate but consistently respond to.
The footer is the second menu
Everything that does not belong in the main menu belongs there: terms, privacy, accessibility, sitemap, secondary services and anything a small number of people need reliably.
That relationship is what lets the main menu stay short. Our page on footer content covers what belongs there and in what order.
It also catches the reader who got to the bottom of a page without finding what they wanted, which is a real and frequently ignored audience.
As the site grows
The menu should not grow with it. A site adding pages should be adding them under existing sections rather than adding sections, and a menu that has grown to twelve items is a structure problem.
Revisit it when the business changes rather than continuously. A menu is something people learn, and reorganizing it frequently costs the familiarity it had built.
And check nothing became unreachable. Our page on orphan pages covers pages that fall out of navigation during a reorganization, which happens more often than anybody notices.
Check the menu on a phone whenever it changes. A menu that fits comfortably on a wide screen frequently becomes a long scrolling list on a phone, where most of your visitors are reading it.