All Questions
18 questions
0
votes
2
answers
31
views
Program application and payment processing
I'm designing an a program application flow for a client. If the applicant is approved, they must pay for membership to the service. The application form is quite lengthy and required 4 business days ...
1
vote
1
answer
37
views
Prevent reset of data in input form after changing server instance
I'm trying to design an "add card payment" form with Stripe implementation, the real challenge is that I have two accounts for two regions US & Europe.
My current design is that user is ...
4
votes
1
answer
465
views
ATM Style Input Fields for Currency
I am looking for best practices around how to design a UI for currency fields. I have been looking into ATM-style fields. This is when if you type in your value, it fills in cents first until you've ...
1
vote
2
answers
529
views
What should happen when the user edits the expiration date for a credit card?
The UX for entering the month and year of a credit card expiration date can be tricky. I tried a few services (Netflix, Lyft, Uber) and found they were all buggy. Amazon avoids this by using drop-down ...
0
votes
1
answer
136
views
How to handle users editing the amount they want to pay
I am currently working on a payment form. It's absolutely required that our users are allowed to edit the amount they want to pay.
Currently, the way I am handling this is to have an editable '...
12
votes
3
answers
14k
views
Credit card field placeholder text
There has been a lot of discussion around Stripe 'Elements' default credit card field placeholder text.
Their default is '4242 4242 4242 4242' as shown below:
There are a few vocal users ...
122
votes
10
answers
65k
views
Splitting credit card number fields into four different inputs
I have previously been using 4 fields for the credit card number, splitting up each set of 4 numbers to make it easier to enter.
I am now thinking about having one field, which inserts spaces after ...
1
vote
1
answer
223
views
What is the best approach to use after user has made a payment?
After a user has finished paying for an item, what is the best thing to show them right after they are finished?
I was thinking of showing an order status page with a receipt that would show whether ...
3
votes
2
answers
1k
views
Single-Field Credit Card Payment. Experience or Published Data?
I'm currently attempting to employ the single-form credit card input solution similar to the one on Brad Frost's website (link below) but I'm facing some reluctance from others on this project due to ...
4
votes
3
answers
599
views
Progressive Disclosure on Credit Card Form
I'm toying with the idea of completely hiding the submit button on a credit card form until the user enters valid card info (checksummed number, expiration date, security code). As soon as invalid ...
1
vote
1
answer
381
views
Payment screens as part of a multi-step form
I am designing a series of multi-step transactional forms which appear in the context of a web page with a progress bar, site header, footer, nav etc. Each form contains a payment step. There are two ...
10
votes
5
answers
7k
views
Should I auto-save a user's credit card information?
Is it wrong of me to automatically save a user's card info without asking them?
Update:
I am using Stripe, so the card data never touches our servers. Using Stripe alone doesn't make a site fully ...
3
votes
1
answer
337
views
Should payment details be retained on checkout page reload?
If a customer tries to checkout with invalid credit card/direct debit details, should the details be wiped when the page is reloaded?
If so, which details? Only credit card number/bank account ...
2
votes
7
answers
650
views
Should I present payment options in an accordion?
I'm working on the payment software, that allows users to make payments to different businesses.
To make a payment, a user needs to add the business's bank account and the payment method they want to ...
2
votes
1
answer
128
views
How to provide translations alongside untranslated iframe?
I have a site that is translated into 4 languages.
We accept credit card information via an iframe (because we don't want to deal with PCI compliance, so we're letting a 3rd party receive and store ...
5
votes
1
answer
955
views
How to direct users through a multi-step payment process?
I'm trying to develop a payment process for my users. Here are the steps that are required:
User views the page that outlines all the awesome features that you get if you pay for the premium service.
...
21
votes
7
answers
32k
views
Should we ask for name on card even though it's not required for credit card payments?
The name on card is not used when processing credit card payments. Paypal does not ask the user to enter the name on card when saving a card to the "wallet", while Amazon.com does.
The benefit of ...
3
votes
2
answers
221
views
Make users pay up front or after an application is submitted?
Quick back story: My company has a web-based application that college-age students will complete (similar to the FASFAA) that helps them get awards, grants, scholarship aid from the schools they apply ...