Check Box

A check box is a small square in a dialog box that can be clicked with the mouse to turn an option on (checked) or off (unchecked). Check boxes are used for options that are not mutually exclusive.
On this page

Check Box

Definition

A check box is a square graphical control element in a dialog box or user interface that allows users to make a binary choice. It can be clicked with the mouse to turn an option on (checked) or off (unchecked). Check boxes are typically used for settings where multiple options can be selected simultaneously, unlike radio buttons, which are used for settings where only one option is selectable within a group.

Examples

  1. Font Formatting Dialog: A typical example is a font formatting dialog where a user can enable multiple formatting options such as italic, boldface, and superscript by ticking the corresponding check boxes.
  2. Preferences Settings: In software preference settings, users can enable or disable various features like auto-save, dark mode, or notifications by clicking the appropriate check boxes.

Frequently Asked Questions (FAQs)

What is the primary function of a check box?

A check box allows users to select or deselect one or multiple options independently of others in the user interface.

Can multiple check boxes be selected at the same time?

Yes, multiple check boxes can be selected at the same time, which is what makes them suitable for non-mutually exclusive options.

How do check boxes differ from radio buttons?

Check boxes allow multiple selections, whereas radio buttons allow only one selection within a group.

Is there a standard appearance for check boxes across different systems?

While the core functionality is the same, the visual appearance of check boxes can vary across different operating systems and applications.

Can check boxes have a third state apart from checked and unchecked?

Yes, there is an indeterminate or mixed state used for showing partial selections in some cases, such as hierarchical or partially-selected items.

  • Radio Button: Unlike a check box, a radio button is used for mutually exclusive options within a set, allowing only one selection at a time.
  • Toggle Switch: A UI element that toggles between two states, similar to a check box but often used for on-off settings in a more visual format.
  • Dropdown Menu: A UI element that allows users to choose one option from a list of options, typically presented in a drop-down list.
  • Dialog Box: A small window that prompts the user to make decisions or enter information, often containing controls like check boxes, radio buttons, and dropdown menus.

Online References

Suggested Books for Further Studies

  • “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug
  • “Designing Interfaces: Patterns for Effective Interaction Design” by Jenifer Tidwell

Fundamentals of Check Boxes: User Interface Basics Quiz

Loading quiz…

Thank you for learning about check boxes! Good luck with applying this knowledge to enhance your user interface designs.

Check Digit
Check