236 votes
Accepted

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

Depends on whether the question is mandatory. You need radio buttons if you want to be sure that a user answered the question, as with an empty checkbox you'll never know whether a user just forgot ...
user avatar
  • 1,772
98 votes

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

The key point The most important thing to tackle here is making the dichotomy between "None of the above" and any other option as visually explicit as possible. Option 1 download bmml ...
user avatar
82 votes

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

There is no single proper answer but the control depends on the context. Checkbox is suitable to minimize clutter but its use is limited for cases where described choice has also clear opposite ...
user avatar
  • 1,737
59 votes
Accepted

Checkbox vs toggle

This has been discussed in much depth in many other related questions (see right pane on this page). So I'll make it brief. Toggle switches are anti-usability Despite their relative popularity (eg, ...
user avatar
  • 32k
55 votes
Accepted

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

Consider removing UI elements that have no function, and add labels to emphasize the options the user does have. For a simple form, there's a lot going on in this interface. Not only are you letting ...
user avatar
  • 8,840
53 votes
Accepted

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

Use either Responsive Disclosure or Responsive Enabling depending upon the standards in the format you're working in. Responsive Disclosure would mean first showing a radio button like this... ...
user avatar
52 votes

Multiple options vs single option UI

You don't need to make different appearances for these components. Your case is similar to well-known toggles in a toolbar of text processors like Word. These font settings toggles act like ...
user avatar
  • 682
50 votes

Should Checkboxes be Checked or Unchecked by default in forms

That depends on the context. A checkbox that makes the user accept terms of agreement for example should be unchecked since its a critical decision which needs the users interaction to be legally ...
user avatar
45 votes
Accepted

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

One way of making a selection task less tedious is by increasing the selection target size to the full image + text size (e.g., as in the attached mockup). This decreases the effort that goes into ...
user avatar
  • 574
39 votes
Accepted

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

The normal way to solve this problem is to use validation (or errors as you put it). I would not advise mixing control types within a single field as it's overly complex and confusing to a user who ...
user avatar
35 votes

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

My initial thought is that I'd personally avoid attaching a chevron to the checkbox like you've got in your screenshot because it's an atypical design pattern and therefore pretty safe to assume that ...
user avatar
  • 1,292
34 votes

Mutually exclusive Switches

The way I see this is that you have two exclusive groups of options, it just happens that the second group only contains one option. Something as simple as the word 'or' will help a lot - that way it'...
user avatar
  • 972
33 votes

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

Show the true state of your application In your scenario it sounds like Scenario A - Example A is the way to go because it clearly indicates to the user which features are Active and allows them to ...
user avatar
  • 15.8k
33 votes
Accepted

Multiple options vs single option UI

It depends. How often do your users see this form / section / settings? Frequently used, long session applications give users a chance to remember how controls work, especially frequently used ones. ...
user avatar
  • 22.8k
30 votes

How to make checkbox selection less of an eyesore?

Note: This answer is a frame challenge. The checkbox should not be there at all. According to your screenshot, your users use your search engine to find a solution to their billing problem. You write ...
user avatar
  • 2,477
29 votes

Mutually exclusive Switches

Your constraints limit you to only four valid choices: A and B Only A Only B Only C I would just use a set of 4 radio buttons.
user avatar
  • 399
28 votes

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

There is a similar UI for managing exceptions in Visual Studio, which is fairly intuitive: The key differences to the UI you have shown are: Chevrons/arrows appear to the left of the top level ...
user avatar
  • 381
26 votes

Placement of "done" checkbox button

Why not merge the done and next buttons? This layout still allows a user to continue without being finished with the page, but requires less clicks.
user avatar
25 votes
Accepted

Should Checkboxes be Checked or Unchecked by default in forms

Pre selection of checkboxes Successful pre-selections can make interface more efficient and pleasurable to use. Sane default selections can reduce the amount of actions a user needs to perform. ...
user avatar
23 votes

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

I haven’t seen user testing data on this, but there’s an existing pattern that appears to work very well. In the course of on-boarding a new user profile, Netflix allows the user to select movies that ...
user avatar
23 votes
Accepted

Using asterisk (*) when all fields are required

You should definitely let users know if it's mandatory before letting them click a button and get frustrated because they couldn't proceed. Things you could do: Change the headline from "Please ...
user avatar
22 votes
Accepted

Radio buttons with none selected

Don't make checkboxes behave like radio buttons and don't make radio buttons behave like checkboxes. It is perfectly acceptable for the radio group to have no default selection in some situations. ...
user avatar
  • 14.2k
22 votes

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

I would use the checkbox, because: it is visually concise (vs. radioboxes taking more screen space) it is the bare minimum necessary to get the job done it is a classic UI widget and people are ...
user avatar
  • 1,565
21 votes

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

Rewobs' answer is good, but it involves two levels of complexity: first clicking one of two ratio buttons, then selecting the checkboxes. The user experience of that design can be improved by simply ...
user avatar
  • 1,684
21 votes
Accepted

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

A tenet of good user experience in software is system feedback. In this instance, the system should confirm it will no longer show you notifications... which is a good place to offer an undo option, ...
user avatar
  • 903
21 votes

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

Option B with a slight modification of the text:
user avatar
  • 319
21 votes

Mutually exclusive Switches

Option 1 Note: this was the original answer before the question was updated (see comments). I think what you essentially have here is two groups. You have the "A and/or B" group, and you ...
user avatar
  • 6,961
21 votes

Mutually exclusive Switches

What I understand from the question is that A, B, and C are independently selectable but selecting C disables A or B. What is the way to graphically show three selectors where one is linked to the ...
user avatar
  • 13.6k
17 votes

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

Check boxes are not ideal in your case since they are used for multi-selection (in theory, one can choose none of the above and another option - while Javascript can 'fix' this, it's not exactly ...
user avatar
  • 32k

Only top scored, non community-wiki answers of a minimum length are eligible