Questions tagged [checkboxes]

widgets that allow a single item to be selected or not. Usually shown by a square box, with a check mark in it if selected.

Filter by
Sorted by
Tagged with
165
votes
17answers
206k views

Why is it impossible to deselect HTML "radio" inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does ...
105
votes
11answers
29k views

What is better: yes / no radio, or simple checkbox?

In a very big form on my company's website, there's this tendency to use Yes / No radio buttons combination. I can think of one argument of not using it, but it is not UX related: we need to ...
89
votes
12answers
67k views

Should checkbox labels be to the right or the left?

I've got some checkboxes with text values of varying lengths (from say 5 characters up to about 60) - which is the preferred layout? Value to the left and checkbox to the right, or vice versa?
85
votes
8answers
16k views

Are round check boxes confusing or an accepted standard?

I was browsing dribbble.com today and came across a new post by one of the designers that I follow. He had posted a new modal form which was using rounded check boxes. I have never seen these before. ...
80
votes
6answers
14k views

Should the space between the checkbox and label be clickable?

Take, for example, these two scenarios. Both very similar HTML, but different semantically: Scenario 1: <label for="myCheckbox"> <input type="checkbox" id="myCheckbox" /> My ...
61
votes
9answers
9k views

Adding a "none of the above" option to a list of checkboxes

I am working on a series of complex life insurance forms and trying to optimize using standard conventions... I have this nasty list of medical diseases and a mutually exclusive option, "None of the ...
49
votes
10answers
40k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
43
votes
8answers
23k views

Checkbox vs toggle

There's a constant debate on checkbox vs toggle. Personally, as an iPhone and Mac owner, I'm still very confused every time when I see the toggle. I often ask ask myself, "The 'on' is on the left, ...
35
votes
8answers
50k views

Input checkboxes wrapped inside <labels>

I usually tend to wrap my checkboxes and radio button inside their respective labels and was wondering whether this is considered a good UX practice. Pros/cons ? One of my main reasons is that it ...
33
votes
4answers
6k views

Multiple options vs single option UI

On the dashboard we are building we got 2 sets of options users can pick: Multiple options (checkboxes) and single options (radio buttons behavior) while the look of the components is similar, ...
33
votes
3answers
8k views

Is there a good way to communicate choose at least one?

I am wondering if there are any known good ways to concisely convey to users that they must must choose at least one option. Check boxes convey that the user can select 0 or more items. Radio buttons ...
32
votes
3answers
6k views

Tick this checkbox if you DO NOT want.. underhanded tactics?

Very often when registering on a new site I see checkboxes with long explanations saying something along the lines of: Tick checkbox if you want to receive newsletters. This is not unusual but a ...
28
votes
11answers
7k views

What's the best way to show 'too many options with checkboxes' to user?

The design of my webapp requires the user to select books from 100 of books. These books are user's own books imported from another app. This step is just after the user has registered with my ...
27
votes
6answers
4k views

Is it a good/acceptable practice to combine checkboxes with radio buttons for one question?

I work on a form, in which there are questions allowing either multiple choices or selecting just one. An example: Which of the sweeties do you like: [ ] chocolate [ ] lollipops [ ] cookies ( ) none ...
27
votes
7answers
4k views

Checkboxes - Is better to check exceptions or to uncheck exceptions?

I have a grid of ~20 checkboxes which users can utilize to select features. Typically, user might have ~15 features selected ~5 unselected for a co configuration. Deselection of features which a user ...
23
votes
4answers
8k views

Should Checkboxes be Checked or Unchecked by default in forms

I have a quiz creation form, in which an admin is required to fill the quiz name, details, number of maximum attempts and similar admin level configuration items. The admin should configure if the ...
23
votes
6answers
44k views

Radio buttons with none selected

I feel like there's an answer out there but I can't find it. We have a situation where customers need to choose one of two options for billing their services, but we can't choose it for them. I've ...
21
votes
5answers
23k views

Check all / uncheck all checkboxes with regards to usability

I'm just wondering as to your thoughts on the best way of providing check/uncheck all functionality for an HTML table with multiple rows, that has a column of checkboxes. Some possibilities: Extra ...
20
votes
8answers
4k views

Mutually exclusive Switches

The software I am designing for has 3 functions, which can be turned on or off with Switches. However, due to how the software works, the following rules apply: At least one function must be enabled ...
20
votes
9answers
4k views

How to indicate a checkbox/toggle is "always on"

I have a group of toggles (styled checkboxes) in my interface to activate/deactivate the visibility of input fields in a form in he front-end. Two of those inputs are required for the form to work so ...
20
votes
7answers
9k views

Using asterisk (*) when all fields are required

I have here: In terms of UX, do we really need to put asterisk or tell users that the fields are required where in fact all required and none is optional? I am thinking aesthetic wise, just remove ...
20
votes
2answers
11k views

Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used. This is not the default ...
19
votes
6answers
831 views

Helping users understand that two, and only two options must be selected

I have a drop down checkbox where there are 8 items to check. Two are selected by default. I am trying to think of an intuitive way to let the user know they have to deselect the existing ones ...
19
votes
6answers
10k views

What do you do when you have too many choices in a checkbox field set?

I have an interface for managing a user's roles in an interface for managing accounts in a web application. The roles are basically roles in the Role-Based Access Control - (RBAC) context. ...
19
votes
3answers
8k views

Are tri-state checkboxes too complicated?

