Looking for a form component to select a period of time

Question

I'm currently working on a very long form (can't be shortened) which I'm trying to make a bit more playful and easy to fill.

There are a lot of radio buttons, which is ok in terms of usability, but a bit boring for the user.

Do you have any idea how I could present the following type of question / answer in a more visual way?

There are other questions with percentages such as this one:

Anything I've tried so far seems to make the user's job more difficult but my client really wants something cool and visual.

Thanks

Shreyas Tripathy · Accepted Answer · 2017-06-23 10:11:33Z

1

This is a handy range selection control:

In case the image URLs go obsolete:

How long are you planning to stay on Mars?

in years ~~~~~~~~~~V==================V~~~~~~~~~~

______ 0__________1_________2_________3__________4

Suggestions:

mockup

answered Jun 23, 2017 at 9:26

Shreyas Tripathy

6,8296 gold badges28 silver badges45 bronze badges

thanks a lot for this proposal however I feel like it's giving too much choice and work to the user : they have to set the ranges themselves instead of selecting one that's already suggested. We don't need a very precise range. We want them to be able to select one of the proposals quickly
– Raphaëlle M
Commented Jun 23, 2017 at 10:02
@RaphaëlleM - Added a Suggestions section (for quick access)
– Shreyas Tripathy
Commented Jun 23, 2017 at 10:12
That's a good idea, it's at least as simple as radio buttons. In fact it's better because the left to right order works with the fact that the numbers are getting higher. It's probably not as graphical as what the client would like but it works for me. Thanks
– Raphaëlle M
Commented Jun 23, 2017 at 12:10

Add a comment |