Forms: Ability to group questions to break form into pages

[ei8fdb]

Feature request

Support form pagination

Rational

When designing large questionnaires/forms, using pagination (where the questionnaire is broken up into mulitple pages) helps the user by:

• breaking the tasks into sub-tasks allowing them to focus on one-a small number of questions at a time
• reducing the users cognitive load (less to intrepret)
• reducing distractions (scrolling up and down the page)

UI

There's lots of ways of doing this. I can do some research into different approaches, but essentially it will:

• allow the user to create pages
• give it a title
• possible a short description

It would also be really great if it supported conditional logic (that's another ticket - #358 or maybe #227)

There are many options on how to display this, but can help with designs if it helps.

Priority

High

As a user researcher who creates questionnaires having questions that can gather ranking data is very important - however I can understand this is a lot of design and a lot of work to implement. I'm happy to help out with this.

There's also a lot of ways to implement this so I think it requires time to discuss.

Thoughts?

[skjnldsv]

@jancborchardt

[jancborchardt]

Yes, we should absolutely support it. :)

@ei8fdb can you show screenshots of how Google Forms does it?

[ei8fdb]

@ei8fdb can you show screenshots of how Google Forms does it?

Sure, I'll look at GoogForms and others. Goog's approach is OK, but it often trips me up.

[agentlibre]

It is probably next level, but in the same vein, I love this very smooth design from TypeForm if you haven't seen it yet:

• https://klimaschutzschweiz.typeform.com/to/VKXjPk

  (specific example, I haven't found the generic feature yet, I'll edit my post if I do)

[jancborchardt]

It is probably next level, but in the same vein, I love this very smooth design from TypeForm if you haven't seen it yet:

Yeah, we analyzed that together with Google Forms – and to be honest the Typeform design, while looking nice, has several issues, like you have no idea how long a form actually is and it can feel a lot.
So Google Forms’ simple default "1 page" is quite reassuring and easy, which is what we want to go for as well.

[jospoortvliet]

Yeah, we analyzed that together with Google Forms – and to be honest the Typeform design, while looking nice, has several issues, like you have no idea how long a form actually is and it can feel a lot.
So Google Forms’ simple default "1 page" is quite reassuring and easy, which is what we want to go for as well.

I do bump into statistics that multi-page forms are 300% more likely to be filled in by people. I know, lies, damned lies and statistics, but I personally also are much more likely to go through steps if it is multi-page than one long list. Esp if it has a progress bar and a time indicator, it just files more friendly. With big surveys especially, it also allows grouping and it really feels shorter that way. Just my cents

[jancborchardt]

Yep, @jospoortvliet of course we should have the ability to group questions and break stuff into pages. :) I was specifically referring to Typeform’s design of "1 page per question" which is very specific and doesn’t give a good overview.

Direct link of the research on conversion of multi-page forms: https://www.ventureharbour.com/multi-step-lead-forms-get-300-conversions/

---

And some relevant reading on "wizards": https://www.nngroup.com/articles/wizards/, especially:

Communicate a clear mental model of the process.
Enforce a clear sequential order of the steps.
Include buttons for navigating to the next and previous steps and label the steps descriptively
Allow users to exit the wizard midway and save state. Allow them to resume the process at a later time.

So we should require "page titles" which then show as a sequential navigation on top so people know where they are in the filling process.