Normal checkboxes are easy, they have a checked state, and an unchecked state. But how do you go about indicating a third state for a tri-state checkbox? Is it too difficult for the user to discover ...
18
votes
6answers
3k views

Select All & Clear All vs. Invert

I met with situation when I have to use the long multiply check list. I have to add some usable buttons Select All, Clear All or Revert Invert. I know that the common practice is using "Select All" ...
18
votes
2answers
5k views

Which is the correct way to implement faceted search filtering: links vs checkboxes?

Is there a difference between implementing filtering options using links (or radio buttons), ie. you can only check one, versus using checkboxes? For example: Youtube uses links, you can only select ...
17
votes
3answers
6k views

Is it acceptable practice to use checkboxes as radio buttons?

Can someone point me in the direction to articles regarding checkboxes and radio buttons? I'm in a discussion with an Art Director and he is convinced it makes more sense to use checkboxes because ...
17
votes
4answers
9k views

Filtering results with checkboxes

A colleague of mine and I have had a discussion about filtering with checkboxes on one of our sites. We use a number of checkboxes to allow the user to refine a search, by selecting their areas of ...
16
votes
6answers
4k views

Is labelling a checkbox as mandatory redundant?

I've recently seen a system where an on/off checkbox is labelled as a mandatory field with an asterisk. To me, this seems redundant as it isn't mandatory to check the box, merely to have it either on ...
16
votes
7answers
3k views

Checkbox label negating

When labeling Checkboxes is it bad to use "negative" or "opposite" descriptions? Should a checked Checkbox always mean "do something", or is it OK for it to mean "don't do something"? For example: ...
16
votes
5answers
3k views

Appended and Prepended Checkbox: when can I use this?

A was taking a look at Twitter Bootstrap, and, looking at the Prepended and Appended checkboxes, just cant figure out where, why and when I can use it. Can someone give me a good example?
15
votes
3answers
3k views

Is it okay to use a dropdown chevron in a checkbox?

We have a feature where the user can select some checkboxes. They are all selected by default. We are planning some UI/UX changes that will allow the user to cherry-pick, between these selections, a ...
15
votes
8answers
3k views

What's a better way to enable a feature – checkbox or dropdown?

Imagine a form where you can enable a feature. After enabling, you have some additional options related to the feature. (A) Would you design a checkbox for enabling/disabling the feature + a dropdown ...
15
votes
2answers
6k views

Is a circular checkbox bad UI design?

A radio button is normally presented as circular control but more recently checkboxes are also being presented with a rounded border making them look like radio buttons. http://flatlogic.github.io/...
14
votes
3answers
3k views

Laying out checkboxes in forms

I have some pretty large forms mostly consisting of text fields and dropdowns. However, there are also checkboxes scattered here and there. I'm trying to figure out the best way to lay them out. Here'...
14
votes
3answers
495 views

Should Preferences Be Phrased Positively or Negatively?

Say I have a preference that determines whether or not something is visible within an app. Because there are two states (visible or not visible), a checkbox would be the best UI element to use. But ...
14
votes
2answers
23k views

Where to undo "don't show this message again"?

I often make the misstake of accidentally checking the "don't show this message again" checkbox when using tab and spacebar to navigate. Since I'm asking to never see the message again, undoing that ...
14
votes
3answers
5k views

Tri-state checkbox: Which state should be selected after clicking?

There is a hierarchy of selectable items, let's say a parent and two children. All three items have checkboxes. When both children are checked, the parent's checkbox is also checked. When both ...
14
votes
5answers
782 views

Should a special slider value be implemented with a checkbox or not?

I am creating a dialog box for a GIMP plugin that exports images in the WebP format. The dialog currently looks something like this: download bmml source – Wireframes created with Balsamiq ...
13
votes
5answers
16k views

Toggle button vs. check box and toggle switch

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch. The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no mention ...
13
votes
3answers
10k views

"By posting this, you agree to our terms and conditions"

Is it okay to have a "By posting this, you agree to our terms and conditions" (i.e. like 4chan) as opposed to a "I agree to the terms and conditions" checkbox? I read about automatic agreement to ...
13
votes
5answers
753 views

Should I use radio buttons or check boxes (or something else) for email address?

So I'm building an application where the users will be able to send some information via email. The previous system had an interface something like this, where the users would select whether they ...
13
votes
4answers
973 views

How would you solve the column of check boxes problem?

So my question is a bit open ended. Basically, I am looking for possible solutions to the problem of lots of tabular data with check boxes. For example, if we look at Facebook's Account Notifications ...
12
votes
3answers
2k views

User friendly and clear way to present possible answers to a question

Which way to answer the following question is more user friendly and more clear? A) B) edit: Because I have to stick to the drop-list and don't really like options A and B, I thought of an third ...
12
votes
6answers
5k views

Selecting many elements from a long list

I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...
12
votes
3answers
1k views

What's a good alternative to cascading checkboxes?

We have a web interface for running a report. The report can be pretty complex. There are various topics that can be included in the report, and each topic has sub-topics. Right now, the interface ...
12
votes
6answers
4k views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
11
votes
12answers
3k views

Placement of "done" checkbox button

My team is having trouble deciding where to place a done checkbox. We have a website containing a collection of pages in a row from first page to last page. Each page can be a text or assignment. ...
11
votes
7answers
4k views

Multiple choice with Yes, No and 'No answer'

I am working on a Quiz Application for Multiple Choice question. Instead of normal Multiple Choice Questions with the two answers yes and no. I am working on one that allows a user to abstain to a ...

1
2 3 4 5
8