Search patterns
3 patterns built for search interfaces.
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
Mode Switcher
A field that behaves differently depending on a mode set somewhere else lets people type the wrong kind of thing, because nothing in the field said which kind it wanted.
InputAIProductivitySearch- Keyboard
- Touch
- Responsive
- 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