I'm planning a website that will have a survey of user preferences for various topics. All of the questions are optional although some of them may be more important to users than others. The questions are mostly radio buttons and they can be easily grouped into categories.

I thought about putting each question in a box and then having a grid of questions under each category's header.

The page gets very long on mobile devices however.

I also thought about having a horizontal scroll for each category's questions and maybe having the less important questions off to the side.

I'd prefer that the survey was a single page unless that doesn't make sense for this case.

What's the best way to display this content?

EDIT: I've included examples of the two things I've tried. enter image description here enter image description here

  • Can you post what you have designed so far? – DPS May 16 '17 at 7:14
  • @DPS Ok, I added two diagrams for the examples – Benck May 16 '17 at 14:01
  • When you say 'some of the questions may be more important to users', do users define which question is important or not? OR importance of a question is predefined by you? – Aditya Durgude May 16 '17 at 14:30
  • @AdityaDurgude The order of the questions is predefined by me with an attempt to put important questions first. Users can mark any question as import to them however. Currently this doesn't change the order. – Benck May 16 '17 at 15:01

Your Answer

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

Browse other questions tagged or ask your own question.