If you're using a long form, you should use different methods to get a good user experience. For very long forms with many questions, try the following:
1. Group your questions into sections
Sort your questions into manageable parts. If you have a long form, you probably ask questions about many different topics. Your goal is to identify these topics and break your questions into easy-to-understand sections.
Once you have sections, you can more clearly map where a person is at the time of completing the form. Filling in sections also allows for small rewards in a long and probably not fun form completion process.
2. Make the position visible
A key difference between short and long forms is that they require a different user experience. Short forms are completed in minutes, long forms can take hours – and participants are expected to take breaks between sessions. For long forms, you'll need to include a "You're here" feature that will help you orient the person while providing the ability to estimate the time remaining.
To make the place visible, you want to show where the person filling the form is. You can use a percentage to complete symbols, page numbers, breadcrumbs, load bars, a stepper, and so on. There is no standard design for it. You need to find a system that works with your form. In your case, this two-tier tree indicator is fine.
3. Set expectations before the start
To prepare the person to start the form, give them as much context as possible. This increases the completion rate for people starting the process.
Questions that an introduction might answer are:
- Why is the person filling out this form?
- How long should the completion of the form last?
- What is the schedule for the next steps?
- Do you need to prepare something in advance (eg have a driver's license or prepare documents)?
- What happens to the information provided?
- Who has access to it, how is it used, how are privacy standards respected?
- Does filling in the form cost money?
- Do not surprise the people with the costs.
4. Save each question automatically
When the user fills out a long form, some problems may occur. Connection issues, session expiration, etc. Make sure each step of the user is saved and does not need to be rerun.
5. Do not ask questions out of focus
Hide fuzzy questions around the fuzzy question only for very short forms. This design is suitable for a simple form such as a survey, but is not suitable for long-form online questionnaires.
When I fill out a form like this, I feel my heart rate increase because I'm trying to figure out if I have the impression that the form is shorter than it really is.
This kind of opacity reduction for fuzzy questions can not be accessed. People will inevitably feel they should read the blurry text before it gets into focus. Since the colors of the text on the screen do not meet the standards for the accessibility of contrasts, the readability is reduced, which causes both difficulties for the person who tries to read the fuzzy question, if they can even see them.