I'm building a dating website and within the search page there is a filtering section and of course one of the filters will be for age range. I am wondering what is the best way to obtain this information? My current prototype uses a slider, as illustrated below:
This however gets a bit tricky when the age range is small, as illustrated below:
My questions are as follows:
- Firstly, is a slider a suitable control for this purpose? Ideally I prefer to have a slider, as I think it gives a more modern appearance. In terms of usability, I don't think it's any more difficult than a dropdown and I think most users are familiar with sliders nowadays.
- If I was to keep the slider, how can I avoid the problem in the second image? I was thinking instead of having every value from 18-99, have larger increments, so for example after the age of 40, increment by 5, e.g: 45, 50, 55, 60... If there are less values then this should allow more space between each value.