What should your checkout look page look like? What best practices should you put in place to create the best user experience? These are just some of the questions that come to mind when developing an eCommerce store.
As per a research by Baymard Institute, on an average 69.23% abandon the shopping cart before checkout. A few major reasons are
- Extra cost like shipping & taxes
- Mandatory account creation before checkout
- Too Long or complicated checkout process
The above statistics show the importance of a well-designed checkout process.
B&H Photo’s checkout page is a simple, clutter-free page with great UI. Once you add an item to the cart, a pop-up window appears with the details of the items and also recommended accessories. The main product listing page also clearly shows if any items are already in your cart.
The checkout page has an option for express checkout for Amex Customers, Pay using Paypal or begin the checkout process. For checkout, users can either log in or check out as guests. Clear information and the ability to edit or remove an item are some of the best practices.
Just below the checkout button, helpful links like Shipping Policy and Return Policy are provided. The store’s contact information, like Live chat, the customer care number, and sales support number are provided clearly on the page, in case a user faces any issues.
Bonobos is another great example of clean and bright user experience. Since it sells men’s clothing and accessories, product images that appeal to the user are key. It has great images and design, which appeals to its users. The checkout button is bright and easy to spot. A user also has an option for Quick Shop for a product. However, a user needs to register before they can proceed for checkout, which can be a pain.
Home Depot has a seamless checkout process with all of the best practices of UX/UI implemented.
- Clear information and instructions
- Focused Add to Cart button
- Pop-Up window for checkout with suggested items and cost
- Guest checkout option
- One-page checkout page with shipping and payment information
- Live chat option and customer service contact number on the checkout page
This is also one of the sites with a great checkout experience. They have a single page checkout which seems quicker to users. It also has an option for guest users to save their information which will help in quicker checkout next time.
Users can review the order details as a final step which includes clear information about shipping and taxes.
Myntra.com is a great example of mobile responsive design. It is customized for mobile users for an easy checkout process. It offers a multi-step checkout process with multiple payment options.