Navigation patterns that don't get in the way

Good navigation is a bit like good signage in a building. When it works, nobody comments on it. When it doesn't, people wander about, get annoyed and leave. On a small business website, navigation often decides whether a visitor finds your prices and contact details in a few seconds or gives up and tries a competitor.

This post covers how to decide what goes in your menu, how to label it, and which patterns suit which kinds of site.

Start with what visitors are looking for

Navigation should reflect what visitors want, not how your business is organised internally. A useful exercise is to list the questions people most often ask you by phone, email or in person. For a car repair garage, that list might be:

• Do you service my make of car?
• How much is an MOT?
• Can I book online?
• Where are you and when are you open?
• Do you offer a courtesy car?

Those questions point directly at the pages and menu items you need: Services, Prices, Book, Contact. Notice that "About us" isn't on the list. It may still deserve a place, but it's rarely the reason someone arrived.

Keep the main menu short

A main menu with a dozen items forces visitors to read and compare every option. A shorter menu is quicker to scan and easier to remember.

For most small business sites, four to six top-level items is plenty. If you have more, look for ways to combine or move them:

• Merge related pages. "Our team", "Our story" and "Our values" can often become one "About" page.
• Move secondary pages to the footer. Privacy policy, careers, press and terms are important but rarely the first thing people seek.
• Use the page itself. A "Services" page can link to individual service pages, so the main menu doesn't need to list them all.

Label items with plain, expected words

Clever menu labels are a common trap. "The Workshop", "Our Craft" or "Discover" might sound on brand, but visitors have to guess what's behind them. Conventional labels work because people already know what to expect:

• Services or What we do
• Prices or Pricing
• Work, Portfolio or Projects
• About
• Contact

A good test: could someone predict what's on the page from the label alone? If not, choose a plainer word. You can bring personality into headlines and body copy, where there's room to explain.

Also keep labels short. One or two words each lets the menu fit comfortably on smaller screens and makes it easier to scan.

Order matters

People tend to notice the first and last items in a list more than the middle ones. Use that:

• Put the most sought-after item near the start, such as Services or Menu.
• Put the action item at the end, such as Contact or Book, often styled as a button so it stands out.
• Leave less critical items in the middle.

The logo conventionally links back to the homepage. Most visitors expect this, so you don't usually need a separate "Home" item in the menu, though including one does no harm if your audience is less familiar with the web.

Choosing a pattern

Different sites suit different navigation patterns. Here are the common ones and when they fit.

A simple horizontal bar

Logo on the left, a handful of links on the right, a highlighted action button at the end. This is the default for good reason: it's familiar, quick to scan and works well for sites with up to about six main sections. A wedding photographer's site with Portfolio, Packages, About and Contact needs nothing more.

Dropdown menus

When a section genuinely contains several distinct pages, a dropdown can reveal them. A dental practice with Treatments that include check-ups, hygiene, whitening, implants and emergency care might use one.

A few guidelines:

• Open dropdowns on click or tap, not only on hover, so they work on touch screens and with keyboards.
• Keep the top-level item useful too. Clicking "Treatments" should ideally go to an overview page, not just open the list.
• Avoid nested dropdowns inside dropdowns. They're fiddly to use and easy to slip off.

Mega menus

Large panels showing many links grouped under headings suit sites with lots of content, like a hardware shop with dozens of product categories. For most small service businesses, they're overkill and add complexity without benefit.

Mobile menus

On phones, menus usually collapse behind a button. Make that button easy to recognise; a common menu icon paired with the word "Menu" is clearer than the icon alone for many visitors. When opened, list the items in large, well-spaced rows, and consider keeping the main action, such as "Call us", visible outside the collapsed menu.

Help people know where they are

Navigation isn't only about getting somewhere. It's also about orientation once you've arrived.

• Highlight the current section in the menu with a different weight, an underline or a marker, so people can see where they are.
• Use clear page titles that match the menu label. If someone clicks "Prices", the page heading should say Prices, not "Investing in your smile".
• Add breadcrumbs on deeper sites. On a site with several layers, a trail like Home, Treatments, Implants shows the path and offers an easy way back.

Don't make navigation fight the content

Some navigation choices actively get in the way:

• Huge sticky headers that take up a large slice of a phone screen as people scroll. If you make the header sticky, keep it slim, or let it hide as people scroll down and reappear when they scroll up.
• Menus that cover the page on hover, opening accidentally as the mouse passes over them.
• Hidden navigation on desktop. Collapsing a short menu behind an icon on a large screen hides useful options for no gain.
• Pop-ups that appear before people can see the menu at all.

Test with real tasks

Ask a few people who don't know your site well to find specific things: "How much is a full service?" "Where's the nearest branch?" "How do I cancel an appointment?" Don't help. Just watch where they look first and where they hesitate. Each moment of hesitation points to a label or placement that could be clearer.

Navigation checklist

• Menu items come from what visitors actually ask, not internal structure.
• The main menu has roughly four to six items.
• Labels are short, plain and predictable.
• The key action sits at the end, visually distinct.
• Dropdowns open on click or tap and don't nest.
• The current page is highlighted, and page titles match menu labels.
• On mobile, the menu button is recognisable and the main action stays visible.
• Sticky headers are slim and don't crowd the content.

The best navigation is the kind visitors use without noticing. Plain words, a short list and a sensible order will take you most of the way there.