Web Interface  |  Forms

Long and complicated forms

This section is about how to build long, complex forms, or forms with multiple steps.

01Grouping fields

Sometimes the form cannot be simple with few fields. Some data require you to build a long and complex form. In this case, it is always a good idea to group fields of similar data by separating them with lines, spacing, or combining them with a border or background.

Fields in the form are not separated into groups.
Grouping fields with lines, borders or background.

02Form with steps

It's better not to make a form with steps of several pages. Such forms show the lowest conversion rate possible, cause the most fill-outs, and stress users out more often. People have other interesting things to do than fill out a multi-page form with an endless number of steps.

Usually, the form is divided into steps, because it's scary to show all the fields on one page at once. It seems that such a form will be complicated and confusing for the user. But there is no need to fear this, on the contrary, showing the entire form will give the user an understanding of all the required data and make filling out the form unambiguous and straightforward, and therefore only speeds up the process of filling out.

The form with the steps is challenging.
All steps are at once visible on one page
The steps open up gradually as they are filled