What’s this? Here you’ll find 136 annotated “Payment” design examples from Baymard’s UX benchmark of 63 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.
Mobile Examples: Besides the desktop examples below, we also have 60+ mobile examples of Payment Method implementations.
Learn More: Besides exploring the 136 “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 “5 ‘Credit Card Form’ Implementations That Make L.L. Bean Best-in-Class”.
Get Full Access: To see all of Baymard’s 135 cart and checkout research findings you’ll need Baymard Premium access. (Premium also provides you full access to 61,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)
Thermofischer (2020)
3 adhered 12 violated
Berlin Packaging (2020)
2 adhered 6 violated
Cole-Parmer (2020)
1 adhered 5 violated
Arrow (2020)
0 adhered 6 violated
Arrow (2020)
0 adhered 1 violated
Hitachi UK (2020)
0 adhered 6 violated
Hitachi UK (2020)
0 adhered 1 violated
Gilt (2019)
25 adhered 20 violated
J.C. Penney (2019)
22 adhered 9 violated
L.L. Bean (2019)
20 adhered 4 violated
John Lewis (2019)
18 adhered 8 violated
H&M (2019)
17 adhered 10 violated
IKEA (2019)
17 adhered 15 violated
Neiman Marcus (2019)
17 adhered 21 violated
Sephora (2019)
16 adhered 8 violated
Gap (2019)
16 adhered 6 violated
Disney Store (2019)
15 adhered 11 violated
Musician's Friend (2019)
14 adhered 6 violated
Rakuten (2019)
14 adhered 13 violated
REI (2019)
13 adhered 4 violated
Tesco (2019)
12 adhered 13 violated
Bass Pro Shops (2019)
12 adhered 11 violated
Foot Locker (2019)
12 adhered 15 violated
Adidas (2019)
11 adhered 7 violated
Hayneedle (2019)
11 adhered 13 violated
Nordstrom (2019)
10 adhered 9 violated
Debenhams (2019)
10 adhered 15 violated
Zalando (2019)
10 adhered 10 violated
TigerDirect (2019)
10 adhered 11 violated
Etsy (2019)
10 adhered 9 violated
Victoria's Secret (2019)
10 adhered 7 violated
Marks & Spencer (2019)
9 adhered 15 violated
Ann Taylor (2019)
9 adhered 11 violated
Amazon (2019)
8 adhered 12 violated
Argos (2019)
7 adhered 9 violated
Costco (2019)
7 adhered 14 violated
Northern Tool (2019)
7 adhered 15 violated
Walgreens (2019)
6 adhered 11 violated
Argos (2019)
3 adhered 5 violated
ASOS (2019)
3 adhered 13 violated
Cabela's (2019)
3 adhered 15 violated
TigerDirect (2019)
0 adhered 0 violated
American Eagle Outfitters (2018)
41 adhered 14 violated
Home Depot (2018)
31 adhered 12 violated
John Lewis (2018)
28 adhered 16 violated
Overstock (2018)
26 adhered 21 violated
Crutchfield (2018)
25 adhered 3 violated
Best Buy (2018)
23 adhered 8 violated
Sears (2018)
22 adhered 11 violated
H&M (2018)
22 adhered 8 violated
IKEA (2018)
22 adhered 8 violated
HP (2018)
21 adhered 4 violated
Target (2018)
21 adhered 6 violated
Adidas (2018)
21 adhered 14 violated
Dell (2018)
20 adhered 9 violated
Newegg (2018)
20 adhered 8 violated
Debenhams (2018)
20 adhered 10 violated
Marks & Spencer (2018)
19 adhered 7 violated
Zalando (2018)
19 adhered 11 violated
Urban Outfitters (2018)
18 adhered 8 violated
Apple Inc. (2018)
18 adhered 2 violated
B&H Photo (2018)
18 adhered 4 violated
Nike (2018)
17 adhered 2 violated
Lowe's (2018)
17 adhered 16 violated
Wayfair (2018)
17 adhered 12 violated
Staples (2018)
16 adhered 5 violated
Kohl's (2018)
16 adhered 17 violated
Tesco (2018)
16 adhered 13 violated
ASOS (2018)
16 adhered 10 violated
Office Depot (2018)
15 adhered 7 violated
Williams Sonoma (2018)
15 adhered 16 violated
Crate & Barrel (2018)
15 adhered 4 violated
Build.com (2018)
15 adhered 4 violated
Walmart (2018)
15 adhered 5 violated
Microsoft (2018)
14 adhered 11 violated
Macy's (2018)
13 adhered 7 violated
Argos (2018)
12 adhered 6 violated
Argos (2018)
8 adhered 6 violated
Grainger (2018)
7 adhered 11 violated
American Eagle Outfitters (2016)
43 adhered 26 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 16 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 20 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