Persistent search field receiving focus, loading results, and returning to an unfocused state

Persistent Search Field Receiving Focus

Persistent Search Bar Without Focus

Persistent search bar in focus, with cards of suggested queries below

Persistent Search Bar in Focus

When in focus, the search experience expands to fill the entire screen. 
- Optionally, historical search suggestions can be displayed below the text field.
- A user can type a query or select from a suggestion (if available)
- Search results are displayed below the search bar
- To release focus from the search box and dismiss search suggestions, the user taps the 'Up arrow.'

Arizona State University

University of Michigan - Ann Arbor

Use persistent search when search is the primary focus of your app. The search text field is presented inside of a search bar, ready to receive focus.

Learn Before

Related

Learn After