McDonald’s E-Commerce UX
This is a case study of McDonald’s e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 410 design elements. 122 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
McDonald’s overall e-commerce UX performance is broken. Some of McDonald’s biggest UX issues are caused by broken Mobile App and Mobile Web performances.
Overall UX Performance
412 Guidelines · Performance:
Mobile Web
212 Guidelines · Performance:
Mobile Web Homepage & Category Navigation
17 Guidelines · Performance:
Homepage
6 Guidelines · Performance:
Category Taxonomy
6 Guidelines · Performance:
Main Navigation
5 Guidelines · Performance:
Mobile Web On-Site Search
18 Guidelines · Performance:
Search Query Types, Form & Logic
7 Guidelines · Performance:
Search Autocomplete
7 Guidelines · Performance:
Search Results
4 Guidelines · Performance:
Mobile Web Restaurant Lists & Menus
38 Guidelines · Performance:
List Layout & Loading
10 Guidelines · Performance:
List Items: Info & Thumbnails
15 Guidelines · Performance:
Filters & Sorting
13 Guidelines · Performance:
Mobile Web Menu Item Pages
27 Guidelines · Performance:
Menu Item Page Layout & Content
11 Guidelines · Performance:
The "Buy" Section & Menu Item Customization
10 Guidelines · Performance:
Cross-Sells & Cross-Navigation
6 Guidelines · Performance:
Mobile Web Cart & Checkout
83 Guidelines · Performance:
Shopping Cart
11 Guidelines · Performance:
Account Selection & Creation
6 Guidelines · Performance:
User Information & Address
11 Guidelines · Performance:
Delivery & Pickup Options
9 Guidelines · Performance:
Payment Flow & Credit Card
11 Guidelines · Performance:
Order Review & Confirmation
8 Guidelines · Performance:
General Form Design and Checkout Layout
12 Guidelines · Performance:
Form Field Usability and Design
15 Guidelines · Performance:
Mobile Web Customer Accounts & Order Tracking
8 Guidelines · Performance:
Mobile Web Site-Wide Design & Interaction
21 Guidelines · Performance:
Mobile App
200 Guidelines · Performance:
Mobile App Homepage & Category Navigation
15 Guidelines · Performance:
Homepage
5 Guidelines · Performance:
Category Taxonomy
5 Guidelines · Performance:
Main Navigation
5 Guidelines · Performance:
Mobile App On-Site Search
18 Guidelines · Performance:
Search Query Types, Form & Logic
7 Guidelines · Performance:
Search Autocomplete
7 Guidelines · Performance:
Search Results
4 Guidelines · Performance:
Mobile App Restaurant Lists & Menus
38 Guidelines · Performance:
List Layout & Loading
10 Guidelines · Performance:
List Items: Info & Thumbnails
15 Guidelines · Performance:
Filters & Sorting
13 Guidelines · Performance:
Mobile App Menu Item Pages
26 Guidelines · Performance:
Menu Item Page Layout & Content
10 Guidelines · Performance:
The "Buy" Section & Menu Item Customization
10 Guidelines · Performance:
Cross-Sells & Cross-Navigation
6 Guidelines · Performance:
Mobile App Cart & Checkout
80 Guidelines · Performance:
Shopping Cart
11 Guidelines · Performance:
Account Selection & Creation
6 Guidelines · Performance:
User Information & Address
11 Guidelines · Performance:
Delivery & Pickup Options
9 Guidelines · Performance:
Payment Flow & Credit Card
11 Guidelines · Performance:
Order Review & Confirmation
8 Guidelines · Performance:
General Form Design and Checkout Layout
10 Guidelines · Performance:
Form Field Usability and Design
14 Guidelines · Performance:
Mobile App Customer Accounts & Order Tracking
8 Guidelines · Performance:
Mobile App Site-Wide Design & Interaction
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.
McDonald’s Mobile Web E-Commerce Design
8 pages of McDonald’s e-commerce site, marked up with 85 best practice examples:
McDonald’s Mobile App E-Commerce Design
47 pages of McDonald’s e-commerce site, marked up with 260 best practice examples:
Similar Case Studies
Explore similar case studies of Food Delivery & Takeout sites:
31 page designs: mobile, app
30 page designs: mobile, app
49 page designs: mobile, app
39 page designs: mobile, app
53 page designs: mobile, app
43 page designs: mobile, app
44 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 413 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.
