Page Types Overview

Search Field

46 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 46 annotated “Search Field” design examples from Baymard’s UX benchmark of 60 major 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.

More ‘Search Field’ Insights

  • Besides these mobile Search Fields we’ve also benchmarked the desktop versions; see the 60 desktop search field examples.
  • The research team is currently conducting a new large-scale mobile usability study that focuses on the mobile homepage, navigation, search, product lists, and product pages. Note that we do observe the current mobile guidelines and underlying user behavior still applies, despite some of the screenshots looking dated. The new mobile study is expected to be ready at the very end of 2018.

Learn More: Besides exploring the 46 mobile “Search Field” design examples below, you may also want to read our related article “Allow Mobile Users to ‘Search Within’ Their Current Category - 94% Don’t”.

Get Full Access: To see all of Baymard’s 144 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 32,000 hours of UX research findings, 640+ e-commerce UX guidelines, and 50,000+ UX performance scores.)


TigerDirect (2015)

4 adhered 4 violated

Ann Taylor (2015)

3 adhered 6 violated

Nike (2015)

3 adhered 0 violated

Victoria’s Secret (2015)

3 adhered 3 violated

Walgreens (2015)

3 adhered 2 violated

Toys'R'Us (2015)

3 adhered 5 violated

Musician's Friend (2015)

2 adhered 3 violated

Hayneedle (2015)

2 adhered 2 violated

Dell (2015)

2 adhered 4 violated

Staples (2015)

2 adhered 4 violated

Northern Tool (2015)

2 adhered 2 violated

Cabela's (2015)

2 adhered 3 violated

Diapers (2015)

2 adhered 1 violated

Sephora (2015)

2 adhered 3 violated

Macy's (2015)

2 adhered 3 violated

Sears (2015)

2 adhered 0 violated

Kohl's (2015)

2 adhered 3 violated

HP (2015)

1 adhered 4 violated

Urban Outfitters (2015)

1 adhered 1 violated

American Eagle Outfitters (2015)

1 adhered 0 violated

J.C. Penney (2015)

1 adhered 2 violated

Gap (2015)

1 adhered 0 violated

L.L. Bean (2015)

1 adhered 2 violated

Rakuten (2015)

1 adhered 5 violated

Newegg (2015)

1 adhered 0 violated

Nordstrom (2015)

1 adhered 0 violated

B&H Photo (2015)

0 adhered 1 violated

Barnes & Noble (2015)

0 adhered 4 violated

Disney Store (2015)

0 adhered 4 violated

Crutchfield (2015)

0 adhered 2 violated

Foot Locker (2015)

0 adhered 0 violated

Gilt (2015)

0 adhered 2 violated

Walmart (2015)

0 adhered 1 violated

REI (2015)

0 adhered 2 violated

REI (2015)

0 adhered 0 violated

Best Buy (2015)

0 adhered 1 violated

Amazon (2014)

5 adhered 1 violated

Lowe's (2014)

2 adhered 1 violated

Target (2014)

2 adhered 1 violated

Wayfair (2014)

2 adhered 0 violated

Grainger (2014)

1 adhered 2 violated

Build.com (2014)

1 adhered 3 violated

Office Depot (2014)

1 adhered 0 violated

Crate & Barrel (2014)

1 adhered 3 violated

Home Depot (2014)

0 adhered 1 violated

Overstock (2014)

0 adhered 2 violated