42 Product List UX Articles

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)

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)

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)

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