703.829.0809

What are Best Practices for UX Form Design?

Checking

Questions about UX form design? You’re in the right place. Gain some valuable Ironistic insight — plus examples — for great UX form design.

Give your users a good reason for filling out the form — and it make it easy to do so.

Some UX best practices when you’re designing your form include:

  1. Keep your fields aligned in one column — it’s easier to read.
  2. Arrange your fields from easiest to hardest: If a user starts with their name and email, they’ve already begun the form, and once they’re committed, they’ll finish the form.
  3. Place your labels on top of rather than next to the fields — it increases the number of forms completed.
  4. Group related fields together or break your form up into multiple steps: Multiple steps will almost always increase completion.
  5. Remove fields that are not essential: Expedia found that they lost $12 million a year by asking one additional question.
  6. Give your users a reason to fill out a form: Labeling a form “Get Sales Tips in Your Inbox” vs. “Sign Up” has a greater chance of users actually filling out the form.
  7. Example: Zendesk does a good job as they’ve broken their registration form into multiple steps. Each step only has two questions and they saved the personal information for the last step — by then the user has already gone through several steps and will likely finish the form.
– Sylvia Foerster, Creative Services Director

Make it simple. Make it engaging.

  1. Keep it short and simple. Example: Mail Chimps sign-up process is super clean and easy to use, plus the little monkey is there to encourage you.
  2. Try to avoid multi-columns. Use one-column form layouts.
  3. Use a clear title.
  4. Forms can be boring to fill out — make them fun, use some funny text or graphics!
  5. Have auto-fill browsers.
  6. Design mobile forms differently.
  7. Add in progress bars for longer forms.
  8. Specify errors inline – show them where the error went wrong, highlight the block in red.
  9. Use descriptive CTAs – Instead of “Submit,” use “Sign Up”.
– Alexis Bignotti, Marketing Assistant

Make the process as convenient as possible.

Align sections, group related fields, and write clear labels. An organized form is easier for the user to follow along. Use autofill browsers to speed up completion.

– Lori Malcolm, Content Writer

Related Posts


Comments

There are currenty no responses.

Leave a Reply

Your email address will not be published. Required fields are marked *

Request A Quote
Let's take your business to the next level. Fill out the form below to get started!