35 Product List Articles

These articles are based on observations and test findings from our usability research on list items, sorting, and filtering.

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

3 Pitfalls to Avoid if Implementing “Quick Views”

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)

When & How to Implement Interactive Swatches on Mobile Product Listing Pages

Filter List Design: Have Filters for All Displayed List Item Info (38% Don’t)

3 Product Comparison UX Implementation Details for Designing User-Friendly ‘Compare’ Tools

Filters for Industries: Explain Industry-Specific Filters (91% 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)

Hover UX: Use Synchronized Hover Effects & Unified Hit-Areas (76% Don’t)

Product Listing UX: 3 Key Design Principles for Product Listing Information

Product Listing UX: What Information to Display in Product Listings (46% Get it Wrong)

Product List and Category Navigation: Highlight Items Already in the User’s Cart (96% Don’t)

Consider ‘Promoting’ Important Product Filters (80% 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

Product List Usability: Avoid ‘Quick View’ Overlays

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

Users’ Perception of Product Ratings (Qualitative & Quantitative Research Findings)

Most E-Commerce Sites Need ‘Price Per Unit’ (98% Get it Wrong)

E-Commerce Product List Usability: Report & Benchmark

Tip: head to the archive to see all 307 Baymard articles.