Page Types Overview

Filtering Options

45 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 45 annotated “Filtering Options” design examples from Baymard’s UX benchmark of 60 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)

The filtering design within the mobile product listing page is typically a view that has a completely different design and logic than the desktop-filtering design does. Mainly, mobile product filtering values and even the filter types will typically need to be hidden behind a tool. During our mobile testing we observed that this makes mobile filters very prone to being overlooked completely, but also that the process of applying multiple filtering values quickly becomes needlessly difficult (compared to desktop).

More ‘Filtering Options’ Insights

  • Besides these mobile Filtering Options we’ve also benchmarked the desktop versions; see the 50 desktop Product Listings page 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 45 mobile “Filtering” design examples below, you may also want to read our related article “The State of Mobile E-Commerce Search and Category Navigation”.

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.)


B&H Photo (2015)

5 adhered 0 violated

Walgreens (2015)

5 adhered 0 violated

Toys'R'Us (2015)

5 adhered 0 violated

Sears (2015)

5 adhered 2 violated

Nike (2015)

4 adhered 2 violated

Victoria’s Secret (2015)

4 adhered 0 violated

Northern Tool (2015)

4 adhered 0 violated

Crutchfield (2015)

4 adhered 0 violated

J.C. Penney (2015)

4 adhered 1 violated

Walmart (2015)

4 adhered 1 violated

Best Buy (2015)

4 adhered 2 violated

Costco (2015)

3 adhered 1 violated

Musician's Friend (2015)

3 adhered 0 violated

Hayneedle (2015)

3 adhered 1 violated

Dell (2015)

3 adhered 1 violated

Staples (2015)

3 adhered 0 violated

Bass Pro Shops (2015)

3 adhered 0 violated

Foot Locker (2015)

3 adhered 1 violated

Gilt (2015)

3 adhered 2 violated

Sephora (2015)

3 adhered 1 violated

Amazon (2015)

3 adhered 3 violated

American Eagle Outfitters (2015)

3 adhered 2 violated

Gap (2015)

3 adhered 1 violated

L.L. Bean (2015)

3 adhered 1 violated

Macy's (2015)

3 adhered 1 violated

REI (2015)

3 adhered 1 violated

Newegg (2015)

3 adhered 2 violated

Nordstrom (2015)

3 adhered 1 violated

Barnes & Noble (2015)

2 adhered 3 violated

TigerDirect (2015)

2 adhered 2 violated

Disney Store (2015)

2 adhered 3 violated

Diapers (2015)

2 adhered 4 violated

Kohl's (2015)

2 adhered 2 violated

Ann Taylor (2015)

1 adhered 3 violated

Urban Outfitters (2015)

1 adhered 1 violated

Cabela's (2015)

1 adhered 2 violated

Rakuten (2015)

1 adhered 4 violated

Vitacost (2015)

0 adhered 2 violated

Etsy (2015)

0 adhered 4 violated

Wayfair (2014)

5 adhered 0 violated

Grainger (2014)

4 adhered 0 violated

Lowe's (2014)

4 adhered 0 violated

Build.com (2014)

3 adhered 2 violated

Office Depot (2014)

3 adhered 2 violated

Home Depot (2014)

1 adhered 0 violated