Website Forms That Actually Get Filled Out: The UX of Capturing Leads

The Invisible Conversion Killer

You've spent money driving traffic. Your landing page is solid. The visitor is interested — they scroll to the form, ready to get in touch. And then they see 14 fields, including "How did you hear about us?" and "Company size (please select)" and "Which services are you interested in? (Select all that apply)."

They close the tab.

This happens constantly. Businesses optimise everything above the form — headlines, images, testimonials — and then kill the conversion at the final step with a form that asks too much, too soon.

Form optimisation isn't glamorous, but it's one of the highest-leverage changes you can make. Reducing a form from 11 fields to 4 has been shown to increase conversions by up to 120%. That's double the leads from the same traffic, with a 10-minute change.

The Field Count Equation

Every field you add creates friction. Every field you remove increases submissions.

The Data

| Number of Fields | Average Conversion Rate | |-----------------|------------------------| | 3 fields | 25% | | 5 fields | 20% | | 7 fields | 15% | | 10+ fields | Under 10% |

These are averages — your numbers will vary. But the pattern is universal: fewer fields = more submissions.

What to Keep

Ask yourself: "Do I need this information to take the next step with this person?"

For a contact/enquiry form, you probably need:

Name
Email
Phone (optional — making it required loses submissions)
Message or "How can we help?"

That's it. Four fields. Maybe three if you combine first and last name.

What to Cut

"Company name" — you can look them up on LinkedIn in 30 seconds.

"Job title" — ask in the first conversation.

"Budget range" — people lie on forms anyway. Qualify in person.

"How did you hear about us?" — use UTM parameters and analytics instead.

"Which services are you interested in?" — the enquiry message will tell you. Or ask later.

"Address" — unless you're shipping something, why do you need this?

The Exception: Qualification Forms

Some businesses intentionally use longer forms to qualify leads. If you only want to talk to serious prospects, a longer form filters out casual enquiries.

But be deliberate about it. Every field should earn its place by either:

Filtering out unqualified leads, or
Providing information you genuinely need before the first contact

Multi-Step Forms: The Best of Both Worlds

Need more information but don't want to scare people off? Break the form into steps.

How It Works

Step 1: Easy questions (name, email) — low commitment, high completion Step 2: More specific questions (company, needs, budget) — they're already invested Step 3: Final details and submit

Why Multi-Step Forms Convert Better

Progress psychology: People who've completed step 1 feel invested and want to finish
Lower initial friction: The first step looks easy
Commitment and consistency: Starting a process creates psychological momentum
Partial data capture: Even if they abandon at step 2, you have their email from step 1

Implementation Tips

Show a progress indicator (Step 1 of 3)
Put the easiest questions first
Group related fields together in each step
Allow going back to previous steps
Save partial submissions (capture the email early)
Keep each step to 2-4 fields maximum

Multi-step forms typically outperform single-step forms by 20-40% for forms with 5+ fields.

Form UX That Reduces Friction

Labels and Placeholders

Labels above the field — always visible, always clear. This is the standard and what users expect.

Floating labels — start as placeholder text, then float above when the field is active. Visually clean, but can cause accessibility issues. Use carefully.

Placeholder-only (no label) — looks minimal but causes usability problems. Once users start typing, they can't see what the field was for. Avoid this.

Field Sizing

Make fields wide enough to see the full input
Email fields should be wider than name fields
Message/textarea fields should be tall enough to write a few sentences
Don't make all fields the same width — it looks lazy and wastes space

Smart Defaults

Auto-detect country from IP for location fields
Pre-select the most common option in dropdowns
Use the phone's number keyboard for phone fields (type="tel")
Use the email keyboard for email fields (type="email")
Enable autocomplete attributes (autocomplete="name", autocomplete="email")

Button Text

The submit button is an underappreciated conversion lever.

"Submit" — generic, slightly off-putting (what am I submitting to?)

"Send Message" — better. Clear and action-oriented.

"Get My Free Audit" — best. Reminds them of the value they're getting.

"Book My Consultation" — best. Specific outcome.

The button should complete the sentence: "I want to ______."

