I understand that technically they are the same thing, but from a visual UX point of view which performs better button input vs check box?

Has there been any thorough research done around this? if so please point me to it. Thanks in advance.

Check box vs button input

  • If you can, just test it. Jul 18, 2018 at 10:00
  • Don't have time or resource at the moment. Otherwise I would. Jul 18, 2018 at 10:07
  • 1
    I personally think the second option is better simply because the first one implies that I can select multiple boxes since you chose a checkbox, rather than a radio button like option 2. So option 2 wins by default for me. Jul 18, 2018 at 11:02
  • Both are <form> inputs.
    – Rob
    Jul 18, 2018 at 11:23
  • 1
    @Wanda I would guess it's part of some filter options: "show me all cars with 4 seats", "show me all cars with 4 or 7 seats" (EDIT: Especially since I just noticed there's a filtering tag present).
    – TripeHound
    Jul 18, 2018 at 15:50

3 Answers 3


Checkbox. Why?

  • Clear state: Users don´t need to think which style represents the selected state.
  • Familiarity: Used broadly in filters (eg: Amazon).
  • Accesibility: Colorblind friendly.

I would recommend the following as it has good scope for a user to either enter custom numbers or select from the predefined numbers.

enter image description here


Checkbox is better in general, because it's more visually familiar.

But in this particular case with "number of seats," checkbox wouldn't be appropriate because "number" is a sequential concept and checkbox is more for things that are categorical.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.