Benchmarks

6 ‘Online Grocery’ Sites Ranked by User Experience Performance

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

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

Case Studies

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

UX Audit
YourSite.com
Get your own site UX Audited by Baymard (confidential) or self-assess it with Baymard Premium.

User Experience Research, Delivered Twice a Month

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

A screenshot of the UX article newsletter

Explore Other Research Content

330 free UX articles based on large-scale research.

11,500+ annotated designs for systematic inspiration.

Code samples, demos, and key stats for usability.