Navigation
Navigation
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 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
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