Skip to content
Journal

Design

Checkout Is Where Trust Goes to Die

Headshot of Tom Becker
Tom Becker
March 22, 2023 · 3 min read

E-commerce teams talk about cart abandonment like it is weather: a mysterious force, industry average around 70 percent, nothing to be done but lament. Then you watch a hundred session recordings, as we did this winter while redesigning checkout for Northwind, and the mystery evaporates. People do not abandon carts because they stopped wanting the product. They abandon because the checkout made them feel stupid, surprised, or unsafe, usually within a single screen of the finish line.

Checkout is not a form. It is the moment a brand asks for money, and everything about the interaction either builds the confidence to proceed or gives doubt a place to grow.

Surprise is the number one killer

The most consistent rage pattern in our recordings: costs appearing late. Shipping revealed at step three, taxes at step four, a handling fee at the summary. Every late-arriving number reads as a small betrayal, and the cumulative effect is a customer who no longer trusts the total. Our fix for Northwind was blunt: a running order summary visible from the first checkout screen, shipping estimated as early as a zip code allows, and no fee that appears for the first time on the final review.

The same principle applies to stock and delivery. "Arrives Thursday" on the product page that becomes "5 to 9 business days" at checkout is a broken promise at the worst possible moment.

Reduce decisions, not just fields

Standard advice says minimize form fields, and sure. But the deeper tax is decisions. Every choice a customer must make at checkout is a fork where they can stall. The redesign cut decisions ruthlessly:

  • Guest checkout is the default path, presented first, with account creation offered after the order confirmation, when the customer has nothing left to lose. Forcing registration before payment remains the single most self-destructive pattern in retail, and it persists because the metric it damages is invisible on the dashboard that demanded it.
  • One recommended shipping option pre-selected, alternatives one tap away. Choice remains; deliberation is no longer mandatory.
  • Address autocomplete and inline validation that corrects gently, in the moment, rather than rejecting the whole form at submission like a failed exam.

Fear has a design language

Watch someone hover over a payment button without clicking and you are watching fear. The remedies are unglamorous and effective: a total that matches every number previously shown, plainly stated return policy within eyeshot of the pay button, recognizable payment marks, and microcopy that says what happens next ("You'll see a confirmation before your card is charged"). None of this is decoration. On mobile especially, wallet payments matter here too: Apple Pay or a similar one-touch option is not a convenience feature, it is an entire anxiety category deleted.

One finding that surprised the client: error states did more damage than any layout choice. A declined card with a cold, technical message lost customers permanently. We rewrote every error in a human voice with a next step, and treated the payment-failure screen as a first-class design surface. Nobody is more ready to buy than the person whose card just declined; they came to pay. Treat them like a guest, not a fraud suspect.

Measure the flow, not the funnel step

Post-launch, Northwind's checkout completion improved by double digits, but the more useful outcome is instrumentation: we now measure time-to-confidence signals like field re-entry, back-navigation, and summary hovering, not just step completion. Funnels tell you where people left. Recordings and micro-signals tell you why, and the why is always specific, fixable, and slightly embarrassing.

Checkout is the least glamorous screen in the product and the only one that touches every dollar. Design it like it is the brand, because at that moment it is the entire brand.

Building something this could apply to?

We take on a small number of flagship projects each quarter.

Start a project