Form optimisation: more leads with three changes

Forms are the most underrated conversion factor in ecommerce. In a meta-analysis of 48 studies, the Baymard Institute found that 69.8 per cent of all shopping baskets never turn into a purchase.

The checkout, which is nothing more than a multi-step form, causes most of these drop-offs. And it is not only checkout forms that suffer from poor usability: contact forms, newsletter sign-ups, registration flows and lead generation pages lose potential conversions every day to friction that could be avoided.

This article goes well beyond surface tips. We look at the psychological, technical and legal sides of form optimisation, with concrete benchmarks, case studies and a practical roadmap you can measure against your own shop.

The good news: targeted changes to your forms bring in noticeably more leads. For the bigger picture of funnel optimisation, see the Academy track Landingpage & Funnel Optimization ↗. Even small changes to the number of fields, their order or the validation can lift the conversion rate significantly and turn interested visitors into qualified leads.

The psychology of form abandonment

Every form field is a hurdle. The psychological idea of “effort justification” says people abandon a task when the effort they expect outweighs the benefit. In practice: the more fields a user sees, the higher the cognitive load, and the more likely they are to give up.

The numbers back this up. A study by Imaginaire (2022) showed that cutting a form from eleven fields to four raised conversion by 120 per cent. HubSpot analysed 40,000 landing pages and found that forms with three fields achieve 20 per cent higher conversion rates than forms with five fields.

At six fields or more, the rate drops by another 15 per cent. The curve is not linear: each additional field costs more conversions than the one before.

The problem gets worse on mobile. Typing on virtual keyboards is 35 per cent slower than on physical ones (University of Michigan, HCI study). A form that takes 60 seconds on desktop takes 81 seconds on a smartphone. That extra time sharply raises the chance of abandonment.

The five most common technical form mistakes

The third point in particular is consistently underestimated. Address autocomplete cuts both completion time and error rate. A mistyped address leads to returns, support requests and annoyed customers, costs that go far beyond the lost sale.

The three changes with the biggest impact

Change 1: cut the number of fields radically

Radically cutting the number of fields is the most effective single change. Ask yourself for every field: is this information essential for the transaction? If yes, is it needed now, or can you ask for it later?

Expedia, one of the world’s largest travel booking sites, removed the optional “Company name” field from its booking form and earned an extra 12 million dollars in revenue per year. The field was optional, but its mere presence confused users and led to wrong entries that blocked the booking.

Best practice for ecommerce: name, email, address, payment details. Four clusters of data. Everything else, such as phone number, date of birth, title or “How did you hear about us?”, is either unnecessary or can be collected after the purchase. You need the phone number for the carrier, not for the order. Ask for it on the thank-you page.

Change 2: implement autofill and address validation

Browsers such as Chrome, Safari and Firefox have offered autofill for addresses, payment details and contact information for years. Yet many shops block it by accident with missing or wrong autocomplete attributes. The user types their full address by hand, a moment of frustration that leads straight to abandonment.

The correct implementation is trivial, but it matters:

• autocomplete=“given-name” and autocomplete=“family-name” instead of one generic “Name” field
• autocomplete=“email” for email addresses
• autocomplete=“street-address”, “postal-code”, “address-level1” for addresses
• autocomplete=“tel” for phone numbers
• autocomplete=“cc-name”, “cc-number”, “cc-exp” for credit cards

Build on this with an address validation API such as the Google Places API (from 5 dollars per 1,000 requests), Loqate (enterprise pricing) or the OpenStreetMap service Nominatim. Users type three letters and pick the right address. That cuts typing errors by 70 per cent and speeds up completion by 30 seconds on average, an eternity in ecommerce terms.

Change 3: inline validation and clear error messages

Forms that only validate after submission are the surest route to abandonment. A study by Luke Wroblewski (2010, but still relevant) showed that inline validation raises the completion rate by 22 per cent and lowers the error rate by 42 per cent.

Modern inline validation follows three rules:

