Navigation Patterns

Help people know where they are, where they can go, and how to get back.

Navigation is the connective tissue of a product. Each layer does a different job — give them the right weight and the structure becomes invisible.

Primary

Global Navigation

The persistent top-level nav present across the whole product. It exposes the main sections of the site or app and stays put as users move around — the stable map everything else hangs off of.

Scope
Whole product
Contains
Top-level sections
Behavior
Persistent · always visible
Secondary

Local Navigation

Contextual nav within a section, showing the siblings and children of the current area. It lets people browse around where they already are without zooming all the way back out to the top level.

Scope
Within a section
Contains
Siblings and children
Often a
Sidebar or sub-tabs
Supporting

Utility Navigation

Account, settings, search, help, cart — the supporting tools that sit apart from the content hierarchy, often in the top-right. They’re available everywhere but aren’t part of the main browsing path.

Examples
Account · search · help · cart
Placement
Often top-right
Sits apart
From content hierarchy
Wayfinding

Breadcrumbs

Show the user’s location in the hierarchy and provide a path back up. Best for deep, hierarchical structures where people need to understand how far down they are and step back out one level at a time.

Job
Location + path up
Best for
Deep hierarchies
Reads
Home › Section › Page
Catch-all

Footer Navigation

A catch-all for legal links, secondary links, and sitemap-style access. Lower priority than the primary nav, but useful for completeness and for SEO — it’s where people look when the main nav doesn’t have what they need.

Contains
Legal · secondary · sitemap
Priority
Lower
Bonus
SEO and completeness

Navigation in the Age of AI

Asking is starting to replace browsing. The nav doesn’t disappear — it becomes a fallback and a map for what the assistant can do.

✦ AI Era

Ask, Don’t Browse

A prompt box is becoming a parallel way to navigate: instead of clicking through sections, users describe the destination and the assistant takes them there. Menus stay as the visible map of what’s possible — and the safety net when the ask falls short.

Shift
Click paths → describe
Menus become
The map and the fallback
Watch for
Losing discoverability
✦ AI Era

Adaptive and Surfaced Destinations

AI can reorder, surface, or hide destinations based on what a user is likely to need next. Powerful for relevance — but keep the global chrome stable, or you erode the predictable map that makes navigation trustworthy.

Upside
Relevance · less hunting
Keep stable
Global chrome
Risk
Unpredictable map
Further Reading