Form design best practices

A quick group activity to research and explore best practices for designing forms on websites.

Go fullscreen: ⌃⌥F

Form design best practices

What & why

We all hate forms. Form design is difficult & requires a lot of attention to detail.

There are lots of resources available for form design—it’s just difficult to figure out what practices are good & bad.

Let’s crowd-source the knowledge we need to make the best forms.

Set up

  1. Form into pairs
  2. Download the bad form design
  3. Use your search-foo to find best practices for forms & error messages
  4. Write out how to improve the form
  5. We’ll discuss the results together

Some considerations

  • Location of labels in relation to inputs
  • Size & clarity of buttons & fields
  • Colours
  • Language & text
  • Accessibility (screen readers, colour blindness)
  • Obviousness of errors

Form, unfilled state

Form, error state

Start

Form design best practices

A quick group activity to research and explore best practices for designing forms on websites.