Quick Shopping Cart UX Tip

Most web checkout forms collect credit card information in this order:

1. Card type (e.g. Visa, Mastercard)
2. Card number
3. Security Code (three digits on the back)
4. Expiration Date
5. Name on Card (e.g. DAVID R SELDEN JR)

If you go through this process, you’ll note that steps 1, 2,  4 and 5 require information from the front of your credit card. The information for step 3 is on the back of the card. Why not save users a card flip, and ask for all the info on the front of the card, then ask for the info on the back of the card?

Here’s a way to order the form fields that’s a bit easier for users:

1. Card type (front of card)
2. Card number (front)
3. Expiration date (still front)
4. Name on card (you guessed it)
5. And finally, Security Code (back).

Jeff Bezos, if you’re reading this, I’d like the green Weber grill as a thank-you gift.