Web form design best practices

web form design

On most sites, web form design is tied to conversions. Form optimization is a high impact activity to pay attention to.

Set clear expectations

Fewer fields are not ALWAYS better

Sometimes asking for less decrease conversions.

Not asking relevant questions can cost you credibility.

Track form completion so you can tell the difference between removing unnecessary stuff and clarifying how to complete important stuff.

Long forms let people self-qualify

Deliberately increasing the number of fields improves quality.

A shorter form means more people will complete it. Only the most motivated make it to the end of a long form.

Breaking forms into multiple steps reduces perceived friction. If your form contains more than 8 fields, try a multi-step form.

Auto-fill where you can

For example, ask for a zip first so that you can derive the address.

Tell people too, “If you add your zip first we will fill in the city and state for you”

Browsers can auto-fill a lot of common form info these days. Use this.

Nobody wants to see your error message

Your top priority is to avoid errors.

Now go fix some forms.