Home
Control Choice - Do you know when to use CheckBoxes?
  v1.0 Posted at 27/11/2012 7:52 PM by Rebecca Liu
If the option only contains 2 choices, and the answer is a Boolean type value where the opposite value is clear (e.g. Enabled/Disabled, True/False, Yes/No, On/Off), it should always be a checkbox.
Boolean options not using CheckBox.
Figure: Bad Example - Boolean options not using CheckBox
A CheckBox is used for Boolean type value.
Figure: Good Example - A CheckBox is used for Boolean type value
Only 1 CheckBox is used as the opposite value is clear, such controls are often CheckBoxes in a ListView too. E.g.:
CheckBoxes in a ListView.
Figure: Good Example - CheckBoxes in a ListView
CheckBoxes are also suitable to use for enable or disable sections and to tell the user that these sections do not need configuring for the application to run.
CheckBoxes are used to enable/disable sections.
Figure: Good Example - CheckBoxes are used (although no opposite values), because they are clear when the CheckBoxes aren't ticked, the sections are disabled
Not using checkboxes
Figure: Bad Example - This screen implies that Configuring Credentials is required
Good use of checkboxes
Figure: Good Example - This screen uses a CheckBox to signify that Configure Credentials is optional
If there are only two options available on the form (usually a yes/no answer), the use of a checkbox is more intuitive than radio buttons. Only use radio buttons if there are more than two options.
Radio buttons are not appropriate when there are only two options
Figure: Bad Example – Radio buttons are not appropriate when there are only two options
These yes/no questions have a better representation with checkboxes
Figure: Good Example – These yes/no questions have a better representation with checkboxes

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments: