Skip to content

STD-UX-002: Standard Navigation Patterns

1. Context

When designing complex applications, choosing the right navigation architecture is critical. This standard documents industry-standard patterns, their trade-offs, and recommended use cases for Singular Dream applications.

2. Patterms

Pattern A: Top Global + Left Context (Preferred for Platform)

"The Separation of Axes"

  • Description: Global Navigation (App Switcher, User, Search) lives in a permanent Top Header. The Left Sidebar is dedicated 100% to the current module's context (e.g., Finance Ledger).
  • Pros:
  • Maximizes Horizontal Width (Critical for Data Grids).
  • Zero Layout Collision (X and Y axes are separate).
  • Low Cognitive Load ("Up is Global, Left is Local").
  • Cons:
  • Permanent Vertical Height cost (Header).
  • Best For: Complex, data-heavy enterprise tools (Finance, IDEs) where the "Workstation" needs deep navigation.

Pattern B: Double Sidebar / Rail

"The Communication Strip"

  • Description: A fixed icon rail on the far left (Switch Apps), adjacent to a collapsible context drawer.
  • Pros:
  • Very high density.
  • Fastest switching between contexts.
  • Cons:
  • Consumes massive horizontal space (300px+).
  • Layout Complexity (Z-Index fighting, collision bugs).
  • Best For: Chat apps (Slack, Discord) where multiple contexts must be monitored simultaneously.

Pattern C: Context Switcher (OS Style)

"The Single Focus"

  • Description: A single sidebar that changes content entirely based on state.
  • Pros:
  • Cleanest aesthetic.
  • Cons:
  • High friction (Requires "Back" clicks to switch domains).
  • Best For: Document-based tools (Notion) or Operating System shells.

3. Decision Matrix (Reference)

Application Type Recommended Pattern Why?
Platform / Finance Pattern A (Top Global) Ledgers need width; Rails cause overlap.
Marketing / Site Pattern A (Simple Top) Standard web expectation.
Ops Dashboard Pattern B (Rail) Monitoring multiple streams implies rapid switching.

Version History

Version Date Author Change
0.1.0 2026-01-26 Antigravity Initial Audit & Metadata Injection