Professional Documents
Culture Documents
5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
Navigation
Free UX Research Articles 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5)
ARTICLES
It’s crucial for product finding that users can filter e-commerce
product lists according to their purchasing preferences.
Yet only 43% of our benchmark sites offer all of the key filter types.
Sites that don’t are at a disadvantage, and their users may be unable to
filter product lists to contain only suitable items.
In this article we’ll discuss the test findings from our large-scale UX
testing related to the 5 filter types that should be available on most
sites:
1. Price
3. Color
4. Size
https://baymard.com/blog/5-essential-filters 1/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
5. Brand
The absence of a Price filter on Victoria’s Secret In common with 88% of sites, users on Home
means that users who are focused on price will be Depot can filter products by price.
unable to reduce the list to contain only items within
their budgets.
The high usage rate during testing, combined with the wide
availability of price filters across benchmark sites (88% have them),
means users have come to expect price filters will always be available
— and are confused and disoriented when they aren’t.
Given its importance to users, all sites should offer Price filters (with
the possible exception of some B2B or niche sites where price is not
the most significant factor for users).
https://baymard.com/blog/5-essential-filters 2/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
“I can’t seem to find an option to filter by rating.” This Users are unable to filter by user rating averages
user on Newegg was disappointed to be unable to on Nordstrom, even though user rating averages
filter a list of portable speakers by user ratings are shown in list item info. When users can see
average. user ratings in list item info, they could well
wonder why they can’t filter by that attribute.
Our most recent quantitative study looked into users’ reasons for purchasing online and showed that 45%
considered user reviews a key factor.
https://baymard.com/blog/5-essential-filters 3/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
On Amazon, there is no way to isolate 5-star The “Customer Rating” filters on Musician’s Friend
ratings on their own, as the top filter option will allow users to narrow the product list to just the
include averages between 4 and 5. If users want products with an average rating of 5 stars ( “5 Only”),
to assess products with 5-star ratings only, they’ll allowing users to filter the list to contain only the top-
have to browse through a list that also contains rated items. Note also how the filter options include
items with rating averages below 5. Also, the user “& up”, allowing users to see products with ratings
rating filters don’t show the number of matches for from the chosen option to the maximum rating. On a
each option, so users can’t predict the impact each site where there are over 1,000 products with 5-star
will have on the product list. ratings averages, users will still have plenty of choice
if they choose this filter option.
For example, during testing a user was buying a toy for a child, and
was unfamiliar with which toys were popular with the target age
range. The user filtered by ratings to seek the “wisdom of the crowd”
and isolate products that had been rated 4 or 5 stars.
Unless they can filter out low-rated items, users will need to scan
many list items to assess individual product ratings, provided of
course that user ratings are shown in list item info.
“Now I’m curious about other colors…I did not necessarily see ‘color’ [in the filter types]”. This user wanted to
filter chairs by color on Walmart, and was disappointed that the filter type was absent. Color is an important
variation and, if users can’t filter by color, many of the items in a product list could be unsuitable.
https://baymard.com/blog/5-essential-filters 4/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
Color is an attribute common to many industries from home & hardware (e.g., “Color/Finish Family” on Home
Depot, first image) to apparel (e.g., “Color” on LL Bean, second image). Allowing users to filter by color enables
them to limit the product list to items that match their individual tastes.
For example, users might always tend to buy blue jeans, but never
black; or would never consider any color for kitchen appliances other
than stainless steel.
Without a Color filter type, getting a product list that contains only
those colors a user is truly interested in purchasing would be
impossible, and product lists would be cluttered with items in
unwanted colors.
Yet 10% of sites in our benchmark that should have Color filters don’t
provide them. As the vast majority of sites provide Color filters, users
therefore will expect to find Color filters on all sites where it’s a
relevant filter type, and their absence could prompt users to look
elsewhere.
https://baymard.com/blog/5-essential-filters 5/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
This user looking for running shoes on Target selected a “Size” filter option even before she filtered by price.
Size is a critical filter — unless users find a suitable size, regardless of the product type, they simply won’t
proceed.
“Size” is a variant common across many industries, such as apparel (e.g., Nordstrom’s “Size”, first image), home
& hardware (e.g., Northern Tool’s “Height”, second image), and mass merchant (e.g., Target’s “Wheel Size”,
third image).
Being able to filter by size is essential so that users can quickly exclude
products that are completely unsuitable and instead focus on variants
that match their preferences.
“That’s nice that they show their brands, because I “I’m sticking with JBL.” Brand filters on B&H Photo
know some brands are only at Macy’s and some helped this user to quickly narrow the product list of
https://baymard.com/blog/5-essential-filters 6/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
are not there, so it’s nice that they list that out if wireless speakers to a brand he liked.
you’re looking for a specific one.” Brand filters are
of great help in product lists, like Macy’s
“Moisturizers” list, where many users will have their
own favorite brands.
Testing revealed that users sought out well-known brand names when
looking for products that they hadn’t prior experience of, such as
“JBL” when looking for portable speakers.
Likewise, users on cosmetics sites sought out brands that they had
tried before and found to be highly suitable for their individual needs,
such as “Clinique” and “Shiseido” when browsing lists of face
moisturizers.
To facilitate the large subset of users who are brand focused, Brand
filters should be provided.
Brand filters are not needed on Under Armor, as On Nike, however, the site has strong sub-brands, such
the site does not carry multiple brands. as “Jordan” and “Nike Pro”, and a brand filter is helpful
for users who want to view only one of these lines.
https://baymard.com/blog/5-essential-filters 7/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
— will allow the vast majority of users to filter product lists to contain
mainly items of interest.
User testing and quantitative research have revealed that users will
frequently apply options from these filter types regardless of the
product type.
Of course, sites will also need to provide other filter types suited to
specific categories. These category-specific filter types would include,
for example, Temperature Rating for bedding, coats, and sleeping
bags; Compatibility for electronic accessories; and Age Suitability for
toys and DVDs, to name a few.
While there are other considerations to take into account for filters
that make product finding quicker and more efficient, providing the 5
essential filter types is the first step to ensuring users can more
quickly find suitable products to purchase.
https://baymard.com/blog/5-essential-filters 8/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
This article presents the research findings from just 1 of the 650+ UX
guidelines in Baymard Premium – get full access to learn how to create
a “State of the Art” e-commerce user experience.
Authored by Mark Crowley on August 18, 2020 Share:
If you have any comments on this article you can leave them on LinkedIn
Related Articles
Filter List Design: Have Filters for All Displayed List Item Info (38% Don’t)
E-Commerce Filter UX: Allow Users to Combine Multiple Filtering Values of the Same Type — an ‘OR’ logic (32% of
Sites Don’t)
Popular
Display “Applied Filters” in an Overview (32% Aren’t Using the Best UX Practices for Filtering)
Popular
Free UX Research
Articles Benchmarks
365 free articles covering 5% of Baymard’s large-scale e- Case studies of 214 top e-commerce sites. Ranked using 215,000+
commerce UX research findings. UX performance scores.
https://baymard.com/blog/5-essential-filters 9/10
31/10/23, 10:15 π.μ. 5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5) – Articles – Baymard Institute
Use Cases
INDUSTRY :
Furniture & Home Decor Automotive Parts & Specialty Travel Tours & Experience Booking
THEME :
UX Certification
https://baymard.com/blog/5-essential-filters 10/10