Daily UI challenge 002- Credit card checkout page
Imagine you're browsing online, excitedly adding items to your cart, ready to make a purchase. But as you reach the checkout page, something feels off. Maybe there are unexpected costs popping up, like shipping fees or taxes you didn't anticipate. Or perhaps you're asked to create an account, and you just want to make a quick purchase without all the extra hassle.
It turns out, you're not alone in feeling this way. According to research by the Baymard Institute, nearly 70% of shoppers abandon their carts before completing their purchase. The article How to optimize checkout pages: 10 UX design tips for 2023 (webflow.com) tells us a little bit about this topic and it highlights some common issues that many of us encounter while shopping online.
One of the biggest frustrations for shoppers is encountering unexpected costs at the checkout stage. No wonder it can lead to frustration and ultimately, abandoning your cart.
Then there's the issue of extra steps. Wouldn't users find it really annoying to have to create yet another account just to make a single purchase? It's understandable why some users would prefer to skip this step altogether and move on to a simpler checkout process.
And of course, there's the matter of trust. Feeling confident that your personal information is safe could be crucial when making online purchases.
Some of the additional tips for a smoother and more enjoyable checkout process that I found insightful were:
provide multiple payment options-every customer has their preferred payment method and offering multiple options caters to their diverse needs.
remove the distractions-keep the checkout page design focused on the purchase process by eliminating unnecessary distractions.
include a progress indicator-a progress bar or a step-by-step guide informs your customers about their position in the checkout process.
Having these tips in mind, I tried to design a credit card checkout page that would make users feel safe and help them complete their purchase.
