Page Types Overview

Payment Method

45 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 45 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).
  • Besides these mobile Payment Methods we’ve also benchmarked the desktop versions; see the 57 desktop Payment Method examples.
  • The research team is currently conducting a new large-scale mobile usability study that focuses on the mobile homepage, navigation, search, product lists, and product pages. Note that we do observe the current mobile guidelines and underlying user behavior still applies, despite some of the screenshots looking dated. The new mobile study is expected to be ready at the very end of 2018.

Learn More: Besides exploring the 45 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 144 mobile 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.)


Staples (2015)

15 adhered 8 violated

Macy's (2015)

11 adhered 8 violated

Nordstrom (2015)

10 adhered 4 violated

American Eagle Outfitters (2015)

9 adhered 3 violated

B&H Photo (2015)

8 adhered 5 violated

Bass Pro Shops (2015)

8 adhered 4 violated

Urban Outfitters (2015)

8 adhered 6 violated

J.C. Penney (2015)

8 adhered 5 violated

Sears (2015)

8 adhered 3 violated

Gilt (2015)

7 adhered 3 violated

Gilt (2015)

6 adhered 4 violated

Cabela's (2015)

6 adhered 1 violated

Sephora (2015)

6 adhered 1 violated

Toys'R'Us (2015)

6 adhered 0 violated

Nike (2015)

5 adhered 3 violated

Gap (2015)

5 adhered 3 violated

Walmart (2015)

5 adhered 1 violated

REI (2015)

5 adhered 2 violated

Northern Tool (2015)

4 adhered 2 violated

Rakuten (2015)

4 adhered 2 violated

Best Buy (2015)

4 adhered 2 violated

Kohl's (2015)

4 adhered 6 violated

HP (2015)

3 adhered 2 violated

Diapers (2015)

3 adhered 5 violated

Amazon (2015)

3 adhered 2 violated

Etsy (2015)

2 adhered 1 violated

Dell (2015)

2 adhered 1 violated

Victoria’s Secret (2015)

2 adhered 2 violated

L.L. Bean (2015)

2 adhered 2 violated

Newegg (2015)

2 adhered 2 violated

Musician's Friend (2015)

1 adhered 1 violated

Walgreens (2015)

1 adhered 5 violated

Diapers (2015)

0 adhered 0 violated

Amazon (2015)

0 adhered 0 violated

Grainger (2014)

11 adhered 6 violated

Home Depot (2014)

8 adhered 2 violated

Williams-Sonoma (2014)

8 adhered 6 violated

Crate & Barrel (2014)

8 adhered 1 violated

Overstock (2014)

7 adhered 14 violated

Lowe's (2014)

6 adhered 6 violated

Wayfair (2014)

5 adhered 4 violated

Target (2014)

4 adhered 2 violated

Build.com (2014)

2 adhered 2 violated

Office Depot (2014)

2 adhered 8 violated

Office Depot (2014)

1 adhered 1 violated