These articles are based on observations and test findings from our usability research on list items, sorting, and filtering.
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.
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)
Consider 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)
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
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)
Display “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)
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.
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.