Designing Website Navigation People Don't Get Lost In
By CodexierPublished 6 min read
A visitor reads a menu once, for about a second, and decides whether this site can do what they came for. Navigation that mirrors your internal structure fails that test; navigation built from the visitor's top tasks passes it. This guide shows how to get there with a method you can run yourself.
Top tasks decide the menu
Top tasks are found, not invented. Look at your search console queries, the questions your phone and inbox get, and the pages visitors already reach most. For a clinic the list is usually 'book', 'prices', 'what you treat', 'where you are', 'who works here'. For a wholesaler it is 'products', 'log in', 'become a customer', 'delivery', 'contact'. Notice what is missing: 'about us' is rarely a top task, even though it is nearly always in position two.
Labels in the visitor's words
A label works when the visitor can predict what is behind it. Internal names ('Solutions', 'Resources', 'Our offering') describe how you see the company; task names ('Prices', 'Book a time', 'Help') describe what the visitor wants. The mechanism is prediction: a label that needs a click to understand has already failed, because the visitor scans all labels first and clicks only when one is a clear match.
| Instead of | Write | Why |
|---|---|---|
| Solutions | Services, or the actual service names | 'Solutions' could mean anything |
| Resources | Guides, or Help | Nobody searches for resources; they search for an answer |
| Our offering | What we do | Plain language predicts content |
| Get in touch | Contact, or Book a call | Say what happens |
| Products (for a B2B wholesaler) | Product catalogue and Log in | Business buyers look for the login first |
If a label needs a subtitle to be understood, the label is wrong.
How many items is too many
Five to seven top-level items is the workable range for a small company site. Below five, you are probably hiding tasks in dropdowns that should be visible; above seven, the visitor stops reading the menu as a set and starts scanning it as a list, which is slower and more error-prone. Dropdowns are fine when the parent label predicts the children ('Services' opening to service names); they are harmful when they hide the only things people want.
- One primary action, styled as a button, at the right end: book, order, log in or call.
- No more than one level of dropdown. A second level means the site structure needs work, not the menu.
- Mega menus only for large catalogues where the visitor benefits from seeing the categories at once.
- Legal, careers, press and partners belong in the footer, where people who need them know to look.
Mobile navigation patterns
On a phone the menu is hidden behind an icon, so the primary action has to live outside it. Keep 'Book' or 'Call' visible in the header bar at all times, put the full menu behind the hamburger with the same order and the same labels as desktop, and make the drawer one level deep with large touch targets. Most Swedish service sites get the majority of their visits on phones, so the mobile version is the version.
Header bar
Logo left, primary action right, menu icon next to it. Nothing else.
Drawer
Full-height list, same items as desktop, sub-items expanded inline rather than in a second drawer.
Bottom bar
Worth it for booking-driven sites: 'Book', 'Call', 'Directions' fixed at the bottom of every page.
A do-it-yourself card sort
A card sort tests whether your grouping matches how visitors think, and you can run it with sticky notes or a free online tool. Write every page or task on a card, hand the pile to a person who resembles your visitors, and ask them to group the cards and name each group. Repeat with ten people. The groups that appear again and again are your menu; the names they wrote are your labels.
- Write thirty to fifty cards: one per page or task, in plain words, no internal names.
- Ask each participant to sort them into groups that make sense to them, then name the groups.
- Note where cards land in different groups for different people: those pages need a clearer name or a second link.
- Build the menu from the most common groups, using the participants' names for them.
- Run a quick reverse test: give five new people a task and ask which menu item they would click. Adjust where they miss.
When not to hire this out: a site with under fifteen pages can be sorted by you in an afternoon with this method. A UX audit at 7,990 kr makes sense when the site is larger, when analytics show visitors bouncing between pages without converting, or when you are about to redesign and want the structure tested before design starts; the full package list is on the pricing page, and a short call will tell you honestly whether your menu is the problem.
- UX Audit & Conversion ImprovementA structured review of navigation, page flow and the points where visitors give up, with prioritised fixes.
- PricingEvery package with a published price and delivery window.
- Book a free 15-minute callSend your site address; we look at the menu together and say whether structure is where the leak is.
Frequently asked questions
Should the logo link to the homepage?
Yes, always. It is the one navigation convention every visitor has learned, and breaking it costs you the visitors who use it as their back button. Put it at the left of the header on both desktop and mobile.
Is a hamburger menu bad for desktop?
On desktop it hides the labels that let visitors judge the site at a glance, so a visible menu performs better for most company sites. Reserve the hamburger for mobile, where there is no room for anything else, and keep the primary action visible outside it.
Where should 'About us' go?
In the menu if trust is part of the purchase decision (a clinic, a consultancy, a law firm), near the end of the order. In the footer if visitors come to buy or book something specific and the company story is secondary. Either way it is rarely the second item, where most sites put it.
How do I know if navigation is my site's problem?
Look for visitors who view several pages in quick succession and leave without converting, high use of the site search, and support emails asking where something is. All three mean people could not predict where the answer lived. A card sort or a short usability test will show you which labels or groupings cause it.
Not sure whether your menu is losing visitors?
Send your site address before the call. In fifteen minutes we walk through the menu against your top tasks and say whether the structure needs work, and what a proper audit would cost.
Book a free 15-minute call