domains / families / design / navigation-patterns

navigation-patterns

separate

Select and design a navigation pattern — tabs, drawer, hierarchy, or hub — matched to product structure and user tasks. Use when choosing how users move between sections. For the underlying content structure, use `information-architecture` (ux-strategy).

When to use

• Selecting navigation patterns
• Designing global navigation
• Designing local navigation
• Designing utility navigation
• Designing contextual navigation
• Choosing between tabs, drawer, hierarchy, or hub
• Defining active states
• Validating navigation labels

When not to use

• Underlying content structure
• Information architecture strategy

Skill page

Source