Use the interactive UX benchmark chart below to see the ranked UX performance of 5 leading ‘Online Grocery’ e-commerce sites in the US and Europe. Each of the 5 Grocery sites has been manually rated across 414 different e-commerce UX elements, all based on Baymard’s 78,000+ hours of UX research.
This is a sub-set of the full benchmark which includes 141 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
414 Guidelines
Desktop Web
251 Guidelines
Homepage & Category
41 Guidelines
Homepage
9 Guidelines
Intermediary Category Pages & Taxonomy
9 Guidelines
Main Navigation
9 Guidelines
Site-Wide Layout
6 Guidelines
Recipe pages
8 Guidelines
On-Site Search
30 Guidelines
Search Query Types & Logic
9 Guidelines
Search Autocomplete
9 Guidelines
Results Logic, Filtering & Guidance
12 Guidelines
Product Lists & Filtering
51 Guidelines
List Layout, Hit Areas & Product Loading
15 Guidelines
List Item product Info and Thumbnails
9 Guidelines
Filtering: Available Filters & Sorting
8 Guidelines
Filtering: Scope & Logic
8 Guidelines
Filtering: Interface & Layout
11 Guidelines
Product Page
24 Guidelines
Product Page Layout & 'Buy' Section
12 Guidelines
Product Descriptions & Spec Sheets
8 Guidelines
Cross-Sells & Cross-Navigation
4 Guidelines
Cart & Checkout
78 Guidelines
Shopping Cart & “Added to Cart” Behavior
13 Guidelines
Account Selection & Creation
6 Guidelines
Customer & Address Information
6 Guidelines
Shipping & Store Pickup
8 Guidelines
Credit Card Form & Payment Flow
10 Guidelines
Order Review & Confirmation
10 Guidelines
Form & Page Design
6 Guidelines
User Interactions, Validations & Data Persistence
10 Guidelines
Field Labels, Design & Microcopy
9 Guidelines
Customer Accounts
27 Guidelines
Account Drop-Down, Dashboard & Sign In
11 Guidelines
'Your Account': Addresses, Payments, & Newsletters
10 Guidelines
Account-Wide Navigation, Structure, & Information
6 Guidelines
Mobile Web
163 Guidelines
Mobile Homepage
7 Guidelines
Mobile Main Navigation & Categories
14 Guidelines
Mobile On-Site Search
18 Guidelines
Autocomplete
8 Guidelines
Query Types, Design & Logic
10 Guidelines
Mobile Product List
34 Guidelines
Mobile Product List Layout & Features
13 Guidelines
Mobile Filtering & Sorting
8 Guidelines
Mobile List Item Content
13 Guidelines
Mobile Product Pages
14 Guidelines
Mobile Checkout
38 Guidelines
Shopping Cart, Shipping & Store Pickup
14 Guidelines
Account Selection & Creation
5 Guidelines
Payment & User Info
11 Guidelines
Order Review & Confirmation
8 Guidelines
Mobile Forms
23 Guidelines
Form Fields
9 Guidelines
Field Validation
8 Guidelines
Input Optimization
6 Guidelines
Mobile Site-Wide Features & Elements
15 Guidelines
Deep dive into the performance and page designs of the 5 case studies.
52 page designs: desktop, mobile
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 141 case studies.
Join 30,000+ UX professionals and get a new UX article every second week.
319 free UX articles based on large-scale research.
10,500+ annotated designs for systematic inspiration.
Code samples, demos, and key stats for usability.