I'm currently redesigning a mobile checkout, and I've run into a problem when building the "payment details page."
Every checkout in the world needs one of these, and they all basically need to have the same fields:
- Card Details
- Card Number
- Name on Card
- Card Expiry Date
- CVS Code
- Billing Address
- Address Street
- Address Country
- Address Postcode
Is there a convention for the order which these fields are presented. Do we normally ask for the billing address details first, or the card details first?
It sounds like a trivial question, but having built a couple of mockup wireframes it feels like it makes a lot of difference to the user-feel of the form.
One of the two approaches should signal more clearly to an experienced user that they are on a "payment" page. I just don't know which one.
Aside: I know the correct answer is to user-test both versions, but assume for the minute that I don't have time to user-test at this stage in the design process, and would like to save the later user-testing budget for more critical issues. So ideally I'd like to resolve this issue by using whatever the current convention is.