UIUXjobsboard

GLOSSARY

Breadcrumbs

UX Design

What are Breadcrumbs

Breadcrumbs are secondary navigation elements that show users their current location within a website's hierarchy. Named after Hansel and Gretel's trail of breadcrumbs, they provide users with an easy way to track and navigate back through their location path.

Types of Breadcrumbs

Three main types exist:

  • Location-based: Shows hierarchical site structure
  • Path-based: Displays user's navigation history
  • Attribute-based: Shows metadata categories (common in e-commerce)

When to use Breadcrumbs

Implement breadcrumbs in complex, hierarchical websites with multiple levels of navigation. They're particularly valuable for e-commerce sites, documentation portals, and content-heavy platforms where users need clear context of their location.

How to implement Breadcrumbs

Place breadcrumbs consistently near the top of the page, use clear visual separators (often >/), ensure each level is clickable, and keep labels concise. Make them complementary to primary navigation, not a replacement.

UX Design Terms

See more UX Design terms

Iterative Design

What is Iterative Design Iterative Design is a cyclical desig...

Gamification

What is Gamification Gamification is the application of game-...

Avatar

What is an Avatar An avatar is a visual representation of a u...

User-Centered Design

What is User-Centered Design User-Centered Design (UCD) is a ...

UX Case Study

What is a UX Case Study A UX Case Study is a detailed narrati...

Mockup

What is a Mockup A Mockup is a static, high-fidelity represen...