Usability

CHECK-

OUT

STEPS

What steps do we have in the checkout process?

The checkout process involves several steps that the user has to complete to place an order. It starts when the user puts items in their shopping cart that they intend to purchase. Each step has a different purpose:

  • Personal details
    In this step, the user is asked for their name, email address, phone number, shipping address and billing address.
  • Shipping method
    The user chooses from the available shipping options, such as standard delivery, free delivery, express delivery, etc. Each option is priced differently, and the cost is added to the price in the shopping cart summary.
  • Payment method
    The user is asked for their preferred method of payment, such as credit card, money transfer, PayPal or whatever other option the online store offers.
  • Shopping cart summary
    The products and the total cost are displayed.
  • Order confirmation
    Once the user clicks a button (usually labelled “Place order,” “Buy now” or “Complete purchase”), an order summary is displayed and an email confirmation is sent off.

According to the size and needs of the store, other steps may be added, such as to allow for discount codes, gift coupons, etc.

Choose the right option

There are two ways to present the checkout process.

Multi-step checkout

In this scenario, the process is divided into several steps, and the user has to complete one before moving on to the next. A progress bar indicates to the user which step they are currently on.


One page checkout

This model for a checkout process is more recent. It shows all of the checkout steps on one screen, and the user does not need to go through the steps by clicking a “Next” button. The one-page model is implemented in Responsive Checkout because it simplifies the process.


List of articles