This is a case study of Xero’s e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 254 design elements. 122 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
Xero’s overall e-commerce UX performance is mediocre. This is mainly due to perfect Page Types & Design while simultaneously having broken Sign-Up & Account Management and poor Checkout.
Overall UX Performance
255 Guidelines · Performance:
Desktop Web
152 Guidelines · Performance:
Homepage & Navigation
24 Guidelines · Performance:
Homepage
9 Guidelines · Performance:
Main Navigation
15 Guidelines · Performance:
Page Types & Design
17 Guidelines · Performance:
Plan Matrix
8 Guidelines · Performance:
Checkout
77 Guidelines · Performance:
Checkout Types & Layout
11 Guidelines · Performance:
Customer & Address Information
6 Guidelines · Performance:
Payment Flow & Methods (Incl. Third-Party)
4 Guidelines · Performance:
Credit Card Form
9 Guidelines · Performance:
Order Review
5 Guidelines · Performance:
Order Confirmation & E-Mail
4 Guidelines · Performance:
User Interactions & Distractions
7 Guidelines · Performance:
Validation Errors & Data Persistence
10 Guidelines · Performance:
Field Labels & Microcopy
7 Guidelines · Performance:
Field Design & Input Optimization
14 Guidelines · Performance:
Sign-Up & Account Management
12 Guidelines · Performance:
Site-Wide Features & Navigation
14 Guidelines · Performance:
Mobile Web
103 Guidelines · Performance:
Homepage & Navigation
12 Guidelines · Performance:
Homepage
6 Guidelines · Performance:
Main Navigation
6 Guidelines · Performance:
Page Types & Design
10 Guidelines · Performance:
Checkout
59 Guidelines · Performance:
Checkout Types & Layout
4 Guidelines · Performance:
Customer & Address Information
5 Guidelines · Performance:
Payment Flow & Methods (Incl. Third-Party)
4 Guidelines · Performance:
Credit Card Form
7 Guidelines · Performance:
Order Review
5 Guidelines · Performance:
Order Confirmation & E-Mail
4 Guidelines · Performance:
User Interactions & Distractions
3 Guidelines · Performance:
Validation Errors & Data Persistence
10 Guidelines · Performance:
Field Labels & Microcopy
6 Guidelines · Performance:
Field Design & Input Optimization
11 Guidelines · Performance:
Sign-Up & Account Management
3 Guidelines · Performance:
Site-Wide Design & Interaction
19 Guidelines · Performance:
Site-Wide Features & Navigation
11 Guidelines · Performance:
Touch Interfaces
8 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.
15 pages of Xero’s e-commerce site, marked up with 102 best practice examples:
11 pages of Xero’s e-commerce site, marked up with 75 best practice examples:
Explore similar case studies of Digital Subscriptions & SaaS sites:
22 page designs: desktop, mobile
21 page designs: desktop, mobile
24 page designs: desktop, mobile
24 page designs: desktop, mobile
17 page designs: desktop, mobile
19 page designs: desktop, mobile
21 page designs: desktop, mobile
12 page designs: desktop, mobile
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.
Get full access to Baymard’s 78,000+ hours of research and empower your UX team and decisions.
Get Baymard to audit your site’s UX performance, compare it to competitors, and identify 40 areas of improvements.