Use the interactive UX benchmark chart below to see the ranked UX performance of 6 leading ‘Online Grocery’ e-commerce sites in the US and Europe. Each of the 6 Grocery sites has been manually rated across 410 different e-commerce UX elements, all based on Baymard’s 88,000+ hours of UX research.
This is a sub-set of the full benchmark which includes 185 e-commerce sites.
Click the colored dots to view in-depth case studies for each benchmarked site, or scroll down to see all case studies. You can also view the case study examples organized by type of page.
Overall UX Performance
410 Guidelines
Desktop Web
216 Guidelines
Homepage & Category Navigation
35 Guidelines
Homepage
7 Guidelines
Intermediary Category Pages & Taxonomy
9 Guidelines
Main Navigation
5 Guidelines
Recipe Pages
8 Guidelines
Site-Wide Layout
6 Guidelines
On-Site Search
25 Guidelines
Search Query Types & Logic
8 Guidelines
Search Autocomplete
8 Guidelines
Results Logic & Layout
9 Guidelines
Product Lists & Filtering
36 Guidelines
List Layout, Hit Areas, and Loading
10 Guidelines
List Items: Product Info & Thumbnails
11 Guidelines
Filtering: Available Filters and Sorting
6 Guidelines
Filtering: Logic & Layout
9 Guidelines
Product Page
28 Guidelines
Product Page Layout and 'Buy' Section
16 Guidelines
Product Description & Images
7 Guidelines
Cross-Sells & Cross-Navigation
5 Guidelines
Cart & Checkout
77 Guidelines
Shopping Cart & 'Added to Cart' Behavior
12 Guidelines
Account Selection & Customer Address Information
12 Guidelines
Shipping & Store Pickup
9 Guidelines
Form Fields & Layout
9 Guidelines
Payment Flow & Credit Card Form
13 Guidelines
Validation Errors, Field Design, & Autocompletion
13 Guidelines
Validation Errors & Data Persistence
7 Guidelines
Field Design & Default Values
6 Guidelines
Order Review & Confirmation
9 Guidelines
Customer Accounts
15 Guidelines
Account Drop-Down & Sign-In
6 Guidelines
Account Dashboard, Info, & Navigation
9 Guidelines
Mobile Web
194 Guidelines
Mobile Homepage & Category Navigation
19 Guidelines
Mobile Homepage
7 Guidelines
Mobile Intermediary Category Pages & Taxonomy
7 Guidelines
Mobile Main Navigation
5 Guidelines
Mobile On-Site Search
26 Guidelines
Mobile Search Query Types & Logic
10 Guidelines
Mobile Search Autocomplete
8 Guidelines
Mobile Results Logic Layout
8 Guidelines
Mobile Product Lists & Filtering
42 Guidelines
List Layout, Hit Areas, and Loading
15 Guidelines
List Items: Product Info & Thumbnails
13 Guidelines
Filtering: Available Filters and Sorting
5 Guidelines
Filtering: Logic & Layout
9 Guidelines
Mobile Product Page
29 Guidelines
Product Page Layout and 'Buy' Section
14 Guidelines
Product Description & Images
9 Guidelines
Cross-Sells & Cross-Navigation
6 Guidelines
Mobile Cart & Checkout
78 Guidelines
Mobile Shopping Cart & "Added to Cart" Behavior
12 Guidelines
Mobile Account Selection & Customer Address Information
12 Guidelines
Mobile Shipping & Store Pickup
9 Guidelines
Mobile Payment Flow & Credit Card Form
13 Guidelines
Mobile Order Review & Confirmation
9 Guidelines
Mobile Form Fields & Layout
9 Guidelines
Mobile Validation Errors, Field Design, & Autocompletion
14 Guidelines
Deep dive into the performance and page designs of the 6 case studies.
52 page designs: desktop, mobile
26 page designs: mobile, desktop
49 page designs: desktop, mobile
45 page designs: desktop, mobile
44 page designs: desktop, mobile
44 page designs: desktop, mobile
At Baymard Institute we have a whole research topic devoted to online shopping UX and usability, specifically for online Online Grocery sites.
View Research TopicSelect an option below to see a UX benchmark collection specific to your business, or see all 185 case studies.
Join 37,000+ UX professionals and get a new UX article every second week.
343 free UX articles based on large-scale research.
12,000+ annotated designs for systematic inspiration.
Code samples, demos, and key stats for usability.