Navigation is how a user moves through a product and always knows where they are. Reaching for a familiar, well-tested pattern is almost always better than inventing a clever new one — novelty in navigation usually costs more usability than it's worth.
| Pattern | What it looks like | Best fit for |
|---|---|---|
| Tab bar (bottom or top) | 3-5 icons/labels for top-level sections, always visible | Mobile apps with a handful of core, equally-important sections |
| Hamburger menu | A hidden slide-out list behind a "≡" icon | Secondary items, or when screen space is genuinely tight — costs discoverability |
| Sidebar navigation | A persistent vertical list, usually desktop | Content-heavy apps and dashboards with many sections |
| Breadcrumbs | "Home > Category > Page" trail | Deep, hierarchical content where users need to know their exact location |
| Pagination / Load more | Numbered pages, or a button to reveal more | Long lists of similar items — search results, product listings |
| Search-first | A prominent search bar as the primary way in | Content libraries too large to browse comfortably |
Hidden navigation is one of the most debated patterns in UX for good reason: it saves screen space but real usage data consistently shows lower engagement with anything tucked behind it, simply because users can't see what's there. It's a real tool, not a mistake — but it should hold secondary items, not the core sections a user needs constantly.
A user should always be able to answer three questions without thinking hard: Where am I? Where can I go? How do I get back? Any navigation pattern that keeps those three answers obvious is doing its job, regardless of which specific pattern is used.
Convention is a feature here, not a limitation
When unsure which pattern fits, look at what the market leader in that product category actually uses — navigation is one of the few areas where following convention is usually the right call, not a lack of creativity.