Forms & Fields

As a user I am offered a complex form. In this form I have to fill in various input fields. My entries are constantly validated and the save button remains without function until all entries have been made correctly. All data is clearly arranged and provided with a label.

Certain rules a form has to follow:

Validation

Relevant fields have to be validated immediately.

Field-length

The length of a field depends on the input

Position

All fields are aligned underneath each other in one column

Labels

A label should be displayed above its field

Letters & Numbers

Certain fields should only allow letters and numbers if needed. (for ex-ample, phone number)

Related Information should be grouped together

If a formular gets too long, it should be separated into more pages with steps.

Required Fields

• Required Fields are marked with *
• If all fields are required, the * should not be visible
• If there are more required fields than optional fields, the optional fields should be required instead with the (optional) tag