forms icon indicating copy to clipboard operation
forms copied to clipboard

Ability to group questions to break form into pages

Open ei8fdb opened this issue 5 years ago • 10 comments

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?

ei8fdb avatar May 06 '20 16:05 ei8fdb

@jancborchardt

skjnldsv avatar May 06 '20 16:05 skjnldsv

Yes, we should absolutely support it. :)

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

jancborchardt avatar May 06 '20 16:05 jancborchardt

@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.

ei8fdb avatar May 06 '20 17:05 ei8fdb

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)

agentlibre avatar May 07 '20 20:05 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:

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.

jancborchardt avatar May 08 '20 00:05 jancborchardt

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

jospoortvliet avatar Jul 27 '20 08:07 jospoortvliet

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.

jancborchardt avatar Jul 28 '20 09:07 jancborchardt

From the user testings: There was only one request for this feature(that participant had a background in research). A big +1 from my side as well for this. I often need it for my survey work. I quite like the SurveyMonkey approach on this. Basically, the user is presented with questions from a section in one screen but they become active on scroll. That way they don't compete for attention or cause confusion. There is also a progress bar at the bottom for visual presentation, supported by numbers, to reassure the user(example below). The only thing missing here is the section title.

Screenshot 2022-01-21 at 15 10 07

RenataGegaj avatar Jan 21 '22 14:01 RenataGegaj

I think I have a similar and compatible idea, I was thinking if it could be possible, via a cookie, or you know more than me, to save the status of an ongoing filling form. Which, in that case, could be when the person pass to the next question (I think LimeSurvey do that)

My point is I have an intake form where I ask people to think about it and take their time (2-3days); of course they could leave the tab open and the computer on, but it would be awesome to generate a cookie with a URL, so they could refer to it when they want to continue where they left.

JOduMonT avatar May 19 '22 02:05 JOduMonT