Checkboxes: Design Guidelines

Checkboxes allow users to select one, some, or none of items from a list. They can be used standalone, in checkbox lists, or nested checkbox lists.


This content originally appeared on NN/g latest articles and announcements and was authored by Maddie Brown

Summary: Checkboxes allow users to select one, some, or none of items from a list. They can be used standalone, in checkbox lists, or nested checkbox lists.



There are ample options for different kinds of fields when designing digital forms. Each serves a specific purpose, from radio buttons to dropdowns to open text fields. But if you want to offer users the flexibility of selecting one, multiple, or no items from a list, checkboxes are your friend.

What Are Checkboxes?

A checkbox is a UI element that allows users to select between two states: checked and unchecked. When appearing in nested checkbox lists, a checkbox could also display a third, so-called “indeterminate” state, indicating that some but not all children of that checkbox were selected.

Checkbox List vs. Standalone Checkbox vs. Nested Checkboxes

There are three distinct checkbox applications, and each functions slightly differently.



Read Full Article


This content originally appeared on NN/g latest articles and announcements and was authored by Maddie Brown


Print Share Comment Cite Upload Translate Updates
APA

Maddie Brown | Sciencx (2024-06-28T17:00:00+00:00) Checkboxes: Design Guidelines. Retrieved from https://www.scien.cx/2024/06/28/checkboxes-design-guidelines/

MLA
" » Checkboxes: Design Guidelines." Maddie Brown | Sciencx - Friday June 28, 2024, https://www.scien.cx/2024/06/28/checkboxes-design-guidelines/
HARVARD
Maddie Brown | Sciencx Friday June 28, 2024 » Checkboxes: Design Guidelines., viewed ,<https://www.scien.cx/2024/06/28/checkboxes-design-guidelines/>
VANCOUVER
Maddie Brown | Sciencx - » Checkboxes: Design Guidelines. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/06/28/checkboxes-design-guidelines/
CHICAGO
" » Checkboxes: Design Guidelines." Maddie Brown | Sciencx - Accessed . https://www.scien.cx/2024/06/28/checkboxes-design-guidelines/
IEEE
" » Checkboxes: Design Guidelines." Maddie Brown | Sciencx [Online]. Available: https://www.scien.cx/2024/06/28/checkboxes-design-guidelines/. [Accessed: ]
rf:citation
» Checkboxes: Design Guidelines | Maddie Brown | Sciencx | https://www.scien.cx/2024/06/28/checkboxes-design-guidelines/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.