Designing Mobile Search: User Intent, Placement, Interaction, and Result Presentation

Search is a common feature in many mobile applications, especially e‑commerce, engine, and content‑feed apps, and often drives the majority of user actions; design thinking starts with "what does the user want?" while adapting to the limited screen space of mobile devices.

Why search – behavior considerations

Users have three main search goals: (1) precise search to quickly find a known target; (2) efficiency‑oriented search that narrows scope or filters content; (3) exploratory search that inspires the user, often supported by hot keywords, categories, and history.

Before search – placement of the search function

1. Search icon: placed in the navigation bar or elsewhere, usually on the right; consider folding when multiple buttons exist.

2. Search bar: embedded directly in the navigation bar or below it, possibly with voice, camera, and clear buttons.

3. Search as a tab: positioned among other tabs according to importance.

4. Dedicated search page or home‑page P0 feature: a larger area on the main page for the search bar, defined by user scenarios.

During search – transformation of the search box

1. Search bar form: short placeholder text, optional cancel, delete, voice, or camera actions; may appear alongside other buttons.

2. Icon‑triggered search: clicking the icon expands to a search box or navigates to a dedicated page.

3. Associated content displayed with the search field:

Suggestion list of related terms.

Scope bar or category tabs indicating supported content.

Search history.

Hot searches.

Personalized recommendations based on user habits.

Curated content.

Promotional or advertising items.

Combinations of the above (see illustration).

After search – result presentation

When a search is submitted, results can be shown in two ways: (1) inline on the current page, usually as a simple list with possible secondary titles or buttons; (2) on a new page, allowing richer layouts such as grids, mixed media, and layered information hierarchy.

If no results are found, designers should avoid a dead‑end message and instead offer actions such as refining the query, showing similar or popular items, or providing related content to keep the user engaged.

Additional compensation strategies include offering filters, categories, or guided searches to help users narrow results, as demonstrated by stock‑search in Tonghuashun or Zhihu’s progressive search.

Conclusion

By viewing search through a temporal lens—why, before, during, and after—we can summarize common patterns while recognizing that each business context demands tailored solutions; designers should continuously question assumptions such as whether tapping the search field must always summon the keyboard.