63
votes
Accepted
Showing "this is secure" on credit card entry screen
Funny thing, I just did the research on this recently, because we faced the same "issue" in our e-commerce shop.
There is a good Baymard article referencing exactly this:
Visually Reinforce ...
- 6,847
50
votes
Should we auto-select a new default payment method when the current default expired?
Don't select a new default card for the user. Usually it's nice for the system to help the user recover from a problem through strong new default, but your instincts are valid in this case. Even if ...
- 12.9k
18
votes
Accepted
Should we auto-select a new default payment method when the current default expired?
...user should have full control over what card they want to use for a transaction...
Rather than make that decision for users, give them the ability to make that decision beforehand...
Replace ...
- 2,673
14
votes
Credit card field placeholder text
Placeholders gone terribly wrong
tl;dr
When a placeholder doesn't clarify anything, it shouldn't be there.
This is a great example of the negative impact of placeholder text pointed out by NN/g ...
- 21.4k
14
votes
Showing "this is secure" on credit card entry screen
How about, possibly in addition to logos, adding a link entitled something like "Security of your information" or "Security details". When the user clicks the link, a paragraph of security details is ...
- 561
7
votes
Accepted
How to mask saved creditcard numbers in an app
Display name, CC type, and add "Ending in" before the last 4 digits
I agree with the comments and other answers. However, when it comes to a design suggestion based on your question I would do this:
...
- 1,665
7
votes
Showing "this is secure" on credit card entry screen
I would suggest to make the bar on top of the page - in a different color - with an arrow pointing up to URL line and text saying something like "If you see small green lock in the URL line, then you ...
- 171
6
votes
Credit card field placeholder text
I simply can't believe they did this. First of all, it shows a definite bias. Cards starting with 4 belong to VISA, so I can imagine all other CC card companies complaining.
Another thing: 4 groups ...
- 38.3k
4
votes
How to mask saved creditcard numbers in an app
To maintain PCI Compliance you would not be able to show more than the first 6 digits (the BIN) and the last 4 digits of the card number.
More importantly though, Are you storing the credit card ...
- 221
4
votes
Showing "this is secure" on credit card entry screen
There is clearly a divergence of thought on this question, here's what I would do:
I usually look at other peoples stuff first:
Let's take my most recent online purchases:
Norwegian Air Shuttle:
...
- 161
3
votes
Accepted
Why do chip card readers in the US continuously flash messages?
The messages instruct the user and gives them feedback that the machine is working.
Sure, a processing message would show what is actually happening, but the user already assumes that. They need to ...
- 1,564
2
votes
Why do chip card readers in the US continuously flash messages?
I feel like the solution is too simple and obvious, sine we're really not doing anything new. There are plenty of similar actions people perform daily without the process causing much stress or ...
- 1,476
2
votes
Accepted
Credit card field placeholder text
UPDATE:
Stripe have listened to user feedback and rolled out the following changes:
After a lot of research, more in-depth testing and many discussions
with the team, with end customers, and with ...
- 181
2
votes
Showing "this is secure" on credit card entry screen
The example given, at least, is rather poor. It's not clear that "secure" is meant to be an adjective rather than verb, and it's saying that the payments are secure when it appears that merely the ...
- 251
1
vote
Program application and payment processing
There are definitely pros and cons to both. You don't say how much the amount to be charged will be, but I think that could be a pretty big factor.
For instance - most people could part with $15 that ...
- 12.9k
1
vote
Should we auto-select a new default payment method when the current default expired?
Don't use a separate error message modal and don't return them to the payment page where "Customer will need to tap on a button to see all payment options". Take them directly to the list ...
- 111
1
vote
Should we auto-select a new default payment method when the current default expired?
I think this issue can be avoided altogether by notifying the user well in advance before the card expires and guiding them on what happens in the event they do not respond. E.g. Picking a new card as ...
- 11
1
vote
Showing "this is secure" on credit card entry screen
You absolutely should. Just because you know it's meaningless doesn't make it so for your users. Especially since you're targeting a demographic of people who may "have a very low level of technical ...
- 56
1
vote
Checkout UX: Can't include "Save card" checkbox in credit card form. I can, however, include it elsewhere in the flow. What's the better choice?
Working in a big company, these situations come up every now and then. My reaction today (after many years of arguing, mostly unsuccessfully) is to let the person who decided that the "correct&...
- 3,741
1
vote
Accepted
What should happen when the user edits the expiration date for a credit card?
Treat it like two number fields.
This way editing will be simple and obvious and entry will take minimal effort.
Some implementation details I'd add to make it nicer:
Use two fields, separated by a ...
- 1,118
1
vote
What should happen when the user edits the expiration date for a credit card?
I think you answered your own question right here...
Amazon avoids this by using drop-down fields
You'll vastly simplify your problem with that solution.
The only real UX caveat for a drop down ...
- 709
1
vote
Showing "this is secure" on credit card entry screen
yeah, I blogged about this very thing and the pattern I went for mentioned the secure reassurance in line with where it was most needed: the point of payment.
(hindsight: maybe styling is a bit OTT ...
- 8,270
1
vote
Accepted
Should I allow unconfirmed users to store a credit card?
Yes, of course
As a matter of fact, one of the most common confirmation methods for anything dealing with payments is to charge a small amount that is credited towards future purchases.
Confirmation ...
- 38.3k
1
vote
Improve chip credit card reader processing messages
Consideration must be given to the distracting purchase environment, the hard-to-find card entry slot, and the length of time the card must remain in the machine, the last two factors being very ...
1
vote
Use only "street address" and zip fields for credit card form to meet AVS?
Street address could be slightly ambiguous, as what people consider their street address or even "first line of address" varies, person to person and doesn't always match with what the USPS considers ...
- 968
Only top scored, non community-wiki answers of a minimum length are eligible