The user taps the search icon in the toolbar to transform it into a focused search bar. As the user types, historical search suggestions can appear beneath the bar. Pressing 'Return' upon entering a query or choosing a suggestion submits the search. When displaying results, the search text field remains visible but not in focus. Tapping the 'Up arrow' releases focus, dismisses suggestions and the on-screen keyboard, and restores the toolbar's original state.

Expandable Search Interaction Flow

Use expandable search when search is not the primary focus of your app. Expandable search displays a search icon in the toolbar, instead of an open search text box.

Arizona State University

University of Michigan - Ann Arbor

Google

Search allows users to quickly locate content across an app. Basic search enables users to input a query into a search text field to view related results.

Search query input methods can be extended to include historical suggestions, auto-completion of queries, and voice input.

Usage

In user interface design, persistent search is utilized when search is the primary focus of an application. The search text field is presented inside of a search bar, remaining continuously visible and ready to receive focus.

Learn Before

Related

Learn After