Product
Research-Backed UX Insights
150,000+ hours of UX research
UX Best Practice Guidelines
Over 700 UX Guidelines
UX Design Examples
200,000+ Structured Design Examples
UX Benchmarking
Measure and Compare Your UX Performance
Why Baymard?
UX-Ray 1.0
beta
UX-Query
beta
Figma Plugin
new
Review Tool
Personalized Research
Training & UX Certification
Use cases
Industries
B2C Retail:
Direct-to-Consumer,
Luxury Goods,
Apparel & Accessories,
Home & Hardware,
Electronics & Office,
Mass Merchant,
Furniture & Home Decor,
Health & Beauty,
Sports Gear & Equipment,
Vitamins & Supplements,
Automotive Parts,
Toys & Crafts,
Merchandise & Print-to-Order,
Pets & Hobbies
Subscriptions & Services:
Digital Subscriptions & SaaS,
Telco,
ISP,
Insurance,
Online Learning
Travel & Accommodation:
Travel Accommodations,
Travel Tours & Experience Booking,
Flight Booking & Airlines
B2B:
Components & Machinery,
Medical & Pharma,
B2B Ecommerce,
Digital Subscriptions & SaaS
Food & Consumables:
Online Grocery,
Food Delivery & Takeout,
Meal Kits,
Consumables Subscriptions
Benchmark Your UX Performance
How does your UX performance stack up against industry leaders and competitors?
UX Audit
Resources
Free UX Research
UX Articles
400+ free UX articles based on large-scale research
Benchmarks
280+ top sites ranked by UX performance
UX Design Examples
18,000+ annotated designs for systematic inspiration
Resources
Code samples, demos, and key stats for usability
Search for Research and Resources
Company
About
Methodology
Jobs
Pricing

512 Mobile ‘Payment’ Examples

with UX annotations by Baymard researchers

What’s this? Here you’ll find 512 “Mobile: Payment” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 93 ecommerce 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 ecommerce 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 92 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 351 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 150,000+ hours of UX research findings, 650+ ecommerce UX guidelines, and 275,000+ UX performance scores.))