Here you’ll find 673 “Payment” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 141 e-commerce sites.
(Note: this is less than 1% of the full research catalog.)
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.
Get Full Access: To see all of Baymard’s cart and checkout research findings you’ll need Baymard Premium access. (Premium also provides you full access to 78,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)