Best Practices to Reduce Cognitive Effort on Checkout Forms

UX Movement
6 min readApr 14, 2022

Filling out a form can frustrate anyone if it requires a high cognitive effort. A high cognitive effort causes users to think and work harder, increasing the time to complete the task.

This experience can lead to page abandonment and lower conversion rates on a checkout form. To prevent this, apply these best practices to each checkout page.

Shipping Page

Make page titles and form steps highly visible

When users can see the page title and form step, they’ll recognize where they are and what they’re doing if their mind slips. Make your titles highly visible by using big, bold font, and make your form steps visible by using a ring stepper.

Make field backgrounds more visible for better focus

Combining an off-white background with a white fill makes text fields more visible. As a result, users can focus on the label and input better.

This practice also reduces the many visible borders that often make a form look overwhelming. With fewer borders, the form looks like less work.

Make touch area for text fields larger

--

--

UX Movement

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.substack.com