Hot answers tagged checkboxes
117
If I saw that in an interface - I would assume only one item can be checked, especially before any had been selected. Only the wording of the title would indicate to me that multiple selection is possible. I think this design would lead to a greater than normal number of people choosing a single item rather than a selection of items.
I don't see the benefit ...
62
I believe it should as the entire region in the eyes of the user is the "selection". Now, I think you can look at this issue from another angle which is...how do we remove the perception of a space?
One solution is to include a background surrounding the checkbox and label region. On hover over, the background could change color as well to further ...
37
There should never be just one radio button, as it breaks the user's expectations on how they work. Radio buttons are meant to allow selection of one and only one item from a set of several radio buttons.
If you really want to use radio buttons, you could either go with this approach:
() I like the following sweeties:
[] chocolate
[] lollipops
[] ...
34
While Microsoft and Apple aren't explicit on this issue, Java Swing Look and Feel Guidelines explicitly state that the label/value should be to the right of the control for languages read left to right. The same applies to radio buttons.
The ancient OSF Motif Style also explicitly says that the label is to the right of check boxes and radio buttons ...
32
A check*box* should look like a box and not a circle. They are not check circles, after all. Subtly rounded corners, as others have mentioned, would be okay, but user interfaces have always represented a checkbox as a square and a radio button as a circle. The designers behind your examples are likely trying to be different, favoring style over function.
20
Maybe you can try a mix of usual buttons (to have a big area to click on) and the usual radio/checkbox controls. I wouldn't totally remove those controls because then you'd have to add text descriptions like "Select only one." or "Select multiple."
You could also grey out the radios/checkboxes that they are just a subtle hint.
19
What I think about double-click Checkboxes:
This is one of the most terrible ideas i've heard about in a while. Users expect a checkbox to be single-click. Period.
There is no problem with accidently clicking checkboxes:
Actions triggered by checkboxes should be instantly reversible per se. Thus, miss-clicking should be a non-issue, since a simple ...
17
A checkbox should be square. As Cooper, Reimann, and Cronin wrote in About Face 3 (emphasis mine):
Traditionally, checkboxes are square. Users recognize visual objects
by their shape, and the square checkbox is an important standard.
There is nothing inherently good or bad about squareness; it just
happens to have been the shape originally chosen ...
16
Typically even a tri-state checkbox is still to be treated as a two-state check box in terms of the user's interaction. The user should not be able to switch it between all three states - only between checked and unchecked.
It is only if the information that is related is not in either state that the box is 'displayed' in the tri-state.
What does it even ...
16
I would try to group as many checkboxes as possible under a single label:
download bmml source – Wireframes created with Balsamiq Mockups
15
as creator of Bootstrap, perhaps I can shed some light on this :). Prepended and appended inputs serve two purposes:
Allowing for simple punctuation or units to be paired with an input. For example, if you need to indicate a field is asking for money, use the prepend with a $ sign. Other examples include @ with a username (a la Twitter.com's settings ...
13
Martin, take a look at what jQuery Mobile has done with radio buttons and checkboxes. Here is a demo page:
jQuery Mobile Docs: Gallery of Form Controls
They give you two viable options that I think you'll enjoy.
Keep checkboxes and radio buttons looking the same but making them have a surface area that is larger and more clickable.
The new Apple iOS ...
12
In the original GUI guidelines from the Lisa/Macintosh, Xerox Star, and Microsoft Windows, check boxes are, as the name implies, something you can mark (with a check-mark) if you wish to select or mark it - or clear if you wish to deselect it. Each checkbox choice is independent of each other, in terms of their activation.
Radio buttons, on the other hand, ...
12
The current option of check boxes and radio button in that layout is not a good choice. It looks confusing. There are a few ways you can handle this:
Split it into two questions: 1. Do you like sweeties? and if yes, then 2. What kind of sweeties do you like? If no, then move on to the next question.
Turn it into a dynamic/interactive question.
Do you ...
11
download bmml source – Wireframes created with Balsamiq Mockups
How about this?
Just replace the checkboxes with radio buttons.
Color channel - selecting Lossless disables the slider, and selecting Lossy enables it.
Alpha channel - selecting Lossless sets the slider to 100% and selecting Lossy and setting it to 100% manually doesn't affect ...
10
form labels should be consistent.
here's one of many solutions (I've used radio buttons which amounts to the same thing as one checkbox, but you could stick with the checkbox)
or you could top align:
edit to add:
http://www.slideshare.net/lukew/web-form-design-best-practices
good advice on form alignments....
10
It depends on what you want to do. :)
Use checkboxes (or other toggle buttons) if you want to provide for applying several filters at once. If you want to use them for single value, then listen to @AndroidHustle regarding manipulating them, and only use them for single, independent, boolean values.
download bmml source – Wireframes created ...
10
Answering your question, yes, it’s absolutely ok.
But, with such a short labels, you could use text instead of pictures:
[n/a] Yes No
n/a [Yes] No
n/a Yes [No]
Text is easier to understand than icons, and different understanding are less likely for text. For me, green tick and red cross mean if question was answered correct or not, not the answer ...
9
If you must use an Invert button, I suggest that you label it Flip instead to avoid confusion with Revert.
OTOH, for Clear All and Select All, personally I'd for as few buttons as possible:
If all answers are checked, label the button Clear All
If no answers are checked, label it Select All
If only some are checked, label it Select All. If the user ...
9
Without knowing anything about the information architecture or the users work-flow, I've taken your suggestion as a starting point and added a few improvements based on the gestalt principles and visual hierarchy.
Then the main grouping should be done without underlined header (due to the law of proximity/grouping), and the sub titles should have a ...
9
Yes, its a convention. If you take a look at big sites like Amazon or Ebay, you will see this behaviour. You see everything of a list unless you start filtering by checking a filter option. And no filter is preselected/checked at start.
Make sure not to forget a clear filters option. At some point you could filter so heavily, that no product could match ...
9
For me there are three things I would do to simplify this design.
1) I think you should remove the Member role from the list of roles. Users cannot change this so it should not be part of the group. Instead it can be listed together with all the other selected roles else where (possibly with an descriptive title e.g. default role, or base role or some ...
8
I prefer positive phrasing but I think this also has to do with default state. In terms of the description I think it should state what the checkbox is to accomplish when checked and that phrasing should most concisely express the behavior that is entailed regardless of positive or negative phrasing. Naturally positive phrasing tends to be more concise ...
8
I find this approach pretty self-explanatory (no need for "Select all"):
(From: http://www.ibm.com/developerworks/web/library/wa-jquery1/)
However, the keyword here is "I find"! @ChrisF has some good points in his answer, but I guess that you will have to compare the different approaches with real users in order to find out which solution is the best fit.
...
8
The round "boxes" implies that it's a different graphical representation of a radio button. A confusing one.
Whether or not that is the case, I do not know without reading the context. Rounded boxes is one thing, but circles are not as helpful as they could be as they use the visual language of a different widget that is close enough in functionality to ...
8
You should never use checkboxes when only one of the options is allowed. You should only afford the design to allow one option. In the instance that you have provided above with the Balsamiq mockup, radio buttons should be used.
However, is there potential either now, or in the future to allow BCC, Reply-To or Followup-To?
In Thunderbird a select group is ...
8
Basic solution.
Guidelines for Enterprise-Wide GUI Design recommends to use a selection list in such circumstances. You can show 5-6 roles and put scroll bar to enable viewing the rest. This way the user can figure out the contents of the list and then use scroll bar to see them all and choose needed. It also give you flexibility because it's easier to ...
8
I would have a fist checkbox called something more descriptive like "All permissions" or "Admin". I would then make the other checkboxes visible (or active) based on whether that checkbox was selected.
This should be fairly easy to implement, and should be visually clear and fast to scan.
Example mockup:
8
Is the concern about implementation or UI clarity? I can't see why a "Select Full Row" option should be any harder to implement than the rest.
A sugesstion might be to somehow highlight the last column a bit differently than the rest since it performs a function somewhat larger than the rest too. I'd almost be tempted to make that "Select Full Row" a ...
7
what factors might influence this decision?
Are new children checked by default?
This of course depends on the application. Since you didn't specify: lets discuss "selecting folders for backup". The best solution I found are WinZip project files, which works like this:
Even if all children are checked individually, the parent is set to "mixed." This ...
Only top voted, non community-wiki answers of a minimum length are eligible