1. Timely detection: do not validate on the first keystroke but when the user leaves the field (onBlur). That prevents premature error messages that stress the user.
2. Clear language: “This email address doesn’t look right. Example: name@example.com” is far better than “Invalid input” or a red exclamation mark with no explanation.
3. Visual support: green ticks for correct entries, red marks for errors. Do not rely on colour alone: add icons and text so the form stays accessible and does not shut out colour-blind users.

Mobile forms: a separate optimisation project

Moving desktop forms to mobile without adapting them is a guaranteed conversion loss. The specific challenges and fixes:

• Touch targets: Apple recommends at least 44×44 pixels, Google Material Design 48×48 pixels. Do not go below these values: mis-taps are the most common source of frustration on touch devices.
• Keyboard optimisation: type=“tel” for phone numbers and postcodes, type=“email” for email addresses, type=“number” for numeric input. That saves 12 seconds per form on average and reduces typing errors.
• Single-column layout: multi-column forms force horizontal scrolling or zooming on smartphones. Studies show single-column forms are completed 67 per cent faster on mobile.
• Replace dropdowns: for fewer than five options, radio buttons are faster and less error-prone than dropdowns. For dates, use native date pickers instead of three separate dropdowns.

A/B testing for forms: the systematic approach

Every form element can be tested. The most common tests with measurable impact:

Your 90-day roadmap to form optimisation

The hidden costs of bad forms

The direct conversion loss is only the tip of the iceberg. Bad forms create indirect costs that add up over months and years: typos in email addresses lead to undeliverable newsletters and lost marketing opportunities.

Wrong addresses cause returns at an average cost of 15 to 25 euros per shipment. Incomplete contact details make customer service harder and slow it down.

A study by Loqate (2023) showed that 11 per cent of all online orders are delayed or cancelled because of address errors. For a shop with 10,000 orders a year, that is 1,100 affected transactions. Multiplied by an average order value of 75 euros, that is 82,500 euros of revenue at risk every year, just from missing address validation.

Psychological triggers for form completion

Beyond the technology, psychology plays an important part. The principle of “commitment and consistency” says people tend to finish what they have started. A progress bar triggers this: the user sees they are already 66 per cent done and does not want to lose the effort they have put in.

Social proof right next to the form raises trust by 18 per cent on average. Elements such as “Over 10,000 happy customers” or “4.8 out of 5 stars on Trustpilot” reduce perceived uncertainty. A row of well-known payment provider logos (PayPal, Visa, Mastercard) at checkout lowers the abandonment rate by another 12 per cent.

Form analysis with heatmaps and session recordings

Technical optimisation is only half the job. To understand where users actually get stuck, you need behaviour analytics. Heatmaps show which fields get the most attention and where users drop off. Session recordings reveal recurring patterns: a user who jumps back and forth between the email and password fields four times clearly does not understand something.

Combining quantitative data (completion rate, field drop-off rate) with qualitative insight (recordings, user interviews) gives you the full picture.

A typical finding from this analysis: 40 per cent of checkout drop-offs happen in the address field, not because the address is complicated but because users look for a separate house number field that does not exist. The fix: one address field with autocomplete instead of five separate fields.

Long-term impact: how form optimisation pays off over the years

The real strength of form optimisation is that it compounds. A shop that raises its checkout conversion from 2.0 to 2.5 per cent earns an extra 37,500 euros a month at 100,000 visitors and a 75-euro order value.

Over a year, that is 450,000 euros. The one-off investment in the optimisation was perhaps 40 hours of development time, a return that beats any marketing campaign.

Conclusion

Form optimisation is not a design question, it is a maths question. Every field costs conversion. Every bit of friction costs revenue. The good news: the biggest levers are technically simple and quick to implement. Start by cutting fields.

Implement autofill and inline validation. Optimise for mobile. Combining these three changes is usually worth a measurable lift, and it costs nothing but the work. The only reason not to do it is the mistaken belief that your forms are already good enough.