Which is better for filter, select a single value:
- Check box ( Use js to keep single selection )
- Dropdown list
- Radio buttons
- Highlighted labels
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.Sign up to join this community
It depends on what you want to do. :)
Come to think about it, depending on what you want to filter on, the list goes on for each control there is. DatePicker, free text, Multi-value-controls, position sliders.
Without context, platform, content, and so on, there is not one single correct answer to this question. :)
You should never manipulate a checkbox option-group to act like a radio option-group, this violates the conventional and expected behaviour of the user interactive element. So no single select checkbox.
Dropdown list Vs. Radio buttons: This really depends on the layout of the search form (if that's what this is) and how many options there are. Radio buttons are good for 2-3 options, any more and they start occupying a bit too much space and a dropdown would be preferable.
The highlighted labels panel follows a similar interactive pattern as a radio option-group. Difference is that it can be more seamlessly integrated into the aesthetics of the applications. Again, like with the radio option-group they could easily crowd if they get to be too many. However, in my experience, in contrast to radio-buttons, they often indicate real-time filtering, for example like searching for an area and in real time filtering cars, motorcycles and bicycles that are for sale in that area. This may be because they resemble tabs in look and feel which in their turn are immediate interactive elements. Using it to beforehand set up a search in a search form is somewhat unfamiliar to me.
It really depends, I think:
Generally I would prefer filter field with suggestions and/or autocomplete.