Also referred to as: Payment Methods, Credit Card
What’s this? Here you’ll find 1199 “Payment” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 257 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. Besides exploring the 1199 “Payment Method” design examples below, you may also want to read our related UX research 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“.
More ‘Payment’ Insights
Join 60,000+ UX professionals and get a new UX article every week.
Join 60,000+ UX professionals and get a new UX article every week.
300+ free UX articles based on large-scale research.
257 top sites ranked by UX performance.
Code samples, demos, and key stats for usability.
Sign up to Baymard and get access to 150,000+ hours of UX research and Best Practice Guidelines, backed by real user data.
Curious to find out what Baymard can do for your team? Start exploring 5% of our research, including 50 Best Practice Guidelines, with a Free Plan today!
Have any questions? Email us at support@baymard.com