How to design better forms
Whether we’re buying something online or signing up to an email list, forms are a part of our everyday lives. But, the process of filling out a form isn’t always the users most favourite thing to do. Use these 4 simple tips to help make forms user-friendly and frictionless.
1. Keep it short to increase completion rates
Forms with few fields are less intimidating than long forms with lots of questions. Remove as many optional fields as possible to increase completion rates and reduce user errors. But, if you can’t avoid long forms, split it into multiple steps and add a progress bar – when users feel like they’re progressing towards achieving a goal, they’ll be more motivated to complete the form.
2. Make it one column to improve scanability
Avoid visual disorientation and display form fields as a single column. Users find it easier to scan down rather than scan left to right. This also extends to field labels, radio buttons and checkboxes – vertically stacking makes them faster to scan compared to horizontal layouts. Note, there are exceptions to this rule - short, related fields such as State and Postcode or when asking for a date of birth.
3. Provide clear instructions to guide users
When asking a question a user might not understand or for fields requiring a specific format don’t hide help text behind a tooltip. Make sure you provide concise, visual microcopy to help users complete their tasks.
4. Add visual cues to make it more appealing
Our brains process visual images significantly faster than text. By adding visual prompts such as icons or selectable images, you can boost completion time. Remember, always include a text label to clarify meaning and remove ambiguity.
Above: InVision new project selection.
This list is no means comprehensive but following just a few best practices will hopefully help create more useful and successful forms.