Page Types Overview

Search Field

60 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 60 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

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

  • Learn More: Besides exploring the 60 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 297 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 54,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

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

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

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