42 design examples manually annotated by Baymard researchers
What’s this? Here you’ll find 42 annotated “Stored Credit Cards” design examples from Baymard’s UX benchmark of 63 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)
Payment methods are somewhat unique when it comes to account features, because while users can manage their stored payment methods via their e-commerce account settings, most users in practice add their stored payment methods during the checkout flow when placing an order. In our large-scale usability research of how users manage their e-commerce accounts, we’ve observed that this unique context set strict design and flow requirements for how the credit card–updating process should unfold, if it’s to align with user’s expectations and behaviors.
More Insights on ‘Stored Credit Cards’ Pages
Our quantitative study of how often e-commerce shoppers in the US change their credit card.
At the same time our qualitative research reveals that managing credit cards and payment methods is second-most important account feature for users, with 24% saying that they update their credit card at least once a year.
And yet our large-scale usability testing shows that, for example, 84% of sites fail to provide an editing flow for managing credit cards that aligns with how users expect to actually manage their credit cards. In particular when attempting to edit payment method details, many users struggled to understand that the interfaces would not allow them to “edit” their credit card number. While there are strict policies for storing card data we observe that sites can with a few simpler changes “emulate” a “editing flow” for stored credit cards, while still reamingn fully PCI compliant.
Learn More: Besides exploring the 42 “Stored Credit Cards” design examples below, you may also want to read our related articles on “Use a Fake ‘Editing’ Flow When Users Try to Update Their Stored Credit Card - 84% of Sites Don’t”, “New Research Findings on ‘Accounts & Self-Service’ UX”, “Format the ‘Expiration Date’ Fields Exactly the Same as the Physical Credit Card ”, “The ‘Credit Card Number’ Field Must Allow and Auto-Format Spaces”, “Visually Reinforce Your Credit Card Fields”. You may also want to explore our related collection of design examples for Payment Method steps during the checkout.
Get Full Access: To see all of Baymard’s 65 design guidelines on Accounts & Self-Service pages and features 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.)
Arrow (2020)
0 adhered 1 violated
Gilt (2019)
7 adhered 8 violated
Disney Store (2019)
6 adhered 6 violated
Marks & Spencer (2019)
3 adhered 2 violated
Costco (2019)
2 adhered 0 violated
J. C. Penney (2019)
2 adhered 1 violated
Victoria's Secret (2019)
2 adhered 10 violated
Rakuten (2019)
2 adhered 1 violated
GAP (2019)
1 adhered 2 violated
Microsoft (2019)
1 adhered 2 violated
Grainger (2019)
1 adhered 1 violated
Office Depot (2019)
1 adhered 2 violated
Ann Taylor (2019)
0 adhered 3 violated
HP (2019)
0 adhered 3 violated
Dell (2019)
0 adhered 2 violated
H&M (2019)
0 adhered 0 violated
Argos (2019)
0 adhered 1 violated
American Eagle Outfitters (2018)
4 adhered 10 violated
Urban Outfitters (2018)
4 adhered 3 violated
B&H Photo (2018)
4 adhered 7 violated
Staples (2018)
3 adhered 1 violated
Kohl's (2018)
3 adhered 1 violated
Amazon (2018)
2 adhered 1 violated
Williams Sonoma (2018)
2 adhered 0 violated
Northern Tool (2018)
2 adhered 2 violated
Crutchfield (2018)
2 adhered 4 violated
Target (2018)
2 adhered 2 violated
Wayfair (2018)
2 adhered 2 violated
Walmart (2018)
2 adhered 1 violated
L. L. Bean (2018)
1 adhered 2 violated
Best Buy (2018)
1 adhered 2 violated
Etsy (2018)
1 adhered 1 violated
Macy's (2018)
1 adhered 2 violated
ASOS (2018)
1 adhered 1 violated
Home Depot (2018)
1 adhered 1 violated
John Lewis (2018)
0 adhered 0 violated
Lowe's (2018)
0 adhered 2 violated
Hayneedle (2018)
0 adhered 2 violated
Crate & Barrel (2018)
0 adhered 2 violated
Nike (2018)
0 adhered 2 violated
Overstock (2018)
0 adhered 0 violated
Sears (2018)
0 adhered 0 violated