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.
408
questions
179
votes
18
answers
247k
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 ...
- 2,705
106
votes
11
answers
33k
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 ...
- 1,215
89
votes
12
answers
74k
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?
Becskr
86
votes
8
answers
17k
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.
...
- 13.5k
81
votes
6
answers
16k
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 ...
- 839
62
votes
9
answers
10k
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 ...
- 721
50
votes
10
answers
42k
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 ...
47
votes
9
answers
25k
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, ...
- 645
35
votes
8
answers
53k
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 ...
- 351
33
votes
4
answers
7k
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, ...
- 2,280
33
votes
3
answers
9k
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 ...
- 441
33
votes
3
answers
7k
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 ...
- 657
28
votes
11
answers
8k
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 ...
- 535
27
votes
6
answers
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
...
- 13.9k
27
votes
7
answers
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 ...
- 380
26
votes
6
answers
56k
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 ...
- 363
24
votes
2
answers
15k
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 ...
- 541
23
votes
4
answers
9k
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 ...
- 2,349
22
votes
3
answers
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 ...
- 13.5k
21
votes
8
answers
5k
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 ...
- 430
21
votes
5
answers
24k
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 ...
- 313
20
votes
9
answers
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 ...
- 302
20
votes
7
answers
10k
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 ...
- 203
19
votes
6
answers
980
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 ...
- 2,343
19
votes
6
answers
11k
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.
...
- 5,888
18
votes
6
answers
4k
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" ...
- 2,533
18
votes
2
answers
6k
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 ...
- 3,311
17
votes
3
answers
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
4
answers
10k
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 ...
- 643
16
votes
6
answers
5k
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 ...
- 345
16
votes
7
answers
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:
...
- 263
16
votes
6
answers
17k
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 ...
- 1,426
16
votes
5
answers
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?
- 323
15
votes
3
answers
4k
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 ...
- 393
15
votes
8
answers
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 ...
- 1,681
15
votes
3
answers
7k
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/...
15
votes
2
answers
27k
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 ...
- 1,170
15
votes
3
answers
6k
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 ...
- 31.1k
14
votes
3
answers
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'...
- 31.1k
14
votes
3
answers
509
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 ...
- 721
14
votes
3
answers
12k
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 ...
- 1,886
14
votes
5
answers
868
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 ...
- 243
13
votes
5
answers
791
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 ...
- 310
13
votes
6
answers
5k
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 ...
- 3,950
13
votes
4
answers
997
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 ...
- 2,360
12
votes
3
answers
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 ...
- 169
12
votes
6
answers
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
3
answers
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 ...
- 223
11
votes
12
answers
4k
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
6
answers
5k
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 ...
- 135