Checkboxes are one of the most recognizable web design elements. They are easy to use and common. They are a simple square that users of your site, by clicking with a mouse or tapping with a finger on mobile devices, place a checkmark, indicating that they accept a certain condition or that they want a certain option to be included in their order/registration.
The main elements of checkboxes are:
Label/Title
Each checkbox should be clearly labeled so that the user can easily understand what they are accepting/ordering.
Default State
You should choose a state that will be the default. Unless users have previously indicated that they want or agree to something, the default state should be unchecked. Especially if it involves accepting cookies or other terms of use.
Style
The appearance of the checkboxes on your site should be consistent. That is, the checkboxes and check marks should be the same throughout the site. Another important condition for the styles of the checkboxes is that they are visible and easily distinguishable from the background on which they are located.
Action
It is important to know that checkboxes should not include one or another behavior on your site. The interaction of users with these checkboxes should be for the purpose of confirming or selecting a change, not something that includes that change.
It is correct to use checkboxes when selling products or services that have different options, say a sandwich where users can freely choose the ingredients. If we simply have three (or more) types of options that are different and cannot be used simultaneously, then a so-called radio button should be used.
It is wrong to use these boxes in a situation where clicking them changes something about the site’s appearance and available options. For example, you could place a box that, when unchecked, changes the subscription forms from monthly to annual, but that is wrong. For a similar purpose, we use switches.
