Format the “Expiration Date” Fields Exactly the Same as the Physical Credit Card (72% Don't) – Articles – Baymard Institute
![Format the “Expiration Date” Fields Exactly the Same as the Physical Credit Card (72% Don't) – Articles – Baymard Institute](https://baymard-assets-cdn.imgix.net/research/media_files/attachments/91123/original/research-media-file-3e13800dfaea04f5d3c34bc4cdb755a0.jpg?auto=format&dpr=2&fit=max&q=50&w=880)
Our UX testing found that difficulty inputting their credit card expiration date needlessly delayed users from placing orders — yet 72% of sites fail at this. See our latest Checkout findings.
![](https://baymard-assets-cdn.imgix.net/research/media_files/attachments/90757/original/research-media-file-660d118488a9b15a3224cd4cad25e470.jpg?auto=format&fit=max&q=75&w=3840)
65 Cart & Checkout UX Articles – Baymard Institute
Visually Reinforce Your Credit Card Fields (89% Get it Wrong) – Articles – Baymard Institute
![](https://baymard.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftraining.88fc7941.png&w=3840&q=75&dpl=dpl_9ygFPJJsJYFiYee6uFts4AvkqvVm)
Format the “Expiration Date” Fields Exactly the Same as the
![](https://cdn.baymard.com/research/media_files/attachments/36731/original/research-media-file-396751799375adc4d93ac61f0c8961a0.jpg)
Use a Fake 'Editing' Flow When Users Try to Update Their Stored
![](https://cdn.baymard.com/research/media_files/attachments/75269/original/research-media-file-d8cc353310e9c6a23ebad5399093f74c.jpg)
Use Buttons or Buttons Plus an Open Text Field for Updating Cart
![](https://baymard-assets-cdn.imgix.net/research/media_files/attachments/21007/original/research-media-file-6dad79dfef5e387e580cf24c3b60ac2b.jpg?auto=format&dpr=2&fit=max&q=50&w=880)
The 'Credit Card Number' Field Must Allow and Auto-Format Spaces (80% Don't) – Articles – Baymard Institute
![](https://baymard-assets-cdn.imgix.net/research/media_files/attachments/21021/original/research-media-file-596c943e4c1d683e8e012db41658d39c.png?auto=format&dpr=2&fit=max&q=50&w=880)
The 'Credit Card Number' Field Must Allow and Auto-Format Spaces
![](https://baymard-assets.imgix.net/benchmark_webpages/screenshots/12858/original/search%20results-8dfc9c082b7d14c2d634f2818bcf8ba1.png?w=3840&h=6400&auto=format&q=50&fit=crop&crop=focalpoint&fp-x=0.5&fp-y=0)
Norgren's E-Commerce UX Case Study – Baymard Institute
![](https://baymard-assets-cdn.imgix.net/research/media_files/attachments/20389/original/research-media-file-bac16ea76c1c2d3f5cb8b8d5773bd044.jpg?auto=format&dpr=2&fit=max&q=50&w=880)
How Users Perceive Security During the Checkout Flow (Incl. New
Codeq LinkedIn
The 'Credit Card Number' Field Must Allow and Auto-Format Spaces (80% Don't) – Articles – Baymard Institute
![](https://baymard-assets.imgix.net/benchmark_webpages/screenshots/12499/original/shipping-ec208623e9b37eb6771b373067d5b650.png?w=3840&h=3840&auto=format&q=50&fit=crop&crop=focalpoint&fp-x=0.5&fp-y=0)
Norgren's E-Commerce UX Case Study – Baymard Institute