5

What are some good mobile UI examples for multiple choice questions/answers?

almost 4 years ago from , Product Designer at Rakun.ie

I am currently thinking of something like this: https://dribbble.com/shots/3441045-Multiple-choice-Mobile-UI

but I am afraid things will be more complex if options become more (for example 20).

5 comments

  • Daniel MarquesDaniel Marques, over 3 years ago

    Typeform!

    2 points
  • Zarino ZappiaZarino Zappia, almost 4 years ago

    Have you tried just a list of checkboxes, one per line?

    0 points
    • Mike MarkoglouMike Markoglou, almost 4 years ago

      Yes, my only issue is that when they are more than 20 they exceed the screen size and scrolling up-down brings you to the next questions.

      0 points
      • Zarino ZappiaZarino Zappia, almost 4 years ago

        I wonder whether you can make it so that scrolling doesn't take you to the next question if there is more content below the fold in the current question? (I think Typeform does this.)

        Alternatively, if your choices/answers are very short, maybe you could do something like the iOS Apple Music "tell us what you like" interface, where the options are presented in a 2-dimensional wall of bubbles, and the user presses all bubbles applicable to them.

        Apple Music

        2 points
        • Mike MarkoglouMike Markoglou, over 3 years ago

          This bubbles design looks awesome!

          Currently the app scrolls down to move across questions. The choices seem to be: 1. No scroll along questions (instead of use next buttons) and scroll within the question below the fold. - (I think this will be the king...) 2. Horizontal scroll for next question + vertical scroll (where needed) for multiple questions.

          0 points