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

Design Sprint

What is a Design Sprint A Design Sprint is a time-boxed proce...

Contextual Enquiry

What is Contextual Enquiry Contextual Enquiry is a field rese...

Pain Points

What are Pain Points Pain Points are specific problems, frust...

Widget

What is a Widget A Widget is a self-contained interface compo...

Landing Page

What is a Landing Page A Landing Page is a standalone web pag...

A/B Testing

What is A/B Testing? A/B testing in UX design is a method of ...