Page Designs

361 Mobile ‘Search Field’ Examples

with UX annotations by Baymard researchers

What’s this? Here you’ll find 361 “Mobile: Search Field” 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 testing we observe that the design of the search field itself directly alters if and how users search on an e-commerce site. The design of the search field often differs significantly on the mobile site, compared to the desktop site. On mobile sites the search field is often collapsed behind a search icon or located within the mobile ‘hamburger’ main menu, whereas on desktop the search field is typically directly visible in the page header.

User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter
See all 361 designs

User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter

Explore Other Research Content

300+ free UX articles based on large-scale research.

256 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.

Add UX Best Practice Cards to your Figma projects.

Your team doesn’t have access to this UX research

Your team is currently on a plan which doesn’t include access to the following industries:

  • B2B Electronic Components & Machinery
  • B2B Medical & Pharma
  • Digital Subscriptions & SaaS
  • Food Delivery & Takeout
  • Generic Business-to-Business (B2B)
  • Groceries
  • Internet Service Providers
  • Meal Kit Subscriptions
  • Telco
  • Travel Accommodations
  • Travel Tours & Experience Booking
  • Vitamins & Supplements

If you’d like access to research on these industries, then upgrade to the ‘Specialty’ plan.

On the ‘Specialty’ plan you will get access to the 20,000+ hours worth of UX research Baymard has conducted on the above industries.


Have any questions? Email us at support@baymard.com