The form is the moment a visitor becomes a potential customer, and it is often where they are lost because of small design details.
Ask for less
For every field ask yourself: do I truly need this now? A contact form usually needs only a name, a way to reach them and a message. The rest can be collected later in the conversation.
Clear order and labels
- A single column is easier on mobile than two.
- Put the label above the field and keep it visible, rather than placeholder text that vanishes as you type.
- Mark optional fields instead of required ones if most are required.
The right keyboard
Use the correct input type so a suitable keyboard appears on mobile:
<input type="email" name="email" autocomplete="email" required>
<input type="tel" name="phone" autocomplete="tel">The autocomplete attribute lets the browser fill the visitor’s details in one tap.
Friendly errors
Show the error next to the field in words that say how to fix it, and keep what they entered. Do not wipe the whole form for one mistake.
A clear button and confirmation
Label the button with what will actually happen (for example “Send your request”), and after submission show a confirmation that states when to expect a reply.
The best optimisation for a form is one less field.
