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 ...
26
votes
Accepted
How to increase users' perception of security on a payment screen?
Google and UC Berkeley tested different solutions to understand users perception of HTTPS in the browser. While this is not specifically geared to a payment page, their paper contains some strong ...
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 ...
16
votes
How to increase users' perception of security on a payment screen?
Baymard has done a number of studies on the subject of perceived webpage security, summarized in this article. Some key points:
Throughout all of our testing of checkout processes, we’ve ...
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 ...
9
votes
Accepted
Should unavailable options be grayed out or invisible to users?
Users need to trust your application. If you remove unavailable options, they will have a difficult time understanding the rules that dictate completion of their goals.
Here's a helpful article on ...
6
votes
Accepted
What is the most user friendly way to ask a user to enter European banking data?
Swift/BIC codes follow this convention:
AAAA BB CC DDD
AAAA Bank code A-Z
4 letter code. It usually looks like a shortened version of that bank's name.
BB Country code A-Z
2 letter code. It says ...
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 ...
5
votes
Accepted
How to inform user of changes in the shopping cart?
To protect user from such situation you will need two session records:
CART_ITEMS - Items that are currently in the cart.
CHECKOUT_ITEMS - Items the user is about to pay for.
Before you send the ...
5
votes
How do you communicate to a user that their money will not be available because of a technical limitation?
I feel like you're going about this the wrong way, you should ask the creator of the button, prior to any implementation, the questions if it fundamentally relies on them being in the right country ...
5
votes
Accepted
Why not embed payment pages in the same page?
I've worked on this problem in the past; musefan's comment is exactly why you see hosted order pages.
Many payment systems offer APIs that can be embedded seamlessly into a site, but then your ...
4
votes
Empty price placeholder design
I would avoid using N/A, as that signifies that field is "not applicable". All three of those fields are applicable.
A simple placeholder would be:
€ 0,0
For every field needed.
4
votes
Accepted
Payment methods on the product page or checkout?
People are used to small price adjustments happening during the checkout process rather than everything being shown on the product detail page. For example, service fees, taxes, shipping fees, and ...
3
votes
What types of payment should I include?
Don't offer transfer unless you want to create additional work/cost for you. Having access to a credit/debit card is generally accepted as a minimum barrier to make purchases on line.
You usually ...
3
votes
Accepted
In which order the payment method and total amount should present?
As I'm designing for e-commerce for many years, through some tests I found out that the price is the most important thing in the checkout process, whilst everything close to purchase button attracts ...
3
votes
Accepted
Identity and abuse in software build around anonymity
Those verification methods are common and could be viable, but the underlying app may have conceptual problems.
There's a lot to unpack here, so bear with me.
For starters, it sounds like users ...
3
votes
Best way to let the user modify the subscription (change number of mobile devices)
I would be more explicit with the 11/31 calculation. I would also separate the numbers from the explanation in the calculation to make it more easily readable.
2
votes
When choosing payment options during checkout, should the Paypal option go directly to Paypal, or show a "continue to Paypal" link?
I'd recommend to adopt the experience to the user's expectations.
When the customer makes the first purchase, it's important to build trust by giving the payment options and showing the popular credit ...
2
votes
Should we ask for name on card even though it's not required for credit card payments?
DO NOT ask for the card holders name if it is not required by the payment gateway to make the transaction. If you ask for a name and someone types in a false name the transaction will still execute. ...
2
votes
Are there any documented best practices for in-app SaaS upgrade prompts?
I like keeping the up-sell right within the context of using the product. You aren't forcing the user to click on something before they find out it isn't available and you aren't hiding the ...
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 ...
2
votes
Should unavailable options be grayed out or invisible to users?
Show the unavailable option greyed out.
Otherwise users might ask themselves 'Why isn't there another option?' or 'Why did I see the option available for other accounts?'. Consistency is key here.
...
2
votes
How to engage the user while waiting for Instant Payment Notification from PayPal
What if you rewarded each donation with a joke or a quote? Perhaps another section of an interesting photograph. If the user chooses to only make a single donation, but would still like to reveal what ...
2
votes
Accepted
Empty price placeholder design
Defaulting everything to 0 is fine. If they have not defined a "requested amount" then the amount requested is 0, and so are all the other numbers.
2
votes
When to ask for payment information?
Before asking for payment info, make sure you've done these things:
Convert the user. Convince them that whatever it is you're asking them to pay for it worth the money.
Show the user all the ...
2
votes
Accepted
On-site checkout vs "external" checkout
If you have to use an off-site payment page, then use it to your advantage. Bill it as "We use a trusted payment facilitator to ensure the safety of your payment information."
2
votes
One click order alternative - slide to pay
I think you're interaction pattern of "Slide to Pay" is a good idea to prevent one click mistakes.
I'm not sure if there is a patent that prevents you from using this interaction style for payments, ...
2
votes
Reminder notification for subscription renewal
I think it's best to have BOTH the reminder and the auto renewal and be active when the user first subscribes and make your user aware that he can change these anytime he wants from settings section.
...
2
votes
eCommerce: Grey out or hide disabled payment and delivery methods?
Short answer
Grey out is probably better than hiding, but only doing the one or the other is not going to solve the customer problem.
Why are customers confused?
Customers usually have preferred ...
2
votes
Accepted
Most efficient payment UX model
Don't ask for payment upfront. I can tell you from experience that this is a UX disaster. One example that comes to mind was the Ouya game console that once you powered it up it asked for payment ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
payment × 134checkout × 28
e-commerce × 21
forms × 18
user-behavior × 15
user-expectation × 9
usability × 8
mobile × 8
registration × 7
credit-cards × 7
buttons × 5
mobile-application × 5
security × 5
shopping-cart × 5
conversion × 5
accounts × 5
website-design × 4
gui-design × 4
web-app × 4
user-research × 4
billing × 4
interface × 3
email × 3
notification × 3
validation × 3