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)
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.
FeaturedAlways Provide 3 or More Product Thumbnails in Product Lists and Search Results
Mobile App UX Trends: The Current State of Mobile App UX (10 Common Pitfalls & Best Practices)
Furniture & Home Decor UX: Always Include Contents and Quantities in the List Item for Sets and Bundles
2024 E-Commerce Product Finding: Expanded and Updated Research Findings
The Current State of Product List UX: 44% of Sites Have Severe Issues (15 Best Practices)
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
FeaturedUse “Visual” Filters for Visually Distinct Product Attributes
If Providing Sidebar Filtering, Position the “Size” Filter near the Top and Expand It by Default
Mobile UX Trends: The Current State of Mobile UX (15 Common Pitfalls & Best Practices)
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings
B2B 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)
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)
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 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
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
251 top sites ranked by UX performance.
18,000+ annotated designs for systematic inspiration.
Code samples, demos, and key stats for usability.
Add UX Best Practice Cards to your Figma projects.