Module 3: Friction Killers
The cruelest conversion failures are the near-misses: visitors who wanted to say yes and got stopped by a form, a slow page, or a button their thumb couldn't reach. This module is the friction variable — how to find it, measure it, and kill it.
The Friction Audit
The Friction Audit is a hands-on exercise: open your key page on your phone, try to complete the action as a visitor would, and count everything it costs — every field to fill, every click to make, every page load to wait for, every second of delay. Write the counts down. Most site owners are stunned: the "simple" contact form is eleven fields, the quote request is four pages deep, the checkout needs an account created first.
Memorize the field-count targets. Newsletter signup: one field — the email address. That's it. Every extra field (first name, last name, "how did you hear about us") measurably lowers completion, and you can collect the rest later. First-contact form: three to four fields — name, email, message, plus at most one qualifier (budget range, timeline, service needed). Anything you'd like to know but don't need to reply goes in the follow-up email, not the form. Quote or booking requests: never one long form — split them (next lesson).
The phone-number rule: never ask for a phone number on first contact unless you genuinely call every lead within the hour. A phone field screams "sales call incoming" and tanks completion. Every field must earn its place by being necessary for the next step — not nice to have, necessary. "Company name" on a freelancer's contact form? Cut. "How did you hear about us" on a newsletter signup? Cut. Your CRM's completeness is not the visitor's problem.
Field-count targets by form type
Build brief
Run the Friction Audit on your main form right now, on your phone. Count: fields, clicks, page loads, and seconds. List every field and mark each one "necessary for the next step" or "nice to have." How many get cut?
Saved
Multi-step forms and mobile
Sometimes you genuinely need eight or ten pieces of information — a proper quote, a booking, an application. The answer is never one long form. Split it into three or four short steps with a progress indicator ("Step 2 of 3"), and watch completion climb. The psychology: a four-field step feels trivial, and each completed step is a micro-commitment — by step three, they've invested enough that finishing feels easier than quitting.
Order the steps deliberately. Step one asks the easiest, most interesting question — "What do you need help with?" with three big tappable options. Never start with contact details; that's asking for commitment before delivering value. Contact info goes last, when momentum is highest. Each step gets one topic, one screen, one "Continue" button. And every step should feel like progress, not interrogation — show the progress bar filling, keep the tone conversational.
Then the mobile pass, because most of your friction lives on phones. Buttons and form fields need to be thumb-tappable — if you have to zoom to tap it, it fails. The primary call to action should sit within thumb reach, not stranded at the top corner. No horizontal scrolling, ever. Forms should fit the screen width with the keyboard open — test it, because desktop previews lie. If it doesn't work one-thumbed on a mid-range phone, it doesn't work. Your office wifi and flagship phone are not your visitor's reality.
Build brief
Do you have any form or process that asks for 6+ things at once? Sketch it as 3 steps: what's the easy first question, what goes in the middle, and what contact info goes last? Write the step breakdown.
Saved
Speed: the invisible friction
Load time is friction you can't see in a screenshot. A page that takes six seconds to load loses a large share of its visitors before they see a single word — they've bounced before your headline even rendered. And the cruel part: you never notice, because on your office wifi and your cached browser, everything feels instant. Test like a visitor: a mid-range phone, cellular data, cleared cache.
Hunt the usual suspects in order. Oversized images are the number-one culprit — a 4MB hero photo resized by CSS instead of by you. Resize every image to its actual display size and compress it before uploading; most heroes can drop 80% of their weight with no visible difference. Video backgrounds look premium and load like anchors — replace with a still image and a play button. Font and plugin bloat: every extra font weight, chat widget, pop-up tool, and tracking script adds weight. Keep two font weights max, and audit your plugins quarterly — each one should justify its milliseconds.
Two structural fixes finish the job. Lazy-load everything below the fold — images and videos that only load when the visitor scrolls to them, so the first screen arrives fast. And on long pages, make the call to action sticky on mobile: a slim bar that follows the scroll with your one button, because a visitor who decides at section six shouldn't have to hunt for the button from section one. Speed isn't a technical nicety — it's the first impression. A slow page is a rude greeting.
Build brief
List your homepage's weight suspects: hero image size, video backgrounds, number of fonts, plugins/widgets loading. Which two will you fix first, and what will you replace or remove?
Saved
David's landscaping site has a "Get a quote" form with 12 fields: name, email, phone, address, zip, lawn size, service type, budget, timeline, referral source, preferred contact method, and message. Quote requests are near zero. What's the highest-leverage fix?
The One-Job Rule: every page gets exactly job and primary call to action.
Your turn: Write out your full Friction Audit for your most important page: list every field, click, page load, and the load time on cellular. Then write the "after" version — what gets cut, what gets split, what gets sped up.
Saved.
Your next 24 hours
Remove one field from your main form — the one you marked "nice to have" in your audit. Then resize and compress your homepage hero image. Two small cuts, same afternoon.
Steal this template
THE FRICTION AUDIT CHECKLIST
Page: ___ · Tested on: ___ (phone model + connection)
Fields: ___ (target: 1 / 3–4 / multi-step) ☐
Clicks to complete: ___ ☐
Page loads: ___ ☐
Load time on cellular: ___ sec ☐
Phone number asked? ___ (cut unless you call within the hour) ☐
CTA thumb-reachable? ___ ☐
Horizontal scroll? ___ (must be none) ☐
Fixes, in order: 1. ___ 2. ___ 3. ___
Module 3 cheat sheet
- The Friction Audit: complete your own action on your phone, counting fields, clicks, loads, seconds.
- Field targets: newsletter = 1, first contact = 3–4, long requests = multi-step.
- Every field must be necessary for the next step — "nice to have" gets cut or moved to follow-up.
- Multi-step: easy question first, contact info last, progress bar, one topic per step.
- Speed suspects in order: oversized images, video backgrounds, font/plugin bloat. Lazy-load below the fold.
- Test on a mid-range phone on cellular — your office setup lies to you.