#215 Allow customers to edit their credit card number
PCI compliance prevents stores from saving a user’s credit card number directly. As a consequence, 84% of stores do not allow users to edit the credit number directly. Users are required to add a new credit card and delete the old one. An elegant solution to this problem is to give the illusion that they […]
#214 Specify why the phone number is required
In Baymard’s usability testing: Required but unexplained phone fields were observed to be a direct cause of abandonments for the subgroup of users who are suspicious of a site’s motives. 58% of brands don’t provide an explanation. Attached below is a poll done by Baymard to 2800 shoppers. So… Reconsider whether […]
#213 Allow shoppers to edit information directly in the Order Review step
Let’s say you’re buying something and made it to the Order Review step, you’re ready to hit the Place Order button, and you realize that you messed up your address, or your card expiration date. What do you do? Most stores force you to go back to one of the previous steps to change that […]
#212 Match the order of credit card fields to the physical card
Baymard reports that 36% of stores don’t! (source) And if the cardholder name is your first field, 33% of users will type their credit card number in it because that’s what appears on their card. Typically, the order of the information on credit cards is: Credit card number Expiration date Cardholder name Business name […]
#210 Present the Guest Checkout as the prominent option
Give them the choice to sign up or log in to their account, but the guest checkout could be selected by default, and visually attract more attention than the other options. Users expect it in the upper-left on desktop, and on top on mobile. Clearly label the Guest Checkout option (include the word “Guest”) […]
#204 Show the order summary persistently throughout the checkout
This is more easily done on desktop, as there is enough space to always be showing the order summary. On mobile, just make sure to show it on each step of your checkout, it doesn’t need to always be visible as they scroll.
#191 Clearly indicate where users are in the checkout steps (for multi-page checkouts)
Add a progress bar at the top of the checkout which highlights which step they’re at, and gives a clear overview of all the steps.
#158 Localize your payment methods
(source)
#136 Validate the address and warn the shopper if it cannot be verified
If the address validation fails, suggest the corrected address if possible (and highlight the suggested change). Otherwise, give them the option to use or edit either the provided address or the suggested one. Note that if you’re using an Address Finder field instead of the standard address fields, you should not need an address validator. […]
#133 Increase the perceived security of your checkout page
According to Baymard, 18% of shoppers (from 1044 respondents in US) abandon their cart because they do not trust the site with their credit card information. The tips below are especially important if your store is NOT a large brand such as Apple, Microsoft or Walmart. Encapsulate the credit card fields with a solid background […]