Navigation patterns
3 patterns in this category.
Command Palette
A palette that arrives as a modal over the page discards the one piece of context people had — where the search box was, and what it was part of.
NavigationProductivitySearchDashboard- Keyboard
- Touch
- Responsive
- Reduced motion
Mega Nav
Separate dropdowns per section make each one feel like a different place, so browsing across a product's navigation hides the fact that the sections are siblings.
NavigationProductivityDashboardOnboarding- Keyboard
- Touch
- Reduced motion
Inline Search
Search needs room to type and the browse filters are already using it, so one has to give — and sending search to its own screen takes the filters away with it.
NavigationSearchCommerceMedia- Keyboard
- Touch
- Responsive
- Reduced motion