5 ‘Online Grocery’ Sites Ranked by User Experience Performance
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 387 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 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
387 Guidelines
Desktop Web
238 Guidelines
Homepage & Category
39 Guidelines
Homepage
7 Guidelines
Intermediary Category Pages & Taxonomy
9 Guidelines
Main Navigation
9 Guidelines
Site-Wide Layout
6 Guidelines
Recipe pages
8 Guidelines
On-Site Search
27 Guidelines
Search Query Types & Logic
9 Guidelines
Search Autocomplete
8 Guidelines
Results Logic, Filtering & Guidance
10 Guidelines
Product Lists & Filtering
50 Guidelines
List Layout, Hit Areas & Product Loading
14 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
71 Guidelines
Shopping Cart & “Added to Cart” Behavior
8 Guidelines
Account Selection & Creation
6 Guidelines
Customer & Address Information
6 Guidelines
Shipping & Store Pickup
7 Guidelines
Credit Card Form & Payment Flow
10 Guidelines
Order Review & Confirmation
9 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
149 Guidelines
Mobile Homepage
5 Guidelines
Mobile Main Navigation & Categories
14 Guidelines
Mobile On-Site Search
15 Guidelines
Autocomplete
7 Guidelines
Query Types, Design & Logic
8 Guidelines
Mobile Product List
33 Guidelines
Mobile Product List Layout & Features
12 Guidelines
Mobile Filtering & Sorting
8 Guidelines
Mobile List Item Content
13 Guidelines
Mobile Product Pages
14 Guidelines
Mobile Checkout
30 Guidelines
Shopping Cart, Shipping & Store Pickup
7 Guidelines
Account Selection & Creation
5 Guidelines
Payment & User Info
11 Guidelines
Order Review & Confirmation
7 Guidelines
Mobile Forms
23 Guidelines
Form Fields
9 Guidelines
Field Validation
8 Guidelines
Input Optimization
6 Guidelines
Mobile Site-Wide Features & Elements
15 Guidelines
Case Studies
Deep dive into any of the 5 retail sites displayed in the scatter plot above.
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
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.
