Page Types Overview

Mobile Web: Search Field

66 design examples manually annotated by Baymard researchers

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

  • Desktop Examples: Besides the mobile examples below, we also have 170+ desktop examples of Search Field implementations.

  • Learn More: Besides exploring the 66 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 348 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 61,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)


Target (2020)

6 adhered 0 violated

Etsy (2020)

5 adhered 0 violated

Best Buy (2020)

4 adhered 0 violated

Foot Locker (2020)

4 adhered 1 violated

Argos (2020)

3 adhered 0 violated

Northern Tool (2020)

3 adhered 0 violated

Williams Sonoma (2020)

3 adhered 0 violated

Sears (2020)

3 adhered 0 violated

REI (2020)

3 adhered 0 violated

J.C. Penney (2020)

3 adhered 0 violated

Crutchfield (2020)

3 adhered 0 violated

Berlin Packaging (2020)

2 adhered 1 violated

Costco (2020)

2 adhered 0 violated

Tesco (2020)

2 adhered 0 violated

TigerDirect (2020)

2 adhered 0 violated

Musician's Friend (2020)

2 adhered 0 violated

Neiman Marcus (2020)

2 adhered 1 violated

Marks & Spencer (2020)

2 adhered 1 violated

W.W. Grainger, Inc. (2020)

2 adhered 1 violated

Rakuten (2020)

2 adhered 0 violated

Crate & Barrel (2020)

2 adhered 0 violated

Office Depot (2020)

2 adhered 0 violated

Cole-Parmer (2020)

1 adhered 1 violated

Arrow (2020)

1 adhered 2 violated

Ann Taylor (2020)

1 adhered 1 violated

HP (2020)

1 adhered 1 violated

Microsoft (2020)

1 adhered 1 violated

Bass Pro Shops (2020)

1 adhered 1 violated

GAP (2020)

1 adhered 1 violated

Gilt (2020)

1 adhered 1 violated

American Eagle Outfitters (2020)

1 adhered 1 violated

Hayneedle (2020)

1 adhered 1 violated

Newegg (2020)

1 adhered 1 violated

Disney Store (2020)

1 adhered 1 violated

John Lewis (2020)

1 adhered 1 violated

H&M (2020)

1 adhered 1 violated

ASOS (2020)

1 adhered 0 violated

Thermofischer (2020)

0 adhered 2 violated

Hitachi UK (2020)

0 adhered 3 violated

Hitachi UK (2020)

0 adhered 1 violated

Dell (2020)

0 adhered 0 violated

Victoria's Secret (2020)

0 adhered 2 violated

Urban Outfitters (2020)

0 adhered 2 violated

Lowe's (2020)

0 adhered 2 violated

Overstock (2020)

0 adhered 2 violated

IKEA (2019)

14 adhered 5 violated

Debenhams (2019)

11 adhered 8 violated

L.L. Bean (2019)

8 adhered 7 violated

Nordstrom (2019)

7 adhered 7 violated

Crutchfield (2019)

7 adhered 5 violated

Zalando (2019)

5 adhered 0 violated

Macy's (2019)

5 adhered 1 violated

Amazon (2019)

5 adhered 0 violated

Home Depot (2019)

5 adhered 0 violated

Wayfair (2019)

5 adhered 0 violated

Nike (2019)

5 adhered 2 violated

Walmart (2019)

5 adhered 0 violated

B&H Photo (2019)

5 adhered 1 violated

Staples (2019)

4 adhered 1 violated

Walgreens (2019)

4 adhered 0 violated

Build.com (2019)

4 adhered 1 violated

Adidas (2019)

3 adhered 2 violated

Sephora (2019)

3 adhered 1 violated

Apple (2019)

1 adhered 1 violated

Amazon (2019)

0 adhered 0 violated

Amazon (2019)

0 adhered 0 violated