A good form asks only for information the team needs at that moment, makes errors easy to fix, and works on mobile without zooming or guesswork. The goal is to help people who intend to enquire finish successfully.

Quick summary

What you get from this article

  1. Ask only for information needed in the first reply.
  2. Order questions from easy to hard, general to specific.
  3. Error messages must say what failed and how to fix it.
  4. Design the form for mobile first.
  5. Measure start rate, completion rate, and lead quality together.
01

Ask less without weakening lead quality

Every extra field is another reason to quit. First-contact fields should be the ones the team needs for a useful reply: name, contact method, service interest, and a rough budget range.

Details such as company registration numbers or multiple attachments can wait for the next step, once both sides are ready to talk properly.

Example case (name withheld): a services company had an 11-field form with roughly 18% completion. After a field audit and five core fields, completion rose to 34% in three weeks — leads still contained enough detail for a callback.

IMAGE

Image slot prepared — artwork to follow

Image slot — 11-field vs 5-field mobile form comparison

Image slot — add a before/after mobile form screenshot.
02

Audit fields before redesigning

Before adding or removing fields, check how the team actually uses each one. If a field never appears in the CRM or first-call notes, it should not be required upfront.

Sort fields into three groups: required now, collect later, and unnecessary. That shows immediately how short the form can become.

If sales, marketing, and the web team disagree, run a short workshop on when each field is used. Fields marked 'collect later' are often never opened at all.

  • Name and contact method — required in almost every case
  • Project or service type — helps qualify before the call
  • Budget range — useful when price is part of qualification
  • Long detail — move to a later step or make optional
  • Attachments — request once both sides are ready to talk
IMAGE

Image slot prepared — artwork to follow

Image slot — form field audit table split by required, later, and remove

Image slot — add a field audit worksheet.
03

Order questions so the form feels easy to start

Begin with easy, low-commitment questions, then move to ones that need thought, such as budget or project detail. That order gets people started quickly and carries them through to the end.

If you need more than six fields, split into two or three steps instead of one long page. Start rates often improve when step one stays short.

Use progressive disclosure: if someone selects Other, reveal the detail field then. People who pick a known service should not carry extra questions from the start.

  • Name and contact details first
  • Service or project type next
  • Budget and specifics near the end
  • Optional fields marked clearly
  • Use multi-step flows when more fields are necessary — show progress
04

Good error copy helps people continue

A generic error message with no field highlighted drains patience fast. Point to the exact field and explain the fix in plain language, such as enter a complete 10-digit phone number.

Do not wait until submit to reveal every problem. If an email format is wrong, say so immediately.

IMAGE

Image slot prepared — artwork to follow

Image slot — clear vs vague form error messages on mobile

Image slot — add examples of helpful and unhelpful error copy.
05

Design the form on mobile first

Many people start forms on a phone. Match the keyboard to the field, such as a numeric keypad for phone numbers, and keep the submit button easy to reach with a label that states what happens next.

Avoid date pickers and awkward selects on small screens unless they are truly necessary.

Test with real thumbs on a phone: touch targets must be large enough, spacing must prevent mis-taps, and the submit button must not sit under the keyboard.

Test autofill and paste from contacts. Many people paste a phone number from their address book. If the format fails validation and the error is vague, they abandon immediately.

IMAGE

Image slot prepared — artwork to follow

Image slot — mobile form with correct keyboard and reachable submit

Image slot — add a mobile form example with keyboard type.
06

Track three form numbers

Watch the share of visitors who start the form, the share who finish it, and the quality of what arrives, such as whether a phone number and clear service interest are present.

High start and low completion points to the form. High completion with weak follow-up points to missing information in the questions.

Set a baseline before changes, then measure again after two to four weeks. If completion rises but lead quality drops, you removed a field the team still needs.

IMAGE

Image slot prepared — artwork to follow

Image slot — chart of form start rate, completion rate, and lead quality

Image slot — add the three form metrics before and after changes.

Preparation

Information to prepare before you start

  1. Minimum information the team needs for a first reply
  2. Question order from easy to hard
  3. Error messages for every critical field
  4. A full mobile test through successful submit
  5. Start rate, completion rate, and lead quality metrics

Related services

Want us to handle this part for you

UX/UI Design

UX/UI from research to responsive screens, shaped around the business goal.

UX Research

User research tied to the business goal, with insights the design team can act on

Responsive UI Design

Responsive UI from mobile to desktop, with specs ready for development