Playground
  • Introduction
  • Components

Fully connected

The provision of direct access from any location to every other, balancing navigational freedom against the cognitive cost of persistent global menus. Global navigation appears consistently across all pages — typically as a nav bar or/and a sidebar.

Behavioural position

Supports

  • Navigating — maximum efficiency for precise movement
  • Exploring — freedom to follow curiosity without constraint
  • Browsing — can move laterally across sections whilst scanning

Challenges

The presence of full global navigation everywhere is not without cost: it takes up space, clutters the screen, and incurs cognitive load.

Variants

  • Single-level: All navigation options at one level.
  • Multi-level: Top navigation with secondary menus, or sidebars revealing subsections. Consider a hybrid with a tree
  • Priority+: Shows most important items, hides rest behind “more” menu.

Related components

Complements

  • Breadcrumbs — supplements with location context
  • Navbar, sidebar, TODO: mega menus, tabs — implement this model

Resources & references

  • Tidwell, Brewer, Valencia (2020) Designing Interfaces, 3rd ed.

Related patterns

Complements

  • Command menu — keyboard-driven alternative for power users
  • Searching — alternative navigation path
  • Deep linking — enables direct access to any page
  • Hybrid patterns

Alternatives

  • Hub and spoke
  • Multilevel tree
  • Step by step
  • Pan and zoom

Related

  • Flat navigation
  • Intent & Interaction — maximum efficiency for precise movement