Ocado’s E-Commerce UX
This is a case study of Ocado’s e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 387 design elements. 122 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
Ocado’s overall e-commerce UX performance is poor. Ocado’s UX performance in particular suffers from usability issues caused by broken Homepage & Category, poor Cart & Checkout, and poor Mobile Web.
Overall UX Performance
387 Guidelines · Performance:
Desktop Web
238 Guidelines · Performance:
Homepage & Category
39 Guidelines · Performance:
Homepage
7 Guidelines · Performance:
Intermediary Category Pages & Taxonomy
9 Guidelines · Performance:
Main Navigation
9 Guidelines · Performance:
Site-Wide Layout
6 Guidelines · Performance:
Recipe pages
8 Guidelines · Performance:
On-Site Search
27 Guidelines · Performance:
Search Query Types & Logic
9 Guidelines · Performance:
Search Autocomplete
8 Guidelines · Performance:
Results Logic, Filtering & Guidance
10 Guidelines · Performance:
Product Lists & Filtering
50 Guidelines · Performance:
List Layout, Hit Areas & Product Loading
14 Guidelines · Performance:
List Item product Info and Thumbnails
9 Guidelines · Performance:
Filtering: Available Filters & Sorting
8 Guidelines · Performance:
Filtering: Scope & Logic
8 Guidelines · Performance:
Filtering: Interface & Layout
11 Guidelines · Performance:
Product Page
24 Guidelines · Performance:
Product Page Layout & 'Buy' Section
12 Guidelines · Performance:
Product Descriptions & Spec Sheets
8 Guidelines · Performance:
Cross-Sells & Cross-Navigation
4 Guidelines · Performance:
Cart & Checkout
71 Guidelines · Performance:
Shopping Cart & “Added to Cart” Behavior
8 Guidelines · Performance:
Account Selection & Creation
6 Guidelines · Performance:
Customer & Address Information
6 Guidelines · Performance:
Shipping & Store Pickup
7 Guidelines · Performance:
Credit Card Form & Payment Flow
10 Guidelines · Performance:
Order Review & Confirmation
9 Guidelines · Performance:
Form & Page Design
6 Guidelines · Performance:
User Interactions, Validations & Data Persistence
10 Guidelines · Performance:
Field Labels, Design & Microcopy
9 Guidelines · Performance:
Customer Accounts
27 Guidelines · Performance:
Account Drop-Down, Dashboard & Sign In
11 Guidelines · Performance:
'Your Account': Addresses, Payments, & Newsletters
10 Guidelines · Performance:
Account-Wide Navigation, Structure, & Information
6 Guidelines · Performance:
Mobile Web
149 Guidelines · Performance:
Mobile Homepage
5 Guidelines · Performance:
Mobile Main Navigation & Categories
14 Guidelines · Performance:
Mobile On-Site Search
15 Guidelines · Performance:
Autocomplete
7 Guidelines · Performance:
Query Types, Design & Logic
8 Guidelines · Performance:
Mobile Product List
33 Guidelines · Performance:
Mobile Product List Layout & Features
12 Guidelines · Performance:
Mobile Filtering & Sorting
8 Guidelines · Performance:
Mobile List Item Content
13 Guidelines · Performance:
Mobile Product Pages
14 Guidelines · Performance:
Mobile Checkout
30 Guidelines · Performance:
Shopping Cart, Shipping & Store Pickup
7 Guidelines · Performance:
Account Selection & Creation
5 Guidelines · Performance:
Payment & User Info
11 Guidelines · Performance:
Order Review & Confirmation
7 Guidelines · Performance:
Mobile Forms
23 Guidelines · Performance:
Form Fields
9 Guidelines · Performance:
Field Validation
8 Guidelines · Performance:
Input Optimization
6 Guidelines · Performance:
Mobile Site-Wide Features & Elements
15 Guidelines · Performance:
To learn how we calculate our performance scores and read up on our evaluation criteria and scoring algorithm head over to our Methodology page.
The scatterplot you see above is the free version we make public to all our users. If you wish to dive deeper and learn about each guideline and even review your own site you’ll need to get premium access.
Ocado’s Desktop Web E-Commerce Design
27 pages of Ocado’s e-commerce site, marked up with 187 best practice examples:
Ocado’s Mobile Web E-Commerce Design
17 pages of Ocado’s e-commerce site, marked up with 126 best practice examples:
Similar Case Studies
Explore similar case studies of Online Grocery sites:
Explore Other Research Content
Every 2nd week, we publish a new article on how to build “state of the art” e-commerce experiences — here’s 5 popular ones:
See all 307 articles in the full public archive.
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.
