1

I have a form that consist of 5 main question, of which 4 are not necessary to answer depending on the selection on the first. So the flow is roughly:

  1. Are you allowed to swim?

    yes -> go to 2

    no -> finished

    no, it is forbidden from / to -> enter date -> go to 2 or finished

  2. Are you allowed to wear a wetsuit?

    yes -> go to 3 or finished

    no -> go to 3 or finished

    no, it is forbidden from / to -> enter data -> go to 3 or finished

  3. Are any of this items forbidden to bring along?

    snorkel -> yes/no

    fins -> yes/no

    [...]

    make any selection then go to 4. or finished

  4. Are there any things you should be extra carefull about?

    water is extra salty -> yes/no

    tides are huge -> yes/no

    [...]

    make any selection then go to 5. or finished

  5. Are there any dangers you should know about?

    sharks -> yes/no

    pirates -> yes/no

    [...]

    make any selection then finished

Because users might fill out this form 20 times in a row, I would be adverse to using a classical wizard component. Also some users might just fill out point 5., because the only relevant information here is to be alert about sharks. Question 4 for example realistically has ~20 items that can be checked, so I don't want to show all of it by default.

Would you consider a structure with all 5 main question visible and an yes/no toggle on the right as default view be viable? And only if they click yes there, the selections underneath would show?

Or how would you setup a form like this?

2
  • Why would a user need to fill out this form 20 times in a row? Is it because they are actually filling it out for someone else?
    – Michael Lai
    Commented Jul 8 at 23:13
  • A user can be resposible for several places where people can swim / dive and thus fills out the form for each place individually.
    – tommueller
    Commented Jul 9 at 6:54

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.