navigation

A bar of three to five top level destinations pinned to the bottom edge of a phone screen, with the current destination always marked.

A trail of links showing the path from the top of a hierarchy down to the current page, with every level above it clickable on the way back up.

A panel docked to one edge of the screen that slides in over the content, holding navigation or the details of the thing you selected.

A button of three stacked horizontal lines that opens a site's main navigation, usually in a panel over the page.

A large navigation panel that drops from a top level item and shows many links at once, grouped into columns with headings.

A permanent horizontal row of menu titles (File, Edit, View) whose menus open on click and then follow the pointer along the row.

The horizontal strip of primary destinations across the top of a site, usually holding the logo, the main sections and an account control.

A menu of destinations rather than commands, where opening an item moves you somewhere instead of running an action.

A narrow vertical strip of top level destinations at the side of a screen, used at medium widths where a bottom bar is wasteful and a drawer is too heavy.

The row of small dots under a carousel or onboarding screen showing how many pages there are and which one you are on.

The numbered row of page links under a long result set, with previous and next controls and usually an ellipsis where numbers are skipped.

The links to the top tier of a site's structure, present on every page and unchanged wherever the reader currently is.

Links contextual to where the reader is, showing the siblings and children of the current page rather than the whole site.

A browsing layout of side-by-side columns where selecting an item in one column fills the next with its children, keeping the whole path visible.

Keeping secondary regions parked outside the viewport and sliding them in on demand, instead of stacking them below the main content.

A persistent vertical region alongside the main content holding navigation or secondary controls, often collapsible on narrow screens.

The closing region of a site holding secondary navigation, legal links, and contact details that do not deserve top level placement.

A slim bar that links a subsite back to its parent organisation's other sites, sitting above the subsite's own global navigation.

The strip of secondary tools and account actions, sign in, search, language, cart, kept apart from the links that describe the site's content.

A control that appears after the reader has scrolled some distance and returns them to the top of the page in one action.

Paging that moves by a pointer into the result set rather than a page number, so newly inserted rows never shift what the next page contains.

Going deeper into a hierarchy one level at a time inside the same panel, each level replacing the last and offering a way back up.

A navigation shape where every task is reached from one home screen and returns to it, with no way to move sideways between tasks.

A horizontal menu that keeps as many items visible as fit and moves the rest into a More control, recalculating whenever the available width changes.

Navigation that watches the scroll position and highlights the entry for the section currently in view.

A list of a document's sections, linked in reading order, shown beside or above the text.

Motion that covers a navigation between two whole pages or routes, replacing the hard cut a document load would otherwise produce.

A navigation transition where the new view slides in and pushes the old one off, and reversing it pops back, encoding depth in a stack.

A single underline or pill that travels between tabs to mark the selection instead of each tab drawing its own, so the move itself says which way the selection went.

The marking of which item in a navigation set is the one you are on, exposed with aria-current so it survives without the colour cue.

A named region role (banner, navigation, main, complementary, contentinfo, search) that lets assistive technology jump between the major parts of a page.

A link at the very start of a page, revealed on focus, that jumps past repeated navigation to the main content.

Moving focus by direction rather than by sequence, so arrow keys, a D-pad, or a TV remote jump to the nearest control up, down, left, or right.