One click, also named 1-click, is a technique that allows customers to make purchases with the payment information needed having been entered previously. It allows the online shopper to avoid manually inputting billing and shipping informations as long as they have been saved before.
"Mobile devices, high-speed data communication, and online commerce are creating expectations that convenient, secure, real-time payment and banking capabilities should be available whenever and wherever they are needed." - Jerome Powell
Statistics reports almost 21% of the online users abandon their online shopping due to long and tedious check out process. Also, 24% of the online buyers are reported to get distracted while making payments. This clearly defines that payment and usability are more closely connected than one can think. If the users find no way to pay, they will have no way to buy.
I used two main personas to work on this project. The first one, Matthieu, often buys online and is a regular customer of the website. He is the one that is more likely to use this feature because as a regular online shopper he probably knows how it works and besides, he already has full confidence in the brand.
The other persona I chose is Maud. She is not a client already and she needs to be reassured. It will be a good example to judge the trust conveyed by this payment method because if her experience is positive, she may be interested in register her credit card and save time on her next order.
To think about the implementation of this feature, we distinguished in the payment process 3 main paths.
#1 Saving credit card informations
When he completes his order, the user has the choice to register or not his payment informations. At the same time, we present him the advantages of one-click payment and how to delete or modify a saved card. If the card has been registered, then the user receive a registration confirmation email.
#2 Pay with a registered card
Once a card is registered, the customer can access it from his personal account. He can use the one click payment module or choose the standard procedure. In case of purchase, he can, on the payment page, use a previously registered card. The last used one will be proposed by default.
#3 One click payment quick procedure
Upon eligibility, the customer can choose the one click payment method that allows him to skip several steps to place his order. By choosing this method, a popin appears with a summary of his current order. It contains the main informations allowing him to buy with an optimal level of information (total cost, address and shipping method). He can also edit his delivery address and the card to be used if several are registered. By validating the order with 1 click feature, a confirmation page displays a summary of the order, the delivery address, the credit card used and a link to modify or cancel the order.
Specific constraints to respect to be eligible to the one click payment :