UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Interaction Responsive Motion

Navigation Landmarks and Current State

Users need to know where they are, where they can go, and what scope the current page belongs to.

navigationwayfindingstate

Design Principle

Navigation is not a pile of links; it continuously communicates structure and current location.

Principle Navigation is not a pile of links; it continuously communicates structure and current location.

Design action Top nav and sidebar should show current state; list filters, detail return links, and admin entries should share one information architecture.

Examples Positive example: Multi-page communities, knowledge bases, admin tools, and account areas. Counterexample: The current page has no active marker.

Apply when Multi-page communities, knowledge bases, admin tools, and account areas. Pages have secondary sections or filter scopes.

Source notes Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.

Agent Directive

Top nav and sidebar should show current state; list filters, detail return links, and admin entries should share one information architecture.

Apply When

  • Multi-page communities, knowledge bases, admin tools, and account areas.
  • Pages have secondary sections or filter scopes.

Avoid

  • The current page has no active marker.
  • Breadcrumbs, sidebars, and top nav contradict each other.

Knowledge Metadata

Category
Interaction Responsive Motion
Quality
82%
Version
v1
Published
6/6/2026