Navigation Menu UX — What Users Actually Click

Short answer: on most sites a few menu items receive nearly all the clicks and several receive almost none. A click heatmap of your header shows which is which. Keep and promote what people use, rename what they misunderstand, and move or remove what they ignore. Heavy use of the footer or site search is a sign your main navigation is missing something.

Table of Contents

1. Why Navigation Goes Wrong
2. What to Measure
3. Six Patterns and What They Mean
4. How to Restructure
5. Key Takeaways

Why Navigation Goes Wrong

Navigation is usually built from the organisation chart. Each team wants its page in the menu. Labels use internal names. Nothing is ever removed.

Visitors arrive with a task, such as finding the price or checking whether you support their platform. They scan for a word that matches their task. If your label is "Solutions" and they are looking for "Pricing", they miss it.

What to Measure

Measure desktop and mobile separately. They are different interfaces.

Six Patterns and What They Mean

1. One or two items take most clicks

Normal. These are your visitors' real priorities, commonly pricing, product, and login. Make them the easiest to reach.

2. Items with almost no clicks

Either nobody wants them, or the label does not say what is behind it. Check whether the destination page gets traffic by other routes. If it does, the label is the problem.

3. Dropdowns opened and abandoned

Visitors hover or tap, scan the options, and close it. They expected something that was not there. Recordings show the hesitation clearly.

4. Heavy footer use

Visitors scroll to the bottom to find a link. Whatever they click there deserves a place higher up. Common examples: contact, pricing, careers, documentation.

5. Heavy site search use

Search is what people use when navigation fails. The queries are a list of things your menu does not surface (site search analytics).

6. Clicks on the logo, repeatedly

People going home to start again are lost.

Also watch for dead clicks on a top-level label that only opens a dropdown on hover. On touch screens there is no hover.

How to Restructure

1. List menu items with their click share for desktop and mobile.
2. List top destinations from journeys and search.
3. Compare. Popular destinations missing from the menu get added. Unused menu items get questioned.
4. Rename using visitors' words. Search queries and support tickets show the vocabulary people use.
5. Limit top-level items. Five to seven is easier to scan than twelve.
6. Put the primary action in a consistent place, usually top right.
7. Change one thing at a time and compare heatmaps before and after.
8. Check journeys again. Do more visitors now reach the key pages?

Be careful about removing a link that few click and that matters greatly to those who do, such as login or support. Low volume is not the same as low value.

Key Takeaways

• A few menu items carry most of the traffic.
• Footer clicks and search queries reveal what the menu is missing.
• Rename items using visitors' own words.
• Change one thing at a time and compare.

Conclusion

Navigation is the most used part of your interface and the least often tested. A single heatmap of your header will tell you more than a meeting about it.

Start free with DeepSync.