Because this input requires a particular format for the date, we included placeholder text inside the input. Note that the placeholder text includes a “/”, but this is not required to be typed by the user. We limit the input value to numbers only, so if a user does type a forward slash, it is not registered. After the month is entered, the slash is automatically appended.
6. Security code
it’s meant to make cards more secure. The problem is that this code suffers severely from non-standardized naming. What should we call it? Every card brand has its own naming convention:
MasterCard — card validation code (“CVC2”)
Visa — card verification value (“CVV2”)
JCB -- security code < use this
select popup help depend on card number
7. Address should have more detail not only zipcode
[ address text area ]
[ zipcode ]
8. Add more secure feeling
submit button should have total money + secure icon under button
IA
1. What I pay for
2. How much I commit to pay
3. Name on card
4. My card can pay?
use logo
5. Expire date
Because this input requires a particular format for the date, we included placeholder text inside the input. Note that the placeholder text includes a “/”, but this is not required to be typed by the user. We limit the input value to numbers only, so if a user does type a forward slash, it is not registered. After the month is entered, the slash is automatically appended.
6. Security code
it’s meant to make cards more secure. The problem is that this code suffers severely from non-standardized naming. What should we call it? Every card brand has its own naming convention:
select popup help depend on card number
7. Address should have more detail not only zipcode
[ address text area ] [ zipcode ]
8. Add more secure feeling
submit button should have total money + secure icon under button
9. Show what happen after pay