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 […]
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 […]
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 […]
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 […]
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”) […]
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.
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.
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. […]
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 […]