WhollySoftware
Back to blogDesign

Reducing Cognitive Load in Multi-Step Checkout and Signup Flows

Wholly Software TeamApril 14, 20266 min read
Reducing Cognitive Load in Multi-Step Checkout and Signup Flows

A subscription box retailer client's signup flow asked for name, email, password, phone number, shipping address, billing address, a marketing opt-in checkbox, a referral source dropdown, and a birthday, all on one long form before a user had committed to anything or seen a single product. Drop-off analysis showed the majority of abandonment happened in the first thirty seconds on that screen, before users had even reached the fields that were arguably necessary, like shipping address.

We restructured around the principle that every field should be justified by something the user needs right now, not something the business might want eventually. Birthday and referral source moved to an optional post-signup profile step that appeared after the first successful purchase, when the user had already gotten value and had more tolerance for a small additional ask. The initial form dropped to email, password, and the two address fields genuinely required to ship a physical product.

We also broke the remaining fields into two short steps instead of one long one, account details, then shipping, with a visible progress indicator showing exactly two steps total. This wasn't about reducing the actual amount of information collected, it was the same fields, just chunked so no single screen asked for more than the user could hold in mind at once, which testing showed reduced the sense of the form being a chore even when the total field count barely changed.

One thing we initially got wrong: we added inline validation that fired on every keystroke, intending to be helpful by catching errors early, but it meant a partially typed email address showed a red error state before the user had finished typing, which felt punitive rather than helpful. We moved validation to fire on field blur instead, after the user had finished with that field, which kept the same error-catching benefit without the premature, anxiety-inducing red state.

Conversion through the signup flow improved measurably after these changes, and the post-purchase profile completion step, where we'd moved the deprioritized fields, was completed by a majority of users anyway, just later, when the ask felt earned rather than like a toll gate in front of the product itself.

UXConversionFormsCheckout Design