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 ...
- 1,772
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 ...
- 1,747
56
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 ...
- 8,888
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 ...
- 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 ...
- 10.8k
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 ...
- 2,064
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 ...
- 1,292
35
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'...
- 982
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.
...
- 24.6k
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 ...
- 2,487
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.
- 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 ...
- 381
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.
...
- 761
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 ...
- 10.8k
22
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, ...
- 913
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 ...
- 1,600
22
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 ...
- 18.3k
21
votes
What's a better way to enable a feature – checkbox or dropdown?
Option B with a slight modification of the text:
- 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 ...
- 7,061
17
votes
Using asterisk (*) when all fields are required
What's important is not the asterisks, but rather that the user understands the checkboxes must be checked. If you'd like to eliminate the asterisks, the design of your page with a brief "please agree ...
- 19.5k
16
votes
Accepted
Should a "Select all" checkbox become selected if all checkboxes are selected?
The answer is a big 'Yes'.
If the user is selecting all the checkboxes individually and once all the items have checked the select all checkbox should also be checked. So, if the user at any point of ...
- 1,523
16
votes
Using asterisk (*) when all fields are required
As you mentioned all are fields are required and I assume to move further in the process, they need to agree to the statements or skip. I won't split them into 3 checkboxes rather I will keep them all ...
- 449
14
votes
Should Checkboxes be Checked or Unchecked by default in forms
I'd like to suggest a 3rd solution which avoids the need for figuring out an appropriate default value altogether.
In this case, I would actually not use a checkbox, because you can have multiple ...
- 2,291
14
votes
What is better: yes / no radio, or simple checkbox?
If you really need to cover all the use cases:
Checkmark won't work because it can only cover two cases.
Radio buttons should cover it, but you are missing the third option. Something in the line of "...
- 1,070
14
votes
How to indicate a checkbox/toggle is "always on"
Since the enabled-disabled and required-optional fields are interdependent, why not combine them to make the concept of enabled implicit?
Field | Disabled Optional Required
--------------+---...
- 636
13
votes
What is the best way to collect a yes/no answer to a required question?
There're three cases that you have to be able to identify: yes / no / not-specified (i.e., user did not interact with this element). But if you pre-select yes or no then you won't be able to ...
- 1,331
13
votes
Accepted
Should we use check boxes or not and select rows on click
This is an affordance question :-)
The great thing about check boxes is everybody knows what they are, and what you need to do to interact with them.
Row select is not so well known and it certainly ...
- 8,904
12
votes
What's the difference between a toggle switch, radio buttons and a tickbox? What's the best cases these patterns can be used?
Well, it kind of depends on which system you are.
There are mobile guidelines for Android, iOS and Windows.
iOS, for example, doesn't use regular checkboxes (they are not called tickbox btw) or radio ...
- 6,816
12
votes
Is there a good way to communicate choose at least one?
If you can dynamically add question fields, then another solution is to break it into stages:
1) Ask the null state question first with radio buttons.
2) If the option(s) which requires multiple ...
- 229
Only top scored, non community-wiki answers of a minimum length are eligible