Web Forms: Why People Abandon Them and What It Costs
Field count, validation, error states, mobile keyboards, timing. The changes that measurably move form completion rate, with numbers from real projects.
The form is the last step before a lead and, at the same time, the cheapest place to improve anything on a site. You can change it in an hour and see the effect within a week, unlike SEO or a redesign. And yet the form is what most often gets left on defaults: a template is dropped in, fields are added "just in case", and nobody returns to it. Below is what specifically stops people, with numbers we have seen on real projects.
−10%
completions per extra field
3–4
fields in an optimal lead form
2×
gap between a bad and a decent form
70%
of submissions come from mobile
Field count decides more than anything else
Every additional field lowers completion rate by roughly a tenth, and it is the most consistent pattern in form work. Yet fields are almost always added not because the data is needed, but because "it might be useful". The classic example is a "Company name" field on a form after which the manager calls and asks everything again anyway.
| Field | When it is needed | When it hurts |
|---|---|---|
| Name | Almost always | Never — it is the cheapest field |
| Phone or email | One of the two, required | When both are mandatory |
| Task description | Complex service with varied scenarios | A simple "call me back" request |
| Company name | Explicit B2B with vetting | Everything else |
| Budget | Very rarely | Almost always — it scares people off at step one |
| How did you hear about us | Never in the form | Always — ask during the call |
Validation: where you lose the already-interested
Someone who started filling in a form has already decided. Losing them at that point is the most frustrating outcome possible, and validation is usually to blame. The typical picture: a user types their phone number in their habitual format, gets a red "invalid format" with no explanation, tries again, and closes the tab after the second failure.
- 1Accept phone numbers in any format. Spaces, brackets, dashes and country prefixes should be normalised in code, not demanded from a person.
- 2Show the error next to the field, not as a list at the top. And only after the person leaves the field, not while typing.
- 3Explain what is actually wrong. "Invalid format" does not help. "Looks like the number is one digit short" does.
- 4Never clear what was typed. A form that empties itself after an error loses the person, guaranteed.
- 5Do not disable the button. An inactive button with no explanation reads as a broken site.
Mobile: seven out of ten leads
Most forms are filled in on a phone but designed on a monitor. That produces failures invisible on desktop: the phone field opens an alphabetic keyboard, the button hides behind the keyboard, fields are too small to hit with a thumb, and autofill does nothing because the fields lack the right attributes.
Mobile form checklist
- The phone field opens a numeric keypad; the email field opens a keyboard with @
- Autofill enabled for name, phone and email
- Field and button height large enough to tap without zooming
- The submit button stays visible while the keyboard is open
- The form does not overflow or require horizontal scrolling
- After submission there is a clear confirmation, not a silent reload
The same principles apply to the whole page, not only the form — we covered the approach in more depth in our piece on mobile-first design.
Where and when to show the form
A form at the top of the page works for people who are already ready and is ignored by everyone else. A form only at the bottom loses the ready ones. The most reliable arrangement is two: a short form above and an expanded one after the block that removes objections — pricing or case studies. What to show right before the form is covered in our piece on testimonials and case studies.
What happens after the click
The costliest form mistake is not in the form but after it. A lead that lands in an inbox and gets buried under newsletters costs exactly as much as a form nobody filled in. The minimum: instant confirmation for the user, instant notification to you in a channel you actually read, and a record in a CRM or spreadsheet. How to make those notifications reliable is covered in our piece on automated reports and alerts.
Frequently asked questions about web forms
How many fields should a lead form have?
Three or four is optimal: a name, one contact method of the visitor’s choice, and a short field describing the task. Every additional field reduces completions by roughly ten percent, so any field whose data a manager will clarify on the call anyway is better removed.
Should you require both phone and email?
No. Offer a choice: a single contact field that accepts either a phone number or an email address. Requiring both noticeably reduces submissions, because some people are not ready to give a phone number at the first step and others do not check email regularly.
Why do people abandon forms halfway?
Three main reasons: extra fields that feel like an interrogation, validation errors with no clear explanation, and mobile friction such as an alphabetic keyboard in a phone field or a submit button hidden behind the keyboard. All three can be fixed without redesigning the site.
Where is the best place to put a form on a page?
In two places: a short form near the top for visitors who are already ready to enquire, and an expanded one after the block that removes objections — pricing, case studies or frequently asked questions. A form only at the bottom loses ready visitors, and one only at the top loses those who need convincing first.
Do popups increase the number of leads?
They produce a short-term increase but reduce return visits when they appear on a timer before the visitor has read anything. If you use a popup, trigger it on exit intent or scroll depth rather than a few seconds after the page opens.
In short
- Every extra field costs roughly 10% of completions; three to four fields is the sweet spot.
- Do not demand phone and email together — let the visitor choose one contact method.
- Accept phone numbers in any format and never clear the form after an error.
- Seven in ten submissions come from mobile: check keyboard type, autofill and button visibility.
- Place the form twice: short at the top, expanded after pricing or case studies.
- A lead lost in an inbox costs the same as a form nobody filled in — reliable notification is part of the form.
Related reading
Landing Page Conversion: 18 Elements That Decide the Outcome
A 1% landing page and a 6% one usually differ by eighteen details, not by design taste.
CRO: Raising Conversion Without Buying More Traffic
Doubling traffic is expensive. Doubling conversion is usually cheaper and faster.
Mobile-First Design: Why 70% of Your Traffic Decides Everything
Most of your visitors are on a phone. Most sites are still designed on a 27-inch monitor.