Navigation
Navigation
What’s this? Here you’ll find 62 annotated “Payment Method” design examples from Baymard’s UX benchmark of 60 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)
During our large-scale usability testing of mobile checkouts we’ve observed that the Payment Method selection is yet another mobile checkout design where a large number of e-commerce sites use a design pattern that causes usability issues for users. On mobile the Payment Method design is particular difficult to get right, as most sites have one predominant method (typically credit card), yet still need to show a handful of 3rd-party payment options, which can be difficult to balance within the small mobile viewport.
More ‘Payment Method’ Insights
-
In practice the mobile Payment Method designs used by most sites are prone to users either not being able to establish an overview of their payment options or more commonly are unintentionally nudged into a 3rd-party payment option they don’t fully understand (due to too-little emphasis on the most popular Credit Card option).
-
Desktop Examples: Besides the mobile examples below, we also have 125+ desktop examples of Payment implementations.
-
Learn More: Besides exploring the 62 mobile “Payment Method” design examples below, you may also want to read our related article “6 Mobile Checkout Usability Considerations”.
-
Get Full Access: To see all of Baymard’s 307 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 54,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)
Overstock (2020)
25 adhered 12 violated
Home Depot (2020)
21 adhered 14 violated
Nordstrom (2020)
21 adhered 10 violated
American Eagle Outfitters (2020)
20 adhered 11 violated
Gilt (2020)
19 adhered 16 violated
Crutchfield (2020)
14 adhered 3 violated
Lowe's (2020)
13 adhered 10 violated
Williams Sonoma (2020)
13 adhered 7 violated
Best Buy (2020)
13 adhered 4 violated
H&M (2020)
13 adhered 3 violated
Macy's (2020)
13 adhered 7 violated
Nike (2020)
13 adhered 4 violated
Rakuten (2020)
12 adhered 10 violated
Office Depot (2020)
12 adhered 15 violated
John Lewis (2020)
12 adhered 5 violated
Etsy (2020)
12 adhered 4 violated
Adidas (2020)
12 adhered 5 violated
Sephora (2020)
11 adhered 10 violated
L.L. Bean (2020)
11 adhered 2 violated
Neiman Marcus (2020)
10 adhered 11 violated
Bass Pro Shops (2020)
10 adhered 1 violated
GAP (2020)
10 adhered 3 violated
W.W. Grainger, Inc. (2020)
10 adhered 10 violated
J.C. Penney (2020)
10 adhered 7 violated
Build.com (2020)
10 adhered 4 violated
Ann Taylor (2020)
9 adhered 7 violated
Microsoft (2020)
9 adhered 8 violated
Dell (2020)
9 adhered 6 violated
Hayneedle (2020)
9 adhered 6 violated
Northern Tool (2020)
9 adhered 6 violated
REI (2020)
9 adhered 4 violated
Newegg (2020)
9 adhered 2 violated
Disney Store (2020)
9 adhered 11 violated
Staples (2020)
9 adhered 6 violated
Marks & Spencer (2020)
8 adhered 6 violated
Victoria's Secret (2020)
8 adhered 2 violated
Urban Outfitters (2020)
8 adhered 4 violated
Crate & Barrel (2020)
8 adhered 5 violated
Foot Locker (2020)
8 adhered 9 violated
Target (2020)
8 adhered 8 violated
Wayfair (2020)
8 adhered 5 violated
Costco (2020)
7 adhered 9 violated
Musician's Friend (2020)
7 adhered 5 violated
Zalando (2020)
7 adhered 7 violated
Walgreens (2020)
7 adhered 6 violated
TigerDirect (2020)
6 adhered 6 violated
HP (2020)
6 adhered 0 violated
HP (2020)
5 adhered 3 violated
Argos (2020)
5 adhered 4 violated
Newegg (2020)
5 adhered 2 violated
Tesco (2020)
4 adhered 8 violated
Sears (2020)
4 adhered 6 violated
Sears (2020)
3 adhered 0 violated
Amazon (2020)
3 adhered 9 violated
Argos (2020)
2 adhered 5 violated
Rakuten (2020)
0 adhered 1 violated
IKEA (2019)
15 adhered 3 violated
Debenhams (2019)
12 adhered 7 violated
Apple (2019)
11 adhered 1 violated
Walmart (2019)
9 adhered 5 violated
B&H Photo (2019)
9 adhered 5 violated
ASOS (2019)
8 adhered 5 violated