2

I need to design a survey form which has 50 questions. There is a lot of branching depending on user's answer to question.

For e.g. Q. What's your favourite fruit? 1. Apple 2. Orange If user selects Apple, subsequent questions should be related to Apple. And so on.

What is the best way design this form from UI perspective?

  • (Full disclosure - this is a paid plugin that I created, I'm linking just to the preview to try to avoid it being an Ad but delete if its's not allowed) Take a look at the examples here for inspiration. When you choose an answer it directs you down the proper paths and hides all other paths, also makes it easy to change your mind along the way. – DasBeasto Jan 24 '17 at 20:01
2

What is the best way design this form from UI perspective?

Zero indication that others receive a different experience.

Make it invisible and seamless.

Leave the user certain that their choice was the "right" choice. They should have no doubts about going back to change their answer. Kind of like when you go to a shop and the attendant believes in your choice. Like that.

1

Use a wizard-like dialog as in many other (mostly Windows) application. There's no indication that the user will get diferent results varying on his selection. Otherwise, the user would not be able to make the selections independently, or would even try several options to see the difference. In the end, this would kill efficiency!

So like this:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

The user chooses one option, clicks next and will see an individual page, optionally with an slide/fade animation.

Hope it's clear and helps!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.