Page Types Overview

Payment

68 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 68 annotated “Payment” design examples from Baymard’s UX benchmark of 60 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)

The Payment step during checkout is often dominated by credit card form fields. Yet, 3rd-party payment methods are becoming more widespread, and we’ve found that 8% of users have abandoned a checkout solely because the site didn’t offer the desired 3rd-party option.

More ‘Payment’ Insights

  • While the credit card input is only a small part of the overall amount of typing during the checkout flow, it’s by far the most complex and error-prone input during checkout. From insights gleaned during testing we’ve published more than 10 design guidelines, for the just 4 credit card inputs, that need to be implemented perfectly to avoid the most common usability issues. The impact of field descriptions and field design should not be underestimated, as any doubt, slight input inconsistencies, or validation errors in the credit card form are far more likely to result in abandonments than most other fields during checkout.

Learn More: Besides exploring the 68 “Payment Method” design examples below, you may also want to read our related articles “The ‘Credit Card Number’ Field Must Allow and Auto-Format Spaces”, “Visually Reinforce Your Credit Card Fields”, and “Payment Method Selection”.

Get Full Access: To see all of Baymard’s 134 cart and checkout research findings you’ll need Baymard Premium access. (Premium also provides you full access to 32,000 hours of UX research findings, 640+ e-commerce UX guidelines, and 50,000+ UX performance scores.)


John Lewis (2018)

31 adhered 14 violated

H&M (2018)

22 adhered 8 violated

IKEA (2018)

22 adhered 8 violated

Adidas (2018)

22 adhered 13 violated

Debenhams (2018)

20 adhered 10 violated

Marks & Spencer (2018)

19 adhered 7 violated

Zalando (2018)

19 adhered 11 violated

Tesco (2018)

16 adhered 13 violated

ASOS (2018)

16 adhered 10 violated

Argos (2018)

13 adhered 6 violated

Argos (2018)

9 adhered 5 violated

American Eagle Outfitters (2016)

43 adhered 27 violated

Home Depot (2016)

29 adhered 12 violated

Build.com (2016)

28 adhered 27 violated

Bass Pro Shops (2016)

27 adhered 19 violated

Best Buy (2016)

27 adhered 9 violated

Crutchfield (2016)

26 adhered 12 violated

Overstock (2016)

23 adhered 30 violated

Nike (2016)

23 adhered 22 violated

Staples (2016)

23 adhered 13 violated

Neiman Marcus (2016)

20 adhered 22 violated

B&H Photo (2016)

20 adhered 7 violated

Office Depot (2016)

20 adhered 8 violated

Lowe's (2016)

19 adhered 26 violated

Walmart (2016)

19 adhered 5 violated

Musician's Friend (2016)

18 adhered 12 violated

Nordstrom (2016)

17 adhered 12 violated

Etsy (2016)

16 adhered 11 violated

Disney (2016)

16 adhered 10 violated

Sears (2016)

16 adhered 16 violated

Newegg (2016)

16 adhered 10 violated

Hayneedle (2016)

16 adhered 10 violated

Crate & Barrel (2016)

15 adhered 10 violated

Northern Tool (2016)

14 adhered 17 violated

Apple (2016)

14 adhered 21 violated

Gilt (2016)

14 adhered 12 violated

Kohl's (2016)

14 adhered 19 violated

Wayfair (2016)

14 adhered 9 violated

Ann Taylor (2016)

11 adhered 19 violated

Urban Outfitters (2016)

11 adhered 14 violated

Gap (2016)

11 adhered 19 violated

Macy's (2016)

11 adhered 21 violated

Walgreens (2016)

10 adhered 15 violated

Sephora (2016)

10 adhered 10 violated

Rakuten (2016)

10 adhered 17 violated

Amazon (2016)

10 adhered 11 violated

HP (2016)

9 adhered 6 violated

Grainger (2016)

9 adhered 21 violated

Costco (2016)

8 adhered 25 violated

TigerDirect (2016)

8 adhered 14 violated

Foot Locker (2016)

8 adhered 18 violated

Microsoft (2016)

8 adhered 21 violated

Williams-Sonoma (2016)

8 adhered 17 violated

L.L. Bean (2016)

8 adhered 10 violated

Target (2016)

8 adhered 7 violated

Toys'R'Us (2016)

7 adhered 18 violated

Cabela's (2016)

7 adhered 16 violated

Victoria’s Secret (2016)

6 adhered 13 violated

Dell (2016)

5 adhered 17 violated

HP (2016)

5 adhered 12 violated

REI (2016)

5 adhered 8 violated

J.C. Penney (2016)

4 adhered 7 violated

Dell (2016)

2 adhered 6 violated

REI (2016)

2 adhered 4 violated

Target (2016)

2 adhered 2 violated

Gap (2016)

1 adhered 3 violated

TigerDirect (2016)

0 adhered 3 violated

L.L. Bean (2016)

0 adhered 3 violated