How to optimise web forms

Every additional form field reduces the conversion rate. The classic Imagescape study showed that going from 11 to 4 fields increased conversions by 120%. The question for each field should be: do we need this data now or can we ask for it later?

Eliminate optional fields, combine first and last name into one if you do not need them separated, detect the city from the postal code, and ask yourself whether you really need a phone number on a contact form where email is sufficient to respond.

Progressive disclosure asks for data in successive stages instead of all at once. In the first interaction you ask only for the email; after registration, you request the name and company; after activation, you ask for billing details.

This technique works because it lowers the psychological entry barrier. A form with a single field (email) has a much higher conversion rate than one with 8 fields, and additional data is collected at moments when the user has already received value and is more willing to share.

Form validation is a frequent source of frustration. The most common error is validating only on submit: the user fills everything in, clicks "submit" and discovers errors that need fixing. Inline validation (field by field, when the user moves to the next one) is significantly better.

Error messages should be clear and constructive: "Enter a valid email (e.g. name@company.com)" is much better than "Error in the email field." Use clear visual formatting: red border on the error field, icon and explanatory text. Do not rely on colour alone (accessibility).

Multi-step forms split a long form into screens with 2–3 fields each. They work better than a single long form for two reasons: they reduce the perception of effort and activate the commitment effect (a user who completed step 1 is more likely to complete step 2).

Always include a progress indicator ("Step 2 of 3") and allow going back without losing data. The first step should be the easiest (name and email) to maximise initial commitment. If the form has conditional logic, steps adapt based on responses.

On mobile, forms face additional challenges: keyboards covering the screen, hard-to-tap fields, autocomplete that does not work and slow connections. Each additional friction point on mobile has a greater conversion impact than on desktop.

Use the correct input type (type="email", type="tel", inputmode="numeric") so the appropriate keyboard appears. Increase the minimum size of fields and buttons (44px per Apple, 48px per Google). Enable autocomplete with correct autocomplete attributes.

A form asks for personal data; the user needs reasons to trust. Including trust elements near the form reduces anxiety and increases submissions: testimonials, client logos, media mentions, security badges and a privacy note.

The privacy note does not have to be a generic link to the full policy. A brief, specific text ("We do not share your email with third parties. We will only contact you to respond to your enquiry.") generates more trust than a legal checkbox nobody reads.