Errors handling in form components

We help the user by making our designs positive and obvious. Design it make it easy to do right and difficult to do wrong, as they say.

This is a collection of how user errors in form components should work.

Short description

Even if the user is guided, it is possible to make errors. This section deals with how the user finds out that there was a mistake made and how they can correct it.

When and how to use it

If the user still makes errors, help them with error messages:

  • Use colours to alert
  • Make sure the text is clear, kind and helpful
  • Stay until the error is corrected. Don't go to the next page.

 

Do's and don'ts

Specification

Radio buttons

More about Radiobuttons

 

Checkboxes

More about Checkboxes

 

Input fields

More about Input fields

 

Examples

User errors, desktop

 

User errors, mobile