Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ability to group questions to break form into pages #357

Open
ei8fdb opened this issue May 6, 2020 · 9 comments
Open

Ability to group questions to break form into pages #357

ei8fdb opened this issue May 6, 2020 · 9 comments
Labels
1. to develop Accepted and waiting to be taken care of enhancement New feature or request feature: 📑 form creation usability test Issues which came up in the usability testing session by Ura Design
Milestone

Comments

@ei8fdb
Copy link

ei8fdb commented May 6, 2020

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 skjnldsv added 0. Needs triage Pending approval or rejection. This issue is pending approval. enhancement New feature or request labels May 6, 2020
@skjnldsv
Copy link
Member

skjnldsv commented May 6, 2020

@jancborchardt

@jancborchardt jancborchardt added 1. to develop Accepted and waiting to be taken care of feature: 📑 form creation and removed 0. Needs triage Pending approval or rejection. This issue is pending approval. labels May 6, 2020
@jancborchardt jancborchardt added this to the 2.2 milestone May 6, 2020
@jancborchardt jancborchardt changed the title Support form pagination Ability to group questions to break form into pages May 6, 2020
@jancborchardt jancborchardt modified the milestones: 2.2, 3.0 May 6, 2020
@jancborchardt
Copy link
Member

Yes, we should absolutely support it. :)

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

@ei8fdb
Copy link
Author

ei8fdb commented May 6, 2020

@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
Copy link

agentlibre commented May 7, 2020

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:

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

@jancborchardt
Copy link
Member

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 jancborchardt modified the milestones: 3.0, 2.2 Jun 12, 2020
@jospoortvliet
Copy link
Member

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
Copy link
Member

jancborchardt commented Jul 28, 2020

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.

@RenataGegaj
Copy link

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

@JOduMonT
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1. to develop Accepted and waiting to be taken care of enhancement New feature or request feature: 📑 form creation usability test Issues which came up in the usability testing session by Ura Design
Projects
None yet
Development

No branches or pull requests

8 participants