The cost of friction: an interactive demo

Each extra field, page load or unclear label is a small tax on the user’s willingness to finish. Most of the time we add these without thinking. The developer needed an address, marketing wanted the phone number “just in case”, and nobody asked whether the account-creation step was necessary.

A single extra field might cost you 5% of users, which sounds manageable. But three extra fields, an unnecessary page load and a confusing error message can compound to 40% or more. The demo below shows two versions of the same checkout, with numbers based on real ecommerce benchmarks.

High friction: the checkout gauntlet

Every extra field, every unnecessary page load, every unclear error message adds friction. In this version, the user must navigate 4 pages before placing an order.

Cart

Address

Payment

Confirm

4 steps~45% drop-off

See the low-friction version

To audit your own path, walk it as if you’ve never seen it before. Count every interaction: each click, bit of typing, swipe and wait. Label each one necessary or avoidable, remove the avoidable ones, then test the shorter version against the original. The result is almost always a win for both conversion and user satisfaction. Cutting friction helps the user first, and your metrics tend to follow.

Some teams add friction on purpose in the name of “qualifying leads”: more fields, required phone numbers, a chat before they’ll show you a price. The reason given is data quality, but only the most desperate or least price-sensitive prospects make it through, so you’ve built a sieve that selects for the wrong signal. If you need data, ask for it openly and explain why. If a prospect says no, respect that.

Put it to work

Take one journey and remove a single avoidable step, then test the shorter version against the original.

Your answer

Show the worked example

There is no right answer. Write yours first, then compare.