McDonalds’ E-Commerce UX
This is a case study of McDonalds’ e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 5 design elements. 196 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
McDonalds’ overall e-commerce UX performance is mediocre. Some of McDonalds’ biggest UX issues are caused by broken Mobile App On-Site Search, Mobile App Menu Item Pages, and Mobile App Homepage & Category Navigation performances. That said, their site performs great within Mobile App Accounts & Self-Service.
Mobile Web
214 Guidelines · Performance:
Mobile Web Homepage & Category Navigation
19 Guidelines · Performance:
Homepage
9 Guidelines · Performance:
Category Taxonomy
6 Guidelines · Performance:
Main Navigation
4 Guidelines · Performance:
Mobile Web On-Site Search
25 Guidelines · Performance:
Search Query Types
5 Guidelines · Performance:
Search Form & Logic
7 Guidelines · Performance:
Search Autocomplete
7 Guidelines · Performance:
Search Results
6 Guidelines · Performance:
Mobile Web Restaurant Lists & Menus
35 Guidelines · Performance:
List Layout & Loading
7 Guidelines · Performance:
List Items: Info & Thumbnails
13 Guidelines · Performance:
Filters & Sorting: Availability, Scope & Logic
10 Guidelines · Performance:
Filters & Sorting: Interface & Layout
5 Guidelines · Performance:
Mobile Web Menu Item Pages
26 Guidelines · Performance:
Menu Item Page Layout
4 Guidelines · Performance:
Menu Item Page Content
6 Guidelines · Performance:
The "Buy" Section & Menu Item Customization
10 Guidelines · Performance:
Cross-Sells & Cross-Navigation
6 Guidelines · Performance:
Mobile Web Cart & Checkout
90 Guidelines · Performance:
Checkout Types & Layout
4 Guidelines · Performance:
Shopping Cart & “Added to Cart” Behavior
7 Guidelines · Performance:
Account Selection & Creation
8 Guidelines · Performance:
Customer & Address Information
6 Guidelines · Performance:
Delivery & Pickup Options
9 Guidelines · Performance:
Payment Flow & Methods (Incl. Third-Party)
5 Guidelines · Performance:
Credit Card Form
8 Guidelines · Performance:
Order Review
5 Guidelines · Performance:
Order Confirmation & E-Mail
4 Guidelines · Performance:
Cross-Sells, User Interactions & Distractions
7 Guidelines · Performance:
Validation Errors & Data Persistence
10 Guidelines · Performance:
Field Labels & Microcopy
5 Guidelines · Performance:
Field Design & Input Optimization
12 Guidelines · Performance:
Mobile Web Site-Wide Design & Interaction
19 Guidelines · Performance:
Site-Wide Features & Navigation
13 Guidelines · Performance:
Touch Interfaces
6 Guidelines · Performance:
Mobile App
208 Guidelines · Performance:
Mobile App Homepage & Category Navigation
17 Guidelines · Performance:
Homepage
8 Guidelines · Performance:
Category Taxonomy
5 Guidelines · Performance:
Main Navigation
4 Guidelines · Performance:
Mobile App On-Site Search
25 Guidelines · Performance:
Search Query Types
5 Guidelines · Performance:
Search Form & Logic
7 Guidelines · Performance:
Search Autocomplete
7 Guidelines · Performance:
Search Results
6 Guidelines · Performance:
Mobile App Restaurant Lists & Menus
34 Guidelines · Performance:
List Layout & Loading
7 Guidelines · Performance:
List Items: Info & Thumbnails
12 Guidelines · Performance:
Filters & Sorting: Availability, Scope & Logic
10 Guidelines · Performance:
Filters & Sorting: Interface & Layout
5 Guidelines · Performance:
Mobile App Menu Item Pages
25 Guidelines · Performance:
Menu Item Page Layout
4 Guidelines · Performance:
Menu Item Page Content
5 Guidelines · Performance:
The "Buy" Section & Menu Item Customization
10 Guidelines · Performance:
Cross-Sells & Cross-Navigation
6 Guidelines · Performance:
Mobile App Cart & Checkout
87 Guidelines · Performance:
Checkout Types & Layout
3 Guidelines · Performance:
Shopping Cart & “Added to Cart” Behavior
7 Guidelines · Performance:
Account Selection & Creation
8 Guidelines · Performance:
Customer & Address Information
6 Guidelines · Performance:
Delivery & Pickup Options
9 Guidelines · Performance:
Payment Flow & Methods (Incl. Third-Party)
5 Guidelines · Performance:
Credit Card Form
8 Guidelines · Performance:
Order Review
5 Guidelines · Performance:
Order Confirmation & E-Mail
4 Guidelines · Performance:
Cross-Sells, User Interactions & Distractions
7 Guidelines · Performance:
Validation Errors & Data Persistence
10 Guidelines · Performance:
Field Labels & Microcopy
5 Guidelines · Performance:
Field Design & Input Optimization
10 Guidelines · Performance:
Mobile App Accounts & Self-Service
6 Guidelines · Performance:
Account & Dashboard
4 Guidelines · Performance:
Orders & Order Tracking
2 Guidelines · Performance:
Mobile App Site-Wide Design & Interaction
14 Guidelines · Performance:
Site-Wide Features & Navigation
7 Guidelines · Performance:
Touch Interfaces
7 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.
McDonalds’ Mobile App E-Commerce Design
25 pages of McDonalds’ e-commerce site, marked up with 140 best practice examples:
Similar Case Studies
Explore similar case studies of Takeout & Food Delivery sites:
29 page designs: mobile, app
25 page designs: app, mobile
27 page designs: app, mobile
57 page designs: app, mobile
37 page designs: mobile, app
50 page designs: mobile, app
38 page designs: mobile, app
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 348 articles in the full public archive.