Page Designs

206 Mobile ‘Search Autocomplete’ Examples

with UX annotations by Baymard researchers

What’s this? Here you’ll find 206 “Mobile: Search Autocomplete” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 93 e-commerce sites. (Note: this is less than 1% of the full research catalog.)

In usability testing we observe that the search autocomplete guides users on what to search for. This makes the autocomplete logic critical as it actively will alter what users end up searching for. In practice we observe several autocompletes that end up doing more harm than good, as they mislead users into performing futile searches. The mobile autocomplete is particular difficult to get right as the user interface suffers from an already small screen on mobile, combined with the user’s touch keyboard being shown at the same time (taking almost 50% of the screen).

More ‘Search Autocomplete’ Insights


User Experience Research, Delivered Twice a Month

Join 37,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

User Experience Research, Delivered Twice a Month

Join 37,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

Explore Other Research Content

330 free UX articles based on large-scale research.

177 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.