Benchmarks

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 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.

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.

Benchmark UX Performances
Poor
Mediocre
Decent
Good
Perfect

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

Case Studies

Deep dive into the performance and page designs of the 5 case studies.

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.

View Online Grocery Research Topic

User Experience Research, Delivered Twice a Month

Join 30,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

Explore Other Research Content

319 free UX articles based on large-scale research.

10,500+ annotated designs for systematic inspiration.

Code samples, demos, and key stats for usability.