34 Product List Articles

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

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% Don’t)

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

Product Listing UX: Have Filters for All Displayed List Item Info (38% Don’t)

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

Product List UX: Explain Industry-Specific Filters (91% Don’t)

E-Commerce UX: Allow Users to Combine Multiple Filtering Values of the Same Type — an ‘OR’ logic (32% of Sites Don’t)

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

UX Research: 3 Key Design Principles for Product Listing Information

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

Product Listing UX: 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

Form Usability: 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

Filtering UI: 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 300 Baymard articles.