These articles are based on observations and test findings from our usability research on mobile.
Mobile UX: Avoid Using Subpages within the Product Details Page (26% Don’t)
26% of sites use subpages for some mobile product page content — but this leads to a severe issue of users overlooking the content entirely. See our latest test findings on mobile product pages.
FeaturedBaymard Year In Review 2024
New Furniture & Home Decor UX Research: 3 High-Level Takeaways from 2,500 Hours of Testing
Top 1% E-Commerce UX Awards — 2024 WINNERS
E-Commerce Gifting UX: 4 Ways to Provide a Superior Gifting UI and Flow
10 UX Best Practices for E-Commerce Sales and Promotions
Mobile UX Trends: The Current State of Mobile UX (15 Common Pitfalls & Best Practices)
Our latest Mobile UX Benchmark consists of 138 leading e-commerce sites with 25,000+ Mobile Usability Scores and 14,000+ implementation examples. Here are 15 pitfalls.
FeaturedCheckout UX 2024: 11 Pitfalls and Best Practices
Always Provide 3 or More Product Thumbnails in Product Lists and Search Results
New Apparel & Accessories UX Research: 3 High-Level Takeaways from 1,765 Hours of Testing
Mobile App UX Trends: The Current State of Mobile App UX (10 Common Pitfalls & Best Practices)
Furniture & Home Decor UX: Always Provide a “Dimensions” Image
Always Use Thumbnails to Represent Additional Product Images (76% of Mobile Sites Don’t)
Product images are key in users’ decision-making. Why, then, are product page image thumbnails — ubiquitous on desktop — so rare on mobile? See our latest usability test findings on image gallery thumbnails:
FeaturedAlways Integrate Social Media Visuals on the Product Page for Relevant Products (67% of Sites Don’t)
Apparel & Accessories Sites: Always Provide an Aggregate “Fit” Subscore in the Reviews (33% Don’t)
2024 E-Commerce Product Finding: Expanded and Updated Research Findings
Deconstructing E-Commerce Search UX: The 8 Most Common Search Query Types (41% of Sites Have Issues)
Furniture & Home Decor: New UX Benchmark with 5,000+ Performance Scores and 5,400+ Best Practice Examples
6 Important Aspects of Well-Performing Mobile Product Page Breadcrumbs
Mobile users rely on breadcrumbs to understand where they are and navigate the site hierarchy — yet 36% of e-commerce sites don’t provide full category paths, while others make it difficult to find breadcrumbs.
FeaturedThe Current State of Product List UX: 44% of Sites Have Severe Issues (15 Best Practices)
Apparel & Accessories: New UX Benchmark with 5,500+ Performance Scores and 4,700+ Best Practice Examples
The Current State of Homepage and Category Navigation UX: 76% of Sites Have Mediocre-to-Poor Performance (12 Common Pitfalls)
Apparel and Accessories Sites: Prioritize Investment in Category Navigation and Curated Paths over Search
Digital Subscriptions & SaaS: New UX Benchmark with 2,300+ Performance Scores and 1,600+ Best Practice Examples
4 Design Patterns That Violate “Back” Button UX Expectations – 59% of Sites Get It Wrong
Our large-scale usability testing reveals that users expect the "Back" button to take them back to what they perceive to be their previous page, which often differs from site behavior.
FeaturedUse “Visual” Filters for Visually Distinct Product Attributes
Travel Accommodations: New UX Benchmark with 1,900+ Performance Scores and 1,500+ Best Practice Examples
Checkout Optimization: 5 Ways to Minimize Form Fields in Checkout
Food Delivery & Takeout: New UX Benchmark with 3,000+ Performance Scores and 2,000+ Best Practice Examples
The Current State of Accounts & Self-Service UX: 5 Common Pitfalls & Best Practices
Always Allow Users to Navigate across User Reviews via Reviewer-Submitted Images
Mobile UX Trends: The Current State of Mobile UX (15 Common Pitfalls & Best Practices)
Always Explain Industry-Specific Filters (62% Don’t)
Usability Testing of Inline Form Validation: 31% Don’t Have It, 4% Get It Wrong
Baymard: 2023 and 2024
Improve Validation Errors with Adaptive Messages (98% Don’t)
Top 1% E-Commerce UX Awards — 2023 WINNERS
Have an Address Validator (47% Don’t)
Consider Promoting Important Filters (61% Don’t)
Generalizability of UX E-Commerce Research
Payment Method UX: Designing Payment Selection
Make All Color Swatches Available in Mobile List Items for Visually Driven Product Types (57% Don’t)
Include All Order-Fulfillment Options in the Fulfillment-Selector Interface (50% Don’t)
New 2023 Mobile Apps UX Benchmark with 2,200+ Performance Scores and 2,200+ Best Practice Examples
Checkout Usability: Autodetect “City” and “State” Inputs Based on the User’s Postal Code (28% of Mobile Sites Don’t)
Provide a “Fully Automatic Address Lookup” Feature (55% Don’t)
New 2023 Mobile Customer Accounts UX Benchmark with 1,600+ Performance Scores and 1,100+ Best Practice Examples
Consider Providing “Intermediary Category Pages” (13% Don’t)
Make Product Categories the Top-Level Navigation Items on Mobile Sites (33% Don’t)
Use “Shipping Address” as “Billing Address” by Default (16% of Mobile Sites Have Implementation Issues)
Have a “View All” Option in the Main Navigation at Each Level of the Mobile Product Catalog (Only 24% Get It Right)
Mobile Apps: New UX Benchmark with Over 3,700 Performance Scores and 2,800+ Best Practice Examples
Provide “Quick Views” for Visually Driven Products (50% Don’t)
9 UX Best Practice Design Patterns for Autocomplete Suggestions (Only 19% Get Everything Right)
Make It Clear Where Hit Areas in Visual Elements Lead: 33% of Sites Don’t
3 High-Level UX Takeaways from 1100+ Hours of Testing Leading Food Delivery and Takeout Sites
Online Grocery UX: 5 High-Level UX Takeaways from 1,100 Hours of Testing Leading Grocery Websites
Combine Variations of Products into One List Item (12% Don’t)
Offer Relevant Autocomplete Suggestions for Closely Misspelled Search Terms and Queries (69% Don’t)
Always Provide the Full Scope for Links on Mobile Homepages (58% Don’t)
17 Common UX Pitfalls Telco Websites Suffer From
12 Common UX Pitfalls ‘Online Grocery’ E-Commerce Sites Suffer From
The Current State of Homepage UX – 8 Common Pitfalls & Best Practices
New UX Research Study on Native Mobile Apps (incl. app usage rates)
Always Provide a Submit Button Adjacent to the Search Field on Mobile (21% 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)
6 List Item Attributes to Include for Cross-Sell Recommendations (68% of Desktop Sites Are Missing One or More)
10% of E-Commerce Sites Have Product Descriptions That Are Insufficient for Users’ Needs
Always Persist Users’ Search Queries (37% Don’t)
Always Use “Buttons” for Size Selection (28% of Desktop Sites Don’t)
Understanding Mobile E-Commerce UX: 5 Overarching Issues
Provide Images of Accessory, Apparel, and Cosmetic Products on a Human Model
Return Users to the Same Place in the Product List When Returning from the Product Page (13% Don’t)
Mobile UX: Avoid Using Subpages within the Product Details Page (26% Don’t)
Always Use Thumbnails to Represent Additional Product Images (76% of Mobile Sites Don’t)
Display “Applied Filters” in an Overview (32% Aren’t Using the Best UX Practices for Filtering)
6 Important Aspects of Well-Performing Mobile Product Page Breadcrumbs
Inspirational Images Should Link to All Depicted Products (9% of Sites Don’t)
Baymard Update: 117 New ‘Mobile UX’ Guidelines and 9,000+ Mobile Examples Uncovered During 2020
5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5)
Allow Users to Upload Images with Their Review (34% of Sites Don’t)
4 Design Patterns That Violate “Back” Button UX Expectations – 59% of Sites Get It Wrong
5 ‘Credit Card Form’ Implementations That Make ‘L.L. Bean’ Best-in-Class
Highlight the User’s Current Scope in the Main Navigation (66% of Sites Don’t)
25% of E-Commerce Sites Don’t Have Product Images with Sufficient Resolution or Level of Zoom
Search UX: Autodirect or Guide Users to Matching Category Scopes (46% Get It Wrong)
Product List UX: The Number of Products to Load by Default (52% Get it Wrong)
Footer Links Should be Divided into Distinct Semantic Sections (13% of Sites Don’t Use These Footer Best Practices)
These Three (Popular) Approaches to Implementing ‘Live Chat’ are Often Highly Disruptive for Users
Filter List Design: Have Filters for All Displayed List Item Info (38% Don’t)
Mobile E-Commerce UX: Deemphasize ‘Install App’ Ads or Avoid Them Entirely
Mobile Web: Scale Product Images Proportionally in Mobile Landscape Mode (52% of Sites Don’t)
3 Strategies for Handling Accidental ‘Taps’ on Touch Devices
UX Research: 7 Reasons B&H Photo’s Mobile Site is Best-in-Class
42% of Mobile Homepages Risk Setting Wrong Expectations for Their Users
Mobile Usability: Allow Users to ‘Search Within’ Their Current Category (94% Don’t)
Mobile Gestures: 40% of Sites Don’t Support Pinch or Tap Gestures for Product Images
‘Touch Keyboard’ Implementations Have Improved Just 9% Since 2013 (60% Still Get it Wrong)
The State of Mobile Checkout & Form Usability
The State of Mobile E-Commerce Search and Category Navigation
6 Mobile Checkout Usability Considerations
Mobile Commerce Spending Patterns (2013 Survey Results)
Mobile Form Usability: Never Use Inline Labels
Mobile Product Lists Need Very Distinct Hit Areas
How Should Your Mobile and Desktop Sites Differ?
Drop-Down Mobile UX: Never Use Native Drop-Downs for Navigation
Mobile Product Pages: Always Offer a List of Compatible Products
Field Label UX: Place Labels Above the Field
M-Commerce Usability: Exploring the Mobile Shopping Experience
Mobile Form Usability: Avoid Splitting Single Input Entities
8 Limitations When Designing For Mobile
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.