The pillars of website friction

Every field on a form is a small ask, and every ask is a chance to lose someone. The friction isn’t only length — it’s fields that feel unnecessary or invasive relative to what the visitor is getting in return. A phone number on a newsletter signup, a company name on a personal checkout, a “how did you hear about us” before they’ve bought anything: each one adds doubt.

The data backs this up: HubSpot analyzed tens of thousands of landing pages and found conversion rates drop as form fields pile up — and in one widely-cited case, trimming a form from 11 fields to 4 lifted conversions by about 120%.

How to tell

Count the fields a visitor must complete before the primary action. If you can’t justify each one as necessary right now, it’s friction.

The fix

Ask for the minimum you truly need at this step; move everything else to later or make it optional. One field beats seven almost every time.

When a page offers several actions with equal visual weight, it forces a decision the visitor didn’t come to make. Two buttons of the same size fighting for the same click is the classic example — “add to cart” next to “buy now” next to “save for later,” or a hero with two equally bold buttons.

How to tell

Squint at the page. If more than one thing grabs your eye as the action, you have competing CTAs.

The fix

Choose one primary action per page and make it visually dominant. Demote everything else to a quieter style or a text link. Clarity beats options.

Hesitation spikes at the moment of commitment — the card field, the signup, the donate button. If there’s nothing reassuring the visitor right there, doubt fills the gap. Trust that lives only in the footer or an “about” page doesn’t help at the moment it’s needed.

How to tell

Look at the exact spot where you ask for money or personal details. Is there any reassurance within a glance of it?

Baymard finds unexpected extra costs are the top reason shoppers abandon checkout (around 48%), with forced account creation (about a quarter) and security doubts close behind — friction that reassurance at the right moment helps answer.

The fix

Put reassurance where the risk is felt — a guarantee, a privacy note, a security cue, real proof — next to the action, not buried below.

If a visitor can’t tell what this is and why it matters within a couple of seconds, they leave. A wordy headline, a flat visual hierarchy where everything looks equally important, or too many elements shouting at once all raise cognitive load — and cognitive load is friction.

How to tell

Show the top of the page to someone unfamiliar for five seconds, then hide it. If they can’t say what you do and what to do next, the hierarchy is fighting them.

The fix

Lead with a headline that states the value plainly, establish one clear visual order, and remove elements so the important thing stands out.

The pillars rarely appear alone. A long form with no trust cue is worse than either problem by itself; a strong headline can’t save a page with three competing buttons. That’s why fixing them in the right order matters more than fixing all of them at once — you want the single change that unlocks the most, then the next.

Walk your highest-value page and answer honestly:

• How many fields stand between the visitor and the action? Can you cut any?
• Is there exactly one obvious primary button? Or several competing?
• Is there reassurance within a glance of the point of commitment?
• Can a stranger tell what this is and what to do in five seconds?

Every “no” is a friction point. To see them ranked by impact rather than guessed, run a Friction Score.

When more than one pillar is weak, order matters. A simple priority rule: fix the pillar on your highest-intent page that blocks the most people from finishing. In practice that usually means:

• Ecommerce checkout — trust and form length first.
• SaaS / app signup — form length and clarity first.
• Service / lead-gen — form length and competing CTAs first.
• Nonprofit donate — trust and form length first.

The pattern: on high-intent pages, remove effort and add reassurance before you touch anything cosmetic.

The four pillars cover most of the damage, but a few secondary sources are worth a glance once the big ones are handled:

• Speed. A slow page is friction before the visitor reads a word — heavy media and scripts are the usual cause.
• Mobile layout. Sections that reflow awkwardly can bury the button or stretch a form on small screens.
• Surprises. Unexpected costs, forced account creation, or a required step the visitor didn’t anticipate.