0

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. – Wanda Jul 18 '18 at 10:00
  • Don't have time or resource at the moment. Otherwise I would. – Digital Robot Gorilla Jul 18 '18 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. – Wanda Jul 18 '18 at 11:02
  • Both are <form> inputs. – Rob Jul 18 '18 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 '18 at 15:50
2

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.
0

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

0

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, privacy policy and cookie policy

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