Breadcrumb Navigation

Definition

Breadcrumb Navigation is a secondary navigation system that shows users their current position within a website’s hierarchy, with links to each preceding page in the navigation path. It allows users to easily backtrack through their journey and understand where they are in relation to the overall structure. Breadcrumbs improve usability, particularly in large or complex websites with many levels of content.

Why it matters

Real-world example

Linear's breadcrumb shows 'User Insight & Behavior Analytics Dashboard > Product Document (copy)' at the top of the document — a persistent path that tells users exactly where they are in the workspace hierarchy.

Linear breadcrumb navigation hierarchy document path
All design terms
Confused about
Breadcrumb Navigation
?
Design is fun, but it's not easy.
Get help from a senior designer.
Start your project with us!
Start a project