D1.02.3Breadcrumb traildesignresearch

Marking only the leaf loses the path in a multilayer structure

Aliases: ancestor context · hierarchical navigation · navigation path

What it is

A breadcrumb trail presents the current location and its ancestors in order. In a multilayer structure, a label for the leaf alone rarely removes ambiguity: “Settings,” “Overview,” and “Records” may belong to different accounts, projects, or product areas. The path is not a decorative title. It supplies ancestor context, allowing people to determine which instance they are viewing and where an upward move will lead.

Why it happens

Meaning in a tree comes from both a node and its relationships. A leaf label identifies the node; its ancestors establish scope, permissions, task origin, and a return route. Deep links, search results, and cross-space switches often land people directly on a leaf, so a previous traversal cannot be assumed. When ancestors disappear, people infer scope from content details and can modify, delete, or share within the wrong container without noticing that like-named objects sit on other branches.

Studying it

Bring participants to deep pages from notifications, search, and history. Compare leaf-only labels with complete or expandable ancestor paths, measuring judgments of project membership, parent collection, return destination, and sibling location. Control duplicated labels, hierarchy depth, and task consequence; unique names can conceal the benefit. Errors include more than getting lost: wrong claims about containment, creating an object in the wrong scope, and sharing the wrong object all indicate missing ancestor context.

Where it stops holding

Not every layer merits equal visual weight. A complete deep path can consume small-screen space or disclose sensitive organization, client, or folder names. Intermediate levels may collapse and expand on demand, but they should not silently vanish. Tags, query results, and timelines are not trees with a unique parent; a fabricated breadcrumb wrongly implies one. Show query conditions, source, or collection relation instead.

Applying it

  • Preserve a visible ancestor chain on pages reachable by deep link, containing duplicate names, or affecting container permissions.
  • On narrow screens retain the current node and one meaningful parent, with the remaining path expandable, copyable, or navigable.
  • Make each displayed level a comprehensible scope, not merely tiny clickable text; explain inaccessible ancestors rather than creating dead links.
  • Test “where does this belong?”, “what will the parent show?”, and “how do you distinguish the namesakes?” from search and shared-link entry.

Related

  • Within the group: D1.02.1 Persistent current location · D1.02.2 Navigation isomorphism
  • Adjacent: D1.16 Verifiability of results · D1.10 Feedback location
  • Search terms: breadcrumb trail · ancestor context · hierarchical navigation

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/D1.02.3