These articles are based on observations and test findings from our usability research on list items, sorting, and filtering.
Product List UX: The Number of Products to Load by Default (52% Get it Wrong)
Our testing reveals that the ideal amount of products to load by default (in a product list) varies by more than a factor 10 depending on the type of products displayed, and whether the user is mobile or desktop. See our test findings here.
FeaturedB2B Electronics: Always Allow Users to Search Long Lists of Filter Options
B2B Electronics: Use “Product Tables” to Display Product Listings on Desktop
Apparel E-Commerce: Visually Group and Clearly Label Size Filter Options
Always Explain Industry-Specific Filters (62% Don’t)
Always Allow Users to Combine Multiple Filtering Values of the Same Type — an ‘OR’ Logic (15% of Sites Don’t)
Display "Applied Filters" in an Overview (32% Aren’t Using the Best UX Practices for Filtering)
Our large-scale usability testing reveals that overviews of applied filters speed up product finding and help orient users, but 32% of sites don't provide them
FeaturedConsider Promoting Important Filters (61% Don’t)
Always Show the Number of User Ratings in List Items (5% Don’t)
2 Key Design Principles for Product Listing Information (64% Get at Least 1 Wrong)
Make All Color Swatches Available in Mobile List Items for Visually Driven Product Types (57% Don’t)
Avoid “Quick Views” for Spec-Driven Product Types (21% Don’t)
Combine Variations of Products into One List Item (12% Don't)
Displaying product variations as separate list items in product lists can negatively impact product finding, yet 12% of sites do so. Read our latest research on product lists.
FeaturedDisplay “Price Per Unit” For Multiquantity Items (86% Don’t)
Product Listing UX: What Information to Display in Product Listings (50% Get It Wrong)
The Current State of E-Commerce Product List UX Performance (15 Best Practices)
New 2023 Product Lists & Filtering UX Benchmark with 6,100+ Performance Scores and 4,400+ Best Practice Examples
4 Ways to Optimize the Comparison Feature for Scanning
Product Comparison UX: Always Provide Comparison Features for Spec-Driven Industries (17% Don’t)
Provide “Quick Views” for Visually Driven Products (50% Don’t)
Direct-to-Consumer UX Benchmark: 5 Common DTC Pitfalls
The Optimal Layout for Hotel & Property Rental Search Results & 3 Pitfalls to Avoid
250+ New Examples Added from Large-Scale Testing on European Sites
Combine Variations of Products into One List Item (12% Don’t)
Always Sort Product Lists by Diversity-Based “Relevance” (24% Don’t)
Allow Sorting by “Price”, “User Rating”, “Best-Selling”, and “Newest” (64% Don’t Allow All 4)
Return Users to the Same Place in the Product List When Returning from the Product Page (13% Don’t)
Display “Applied Filters” in an Overview (32% Aren’t Using the Best UX Practices for Filtering)
Inspirational Images Should Link to All Depicted Products (9% of Sites Don’t)
5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5)
4 Design Patterns That Violate “Back” Button UX Expectations – 59% of Sites Get It Wrong
Product Lists: Display Extra Product Info and Images on Hover (70% of Sites Don’t)
Product List UX: The Number of Products to Load by Default (52% Get it Wrong)
Filter List Design: Have Filters for All Displayed List Item Info (38% Don’t)
Hover UX: Use Synchronized Hover Effects & Unified Hit-Areas (76% Don’t)
Product List and Category Navigation: Highlight Items Already in the User’s Cart (96% Don’t)
External Article: Testing Pagination Against Infinite Scrolling and ‘Load More’ Buttons
6 Use Cases for Compatibility Databases on E-Commerce Sites
Improve Form Slider UX With These 5 Requirements for Slider Interfaces
7 Filtering Implementations That Make Macy’s Best-in-Class
Don’t Base ‘Customer Ratings’ Sorting on Averages Only
Contextual List Item Information – A New E-Commerce Personalization Technique
Filter UI Design: A Horizontal Toolbar Can Outperform the Traditional Sidebar
External Article: The Current State of E-Commerce Filtering
Category-Specific Sorting: A New Way to Sort Products
E-Commerce Product List Usability: Report & Benchmark
244 top sites ranked by UX performance.
14,000+ annotated designs for systematic inspiration.
Code samples, demos, and key stats for usability.