<?xml version="1.0" encoding="utf-8"?>

Place the checkout button after the order details

Place the checkout button after the order details Bad Practice
Place the checkout button after the order details Best Practice

Playing around with the natural hierarchy of page elements confuses users, resulting in them leaving without buying. Allow users to review the order before proceeding to the checkout and place the checkout button at the bottom of the page. This way, you support intuitive user behavior to make a final check if everything is fine or if any further modifications are needed.

Improve your UX & Product skills with interactive courses that actually work