10 ‘Online Grocery’ Sites Ranked by User Experience Performance
Use the interactive UX benchmark chart below to see the ranked UX performance of 10 leading ‘Online Grocery’ e-commerce sites in the US and Europe. Each of the 10 Grocery sites has been manually rated across 714 different e-commerce UX elements, all based on Baymard’s 150,000+ hours of UX research.
This is a sub-set of the full benchmark which includes 123 e-commerce sites.
Case Studies
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
714 Guidelines
Desktop Web
237 Guidelines
Homepage & Category Navigation
21 Guidelines
Homepage
6 Guidelines
Intermediary Category Pages & Taxonomy
11 Guidelines
Main Navigation
4 Guidelines
Recipe Pages
8 Guidelines
On-Site Search
23 Guidelines
Search Query Types
6 Guidelines
Search Autocomplete
8 Guidelines
Results Logic & Layout
9 Guidelines
Product Lists & Filtering
39 Guidelines
List Layout, Hit Areas, and Loading
13 Guidelines
List Items: Product Info & Thumbnails
11 Guidelines
Filtering: Available Filters and Sorting
7 Guidelines
Filtering: Logic & Layout
8 Guidelines
Product Page
27 Guidelines
Product Page Layout and 'Buy' Section
15 Guidelines
Product Description & Images
7 Guidelines
Cross-Sells & Cross-Navigation
5 Guidelines
Cart & Checkout
91 Guidelines
Shopping Cart & 'Added to Cart' Behavior
21 Guidelines
Account Selection & Customer Address Information
15 Guidelines
Shipping & Fulfillment
12 Guidelines
Form Fields & Layout
7 Guidelines
Payment Flow & Credit Card Form
9 Guidelines
Validation Errors, Field Design, & Autocompletion
18 Guidelines
Validation Errors & Data Persistence
9 Guidelines
Field Design & Default Values
9 Guidelines
Order Review & Confirmation
9 Guidelines
Customer Accounts
17 Guidelines
Account Drop-Down & Sign-In
7 Guidelines
Account Dashboard, Info, & Navigation
10 Guidelines
Site-Wide Features & Navigation
11 Guidelines
Mobile Web
244 Guidelines
Mobile Web Homepage & Category Navigation
21 Guidelines
Mobile Web Homepage
7 Guidelines
Mobile Web Intermediary Category Pages & Taxonomy
9 Guidelines
Mobile Web Main Navigation
5 Guidelines
Mobile Web On-Site Search
24 Guidelines
Mobile Web Search Query Types
6 Guidelines
Mobile Web Search Autocomplete
7 Guidelines
Mobile Web Results Logic & Layout
11 Guidelines
Mobile Web Product Lists & Filtering
45 Guidelines
Mobile Web List Layout, Hit Areas, and Loading
17 Guidelines
Mobile Web List Items: Product Info & Thumbnails
13 Guidelines
Mobile Web Filtering: Available Filters and Sorting
6 Guidelines
Mobile Web Filtering: Logic & Layout
9 Guidelines
Mobile Web Product Page
28 Guidelines
Mobile Web Product Page Layout and 'Buy' Section
13 Guidelines
Mobile Web Product Description & Images
9 Guidelines
Mobile Web Cross-Sells & Cross-Navigation
6 Guidelines
Mobile Web Cart & Checkout
94 Guidelines
Mobile Web Shopping Cart & 'Added to Cart' Behavior
22 Guidelines
Mobile Web Account Selection & Customer Address Information
15 Guidelines
Mobile Web Shipping & Fulfillment
13 Guidelines
Mobile Web Payment Flow & Credit Card Form
9 Guidelines
Mobile Web Order Review & Confirmation
9 Guidelines
Mobile Web Form Fields & Layout
10 Guidelines
Mobile Web Validation Errors, Field Design, & Autocompletion
16 Guidelines
Mobile Customer Accounts
13 Guidelines
Mobile Site-Wide Features & Navigation
19 Guidelines
Mobile App
233 Guidelines
Mobile App Homepage & Category Navigation
20 Guidelines
Mobile App Homepage
6 Guidelines
Mobile App Intermediary Category Pages & Taxonomy
9 Guidelines
Mobile App Main Navigation
5 Guidelines
Mobile App On-Site Search
23 Guidelines
Mobile App Search Query Types
6 Guidelines
Mobile App Search Autocomplete
7 Guidelines
Mobile App Results Logic & Layout
10 Guidelines
Mobile App Product Lists & Filtering
45 Guidelines
Mobile App List Layout, Hit Areas, and Loading
17 Guidelines
Mobile App List Items: Product Info & Thumbnails
13 Guidelines
Mobile App Filtering: Available Filters and Sorting
6 Guidelines
Mobile App Filtering: Logic & Layout
9 Guidelines
Mobile App Product Page
27 Guidelines
Mobile App Product Page Layout and 'Buy' Section
13 Guidelines
Mobile App Product Description & Images
8 Guidelines
Mobile App Cross-Sells & Cross-Navigation
6 Guidelines
Mobile App Cart & Checkout
93 Guidelines
Mobile App Shopping Cart & "Added to Cart" Behavior
21 Guidelines
Mobile App Account Selection & Customer Address Information
15 Guidelines
Mobile App Shipping & Fulfillment
13 Guidelines
Mobile App Payment Flow & Credit Card Form
10 Guidelines
Mobile App Order Review & Confirmation
9 Guidelines
Mobile App Form Fields & Layout
10 Guidelines
Mobile App Validation Errors, Field Design, & Autocompletion
15 Guidelines
Mobile App Customer Accounts
10 Guidelines
Mobile App Site-Wide Features & Navigation
15 Guidelines
Case Studies
Deep dive into any of the 10 retail sites displayed in the scatter plot above.
86 page designs: desktop, mobile, app
72 page designs: desktop, mobile, app
71 page designs: desktop, mobile, app
72 page designs: desktop, mobile, app
66 page designs: desktop, mobile, app
82 page designs: desktop, mobile, app
84 page designs: desktop, mobile, app
68 page designs: desktop, mobile, app
76 page designs: desktop, mobile, app
78 page designs: desktop, mobile, app
Online Grocery Research
At Baymard Institute we have a whole research topic devoted to online shopping UX and usability, specifically for online Online Grocery sites.
Browse Benchmarks by Industry or Site Type
Select an option below to see a UX benchmark collection specific to your business, or see all 123 case studies.
Industry
User Experience Research, Delivered Twice a Month
Join 25,000+ UX professionals and get a new UX article every second week.
Premium Research
Get full access to Baymard’s 78,000+ hours of research and empower your UX team and decisions.
Audit Service
Get Baymard to audit your site’s UX performance, compare it to competitors, and identify 40 areas of improvements.
