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.
65
votes
8answers
5k 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.
...
50
votes
6answers
2k 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 ...
34
votes
9answers
7k 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?
19
votes
4answers
626 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
( ) ...
18
votes
10answers
8k 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 ...
13
votes
3answers
523 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. ...
13
votes
6answers
676 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" ...
13
votes
5answers
1k 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?
12
votes
5answers
300 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 ...
12
votes
5answers
491 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 ...
12
votes
4answers
568 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 ...
11
votes
6answers
1k 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 ...
11
votes
3answers
1k 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 ...
10
votes
2answers
202 views
What is the best practice for checking a series of checkboxes?
I have a large table (some 100 rows) for setting user permissions. Each set of permissions has a set of 4 possible items, which in many cases will all be checked but not by default. For efficiency we ...
10
votes
5answers
4k 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 ...
10
votes
3answers
212 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 ...
9
votes
6answers
822 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.
...
9
votes
5answers
258 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) ...
9
votes
2answers
230 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 ...
8
votes
6answers
542 views
Does a list of checkboxes necessarily mean multiple choices?
I'm currently reviewing the usability of an e-commerce website. When the user searches a product, filter options are provided to refine his search.
The following list of checkboxes is available:
...
8
votes
4answers
1k 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 ...
8
votes
2answers
470 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 ...
8
votes
3answers
99 views
Showing sub check boxes on a form?
I have a form where I have a group of check boxes that are only applicable if a 'master' check box is ticked. At the moment, when the check box isn't ticked it looks like this:
When the text box is ...
8
votes
5answers
169 views
Searching for items that include/exclude an attribute
I have a list of items. These items have 1 or more colors (black, red, green or any combination of the three).
The user wants to filter the item on color. For example, show only the items that:
...
8
votes
2answers
440 views
How to make “signing a contract” on a tablet feel serious and a legally binding?
Is there any standard for accepting signatures inside an application? I wan't to write an android app for gathering clients and then having them sign contracts on the tablet device, but is just an i ...
7
votes
4answers
616 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:
...
7
votes
3answers
2k 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 ...
7
votes
2answers
356 views
Too many checkboxes in a table?
A user should be able to change the settings for 5 different options for each day of the week at the same time.
I was thinking of something like this, but it seems a bit messy... Too many things ...
7
votes
2answers
174 views
List of checkboxes or multi-value select box
Currently in our application we have multiple lists of checkboxes. These lists comprise of random attributes related to a company. Each company will only perform a couple of these attributes and it is ...
6
votes
3answers
178 views
Group of checkboxes and supporting text fields
What is the best way to layout a group of checkboxes and supporting form fields?
For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
6
votes
3answers
220 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 ...
6
votes
2answers
504 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 ...
6
votes
2answers
78 views
Order of items in a checklist vs the order those items are checked off
I have a modal with a sidebar of checkboxes that, when checked, append options to a panel on the right for the user to customize.
Example:
My question: I currently have the items being ...
5
votes
4answers
630 views
Click-twice to tick the checkbox?
I'm working with a GUI that has some tables that contain check-boxes (Just as iTunes does).
The surprising thing is that the checkboxes in the system I'm working on get checked or unchecked after ...
5
votes
3answers
386 views
Best Text for “Select All”/“Unselect All” Buttons with CheckLists
What would "better" text for buttons that select all items in a checklist:
"Check All" / "Uncheck All"
"Select All" / "Unselect All"
or perhaps other text
5
votes
2answers
1k views
What is/are best practice(s) to align an HTML checkbox on a web form?
Consider this HTML form:
The checkbox in the form is really a pain in the ..., because no matter what you do, it can't be aligned in a good visual form with the rest controls of the form. For ...
5
votes
3answers
271 views
A button with choices
I have list of buttons that can be pressed or unpressed individually (like checkbox functionality). Some of the buttons can also have some attributes (+ or -), but it's uncommon to select those ...
5
votes
3answers
655 views
When would I use Facebook style fcbkcomplete instead of a multiselect dropdown?
Is there any occasion when you should use the Facebook style multiselect textbox (as seen in fcbkcomplete or smarttextbox) compared to a regular multiselect dropdown / list box or a set of checkboxes?
...
5
votes
3answers
101 views
To preselect or not preselect checkboxes
Lets say you want to customize and buy a new car online. You get to choose from a list of options for the interior. (Radio, Nav System, Leather or Cloth seats, powered windows, doors, locks, etc..)
...
5
votes
2answers
5k views
A Better alternative to display Hierarchical Data than using TreeView
I am a ASP.net Developer and am looking out for other alternatives to Treeview control. Reason behind is shipping too much of viewstate information for each request. Functionality of treeview would be ...
5
votes
3answers
136 views
Filter options - Preferable to use an 'all' box or a 'clear' link to restore default settings?
I'm currently working on a search engine, filter options are provided to allow users to refine their searches.
Example:
TYPE
[box] Firm
[box] Lawyer
[box] Transaction
[box] Company
When the ...
5
votes
2answers
1k views
Good user interface for multiple checkbox selection and a dropdown list (View/Editable mode)
I have a Dropdownlist and many Checkboxs. For any particular dropdown select value I will show all checkboxs and if their is already any database relation with that dropdown value I have set checkbox ...
4
votes
6answers
1k views
How do I limit the number of options a user may choose in a list?
Radio buttons is for single option, and checkboxes are for multiple selection, but what would be the most ideal way to implement maximum two selection? do I:
disable all checkboxes after second ...
4
votes
3answers
799 views
Which is better to design a Filter?
Which is better for filter, select a single value:
Check box ( Use js to keep single selection )
Dropdown list
Radio buttons
Highlighted labels
download bmml source – Wireframes ...
4
votes
2answers
596 views
How to lay out a list of lot of checkboxes that may vary in length?
I have a list of checkboxes under header titles (at least three, one of them has sub headers, all in one page), something like this:
Problem is, these checkboxes may end up with 10 elements per ...
4
votes
3answers
820 views
Best choice for three-state value?
In my application, the user can filter fields by selecting one of three possible values for each field:
True
False
Both
I currently have a drop-down box, but this requires two clicks while the ...
4
votes
3answers
263 views
Button label when applied to checkbox - “Delete”, “Delete Checked”, or “Delete Checked Items”?
Suppose one has a list of 5 to 40 items on a web page, and suppose further that one wants to enable the user to delete one or several of the items by checking a checkbox and then clicking a delete ...
4
votes
3answers
186 views
What direction do people read in when reading lists of checkboxes/radio buttons?
I have a list (quite a long one) of checkboxes. Some will be checked by default, and I'd like to put those first. So I'm wondering which direction is more frequent when reading / completing them, to ...
4
votes
3answers
117 views
What cues signal an unchecked state?
The key action on a page is selecting "I'm in" (meaning "I'm committed", which can also be deselected). The logical choice of controls is a checkbox:
[ ] I'm in
I'd like to give this action ...
4
votes
2answers
118 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 ...