| Button Text | Relative Conversion | |-------------|--------------------| | Submit | Baseline | | Send | +5-10% | | Get Started | +10-15% | | [Value-specific CTA] | +15-30% |

Button Design

High contrast colour (stands out from the rest of the page)
Large enough to be easily tappable on mobile (minimum 44px height)
Full width on mobile
Clear visual hierarchy (primary CTA is obvious)

Validation That Helps (Not Punishes)

Inline Validation

Show validation feedback as the user fills out each field, not after they hit submit.

Good: Green checkmark appears when email format is valid.

Bad: Red error message after submitting: "Please enter a valid email address." (User has to find the problem.)

Error Messages

Write error messages like a human, not a machine.

Bad: "Error: Invalid input in field 3."

Good: "That doesn't look like an email address — could you double-check?"

Bad: "This field is required."

Good: "We need your email so we can get back to you."

Don't Be Too Strict

Accept phone numbers in any format (people write them differently)
Don't reject names with hyphens, apostrophes, or non-Latin characters
Be flexible with address formats
Allow spaces in credit card numbers

Every rejected valid input is a lost lead.

Mobile Form Optimization

More than half of form submissions happen on mobile. If your form doesn't work beautifully on a phone, you're losing leads.

Mobile Essentials

Single column layout — no side-by-side fields on mobile
Large tap targets — fields and buttons at least 44px tall
Appropriate keyboard types — number pad for phone, email keyboard for email
No tiny dropdown menus — use native mobile selectors
Thumb-friendly placement — primary CTA reachable with one hand
Minimal scrolling — keep the form visible without excessive scrolling
No CAPTCHAs if possible — they're torture on mobile (use honeypot or reCAPTCHA v3 instead)

Test on Real Devices

Desktop browser emulation isn't enough. Load your form on an actual phone and try to fill it out with one hand. If it's frustrating, your visitors are frustrated too.

What Happens After Submit

The post-submission experience matters more than people think.

Confirmation

Minimum: A clear success message. "Thanks — we've received your message and will be in touch within 24 hours."

Better: Redirect to a thank-you page with:

Confirmation of what happens next
Expected response time
Alternative ways to reach you (phone, email)
Helpful resources while they wait

Why a thank-you page? It's trackable as a conversion in Google Analytics. It's also an opportunity to set expectations and reinforce trust.

Auto-Response Email

Send an immediate confirmation email:

Confirm you received their enquiry
Set expectations for response time
Include your contact details
Make it personal (not a generic auto-reply)

Speed to Response

The data is clear: responding within 5 minutes makes you 21x more likely to qualify a lead than responding after 30 minutes.

Set up notifications (email, Slack, SMS) so form submissions are seen immediately.

Testing and Iteration

What to A/B Test

In order of typical impact:

Number of fields (fewer vs. more)
Button text (generic vs. value-specific)
Form placement (above fold vs. below content)
Single-step vs. multi-step
Adding/removing specific fields (does removing phone number increase submissions?)
Social proof near the form (testimonial, trust badge)
Form layout (single column vs. two columns)

Measurement

Track:

Form view rate (what % of page visitors see the form?)
Form start rate (what % begin filling it out?)
Form completion rate (what % submit?)
Drop-off by field (which field causes the most abandonment?)
Submission-to-qualified-lead rate (are the leads any good?)

Tools like Hotjar, Microsoft Clarity, or dedicated form analytics show exactly where people drop off.

Quick Wins Checklist

[ ] Reduce fields to the minimum needed (aim for 3-5)
[ ] Change button text from "Submit" to something value-specific
[ ] Add inline validation
[ ] Test on a real mobile device
[ ] Set correct input types (email, tel, autocomplete)
[ ] Add a confirmation message or thank-you page
[ ] Set up instant notification for new submissions
[ ] Remove CAPTCHA if possible (use invisible alternatives)
[ ] Add one trust signal near the form (testimonial, privacy note, response time promise)

Every one of these changes takes less than an hour. Together, they can transform your form from a conversion bottleneck into a lead generation machine. The traffic you're already paying for deserves a form that makes it easy to convert.