Form UX Best Practices: Design Forms People Actually Complete

Most websites do not have a traffic problem. They have a conversion problem — and it usually lives in the form. The contact form, the quote request, the checkout, the sign-up. Get the form right and the same traffic produces far more enquiries. Here is how.

1. Ask for less

This is the single biggest lever. Every field you add gives someone another reason to give up.

• Cut any field you do not immediately need to respond. Job title, company size, "how did you hear about us" — collect those in conversation, not on the form.
• For a contact form, you can often get away with just name, email, and message.
• If you think you need a field, ask: "Will we abandon the lead without this?" If not, remove it.

2. Use one column, top to bottom

People complete forms fastest when their eye moves straight down a single column.

• Avoid side-by-side fields — they break the vertical rhythm and confuse the order, especially on mobile.
• The one common exception is short, related pairs like "First name / Last name" — and even those are safer stacked on small screens.

3. Label clearly, above the field

• Put labels above each field, not beside it and not only inside it as placeholder text.
• Placeholder-only labels are a trap — they disappear the moment someone starts typing, so people forget what the field was for and cannot check their answers.
• Use plain labels: "Your email", not "E-mail address (required for correspondence)".

4. Mark what is optional, not what is required

If most fields are required, label the few optional ones instead of putting an asterisk on everything. Less visual noise, same clarity.

5. Validate kindly

Error handling is where good intentions go to die. Do this instead:

1. 1Check fields as the user leaves them, not only when they hit submit — so they fix issues as they go.
2. 2Put the error message right next to the field, not in a banner at the top.
3. 3Write errors that say how to fix it: "Please enter a valid email like [email protected]", not "Invalid input".
4. 4Never wipe what they already typed when an error appears.
5. 5Use colour and text/icon for errors, so colour-blind users can see them too.

6. Make the button say what it does

• "Send my enquiry" or "Get my free quote" beats a generic "Submit".
• Make the button visually obvious — a strong, single colour that stands out from everything else on the page.
• Have one primary action. If there must be a secondary one (like "Cancel"), make it clearly quieter.

7. Tell people what happens next

The moment after submit is part of the experience:

• Show a clear confirmation — "Thanks, we have got your message and will reply within one business day."
• If relevant, set expectations: when will they hear back, and how?
• Consider an auto-reply email so they have a record and feel looked after.

8. Respect mobile

More than half your visitors are likely on a phone, where forms are hardest:

• Use the right keyboard for each field (email keyboard for email, number pad for phone).
• Make fields and the submit button large enough to tap comfortably.
• Keep the form short — patience is even shorter on mobile.

9. Reduce anxiety

People hesitate when they are unsure about privacy or commitment:

• Add a short line near the button: "We will never share your details."
• For demos or calls, reassure: "No obligation — just a friendly chat."

The takeaway

Great form UX is mostly subtraction: fewer fields, less clutter, clearer words, kinder errors. Start by deleting every field you do not truly need, switch to a single column with top-aligned labels, and make the button say exactly what it does. Those four changes alone will recover enquiries you are losing right now.