Navigation Patterns
Date: 2026-08-17
The standard interfaces onto a site’s structure. Nearly all of the useful decisions here are already settled by convention — and the ones people spend time on, like whether to use a hamburger, matter far less than whether the labels are right.
Navigation patterns are the conventional components for moving through an information architecture: menus, breadcrumbs, filters, footers, search.
They are views onto the structure, not the structure — a better menu on a bad IA is a better view of a bad structure — Information Architecture.
The patterns, and what each is for
GLOBAL NAV the primary categories
visible on every page
→ the site's shape,
declared
MEGA MENU a large panel showing two
or three levels at once
→ good for broad catalogues
→ replaces a level of
clicking with scanning
BREADCRUMBS where am I, and how do I
go up
→ underrated; also feeds
structured data
FACETED FILTERS narrowing within a set
→ the real navigation on
a large catalogue
— Faceted Filtering
FOOTER the everything-else drawer
policies, contact,
secondary categories
SEARCH the escape hatch
— Search and Findability
LOCAL / SIDEBAR navigation within a section
See: Faceted Filtering · Search and Findability
On a large retail site, the filters are the navigation. The menu gets someone into roughly the right place; the facets do the actual work of finding — and effort is usually allocated the other way around.
The hamburger question
The argument that consumes disproportionate time:
ESTABLISHED
on mobile, the icon is understood.
Discoverability is no longer the
main issue
STILL TRUE
hidden navigation is used less than
visible navigation
SO
put the 3–5 highest-value destinations
visible, and the rest behind the icon
The useful mobile pattern is a bottom bar with the few critical destinations — search, basket, account, categories — because it’s within thumb reach and always visible — Fitts’s Law, Mobile Interaction Patterns.
What actually determines whether navigation works
Ranked, and the ordering is the point:
1 LABELS their words, not yours
— Taxonomy and Labelling
2 STRUCTURE does the grouping match
how people think
3 VISIBILITY can they see the option
4 FEEDBACK do they know where they are
5 PATTERN CHOICE mega menu vs dropdown
Most navigation projects invert this list, starting at 5. Relabelling a menu is cheaper than redesigning it and usually produces a larger improvement.
Breadcrumbs specifically
Under-used, cheap, and doing three jobs at once:
- Orientation — where am I in the structure
- Upward navigation — one click to the parent, which is the most common recovery action after arriving from search
- Structured data — breadcrumb markup is used in search results, so it affects the listing as well as the page
Especially valuable for search-entry traffic, which lands deep in a site with no context. A visitor arriving on a product page from Google has no idea what else you sell — Technical SEO.
Where it goes wrong
- Too many top-level items. Beyond roughly seven, the bar stops being scannable and starts being a list
- “Products” and “Solutions” and “Services”. Meaningless top-level labels that describe your org rather than what you sell
- A mega menu that’s a sitemap. Showing everything is not showing structure
- Current location unmarked. The active state is a one-line change and it’s routinely missing
- Mobile navigation that hides everything, including search and basket
- Changing it without measuring. Navigation changes affect every page, which makes them both high-leverage and high-risk — A-B Tests
Measuring it
NAV CLICK DISTRIBUTION which items get used
→ dead items are
candidates for
removal
SITE SEARCH RATE high = navigation
isn't working
BREADCRUMB USE indicates people
arriving in the
wrong place
BACK-TO-CATEGORY RATE from product pages,
a sign the category
didn't filter well
Nav click distribution is the fastest audit available. A menu item with 0.2% of clicks is occupying prime real estate for one team’s preference — Component Inventory.