Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

1
vote
1answer
48 views

Using accordion lists with radio buttons

I am designing a UI for a popup that would allow the user to share a post with one class at a time and select which class. They should also be able to drill into each class and select all or certain ...
1
vote
1answer
30 views

Can one filter be always selected by default?

I am not sure if it is good user experience to have one filter always pre-selected by default. Can't use a toggle, because of the consistency issues with other pages. But I would like to keep all ...
4
votes
1answer
190 views

What is differences between primary actions and secondary actions for checkbox?

While reading about lists in material design, I could not understand what Primary and Secondary actions refer to for checkboxes. I could not find any information about it. What is the difference ...
4
votes
3answers
162 views

To align radio buttons in columns or not

I am building a form with two settings that have two choices each. The two settings are completely independent; the choice for one setting is unrelated to the choice in the other. The design calls for ...
1
vote
3answers
124 views

A checkbox that can interact / display 4 states with nested child elements

I have read discussion about tri-state checkboxes and even those are controversial - we have an even more complex problem with our software. We need 4 options and can't figure out best way to do this ...
3
votes
2answers
2k views

An alternative to Indeterminate checkboxes?

How best to display incomplete or indeterminate state? Microsoft UI pattern has an display icon for this - a dark box within the checkbox instead of a check. http://msdn.microsoft.com/en-us/library/...
32
votes
4answers
4k 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, ...
1
vote
2answers
98 views

Dependent checkboxes behaviour

Context: In a form, there are 2 main sections - Boosters and Filter. If any Booster is checked, the Filter section cannot be checked and if filter is checked, no boosters can be checked. The ...
0
votes
2answers
160 views

Sortable Checkboxes for Ranked Options

A user profile form has a set of checkboxes that determine which departments the user belongs to. The data is stored in a comma-delimited list. We now have a new requirement: order the comma-...
1
vote
2answers
42 views

Where should dependencies show for grouped checkboxes? After the selection or after the entire group?

I am looking to set a system wide standard for the design of dependencies for grouped checkboxes. Are there any best practices for doing it one way over the other? In my examples the first 3 ...
16
votes
6answers
2k 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: ...
83
votes
12answers
51k 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?
4
votes
3answers
774 views

Category filter using checkbox, tag or most popular?

I'm in the process of creating a filter system for the category of restaurants. This category list can consist of dozens of items, while each restaurant can have only 3 categories. So if users selects ...
1
vote
3answers
90 views

How I could arrange these better? [closed]

I was wondering how I could arrange these better? Currently I have sections 1-3 and when you select one or multiple it give you new row of check boxes. I think this is quick way to solve problem but ...
1
vote
2answers
37 views

Accessibility Guidelines for saving changes to boolean controls in a web app

We currently have some settings pages in a web app where there is a list of controls with checkboxes, so you can enable/disable certain features. We also have a save option below these that is ...
0
votes
1answer
106 views

What is best practice for large amounts of options in an HTML form?

I inherited an old web app, which includes an HTML form. This form has a large list of checkboxes for a yes/no on selecting counties to receive updates about. Obviously this is not best practice, ...
0
votes
1answer
62 views

Which sentence to use for save my name and email checkbox?

Which sentence would be more clear and correct: “Save my name and email for my next comments”, “Save my name and email for my future comments”, “Save my name and email”, “Save entered data for my ...
100
votes
13answers
22k 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
vote
2answers
70 views

How to handle check-able tree-view nodes that act as both a group and an item

I need to create a tree-view which allows users to select nodes (using a checkbox). The tree-view contains two types of node, "group" and "item". A "group" node can contain both "group" and "item" ...
3
votes
3answers
153 views

How to provide better UX for a list of user consents

I'm working on a UI that requires end user consent to proceed with a sign-up. Thought of using inline checkboxes within the consent statement. As you see below... I have not come across this method ...
31
votes
8answers
37k 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 ...
3
votes
4answers
155 views

Usage of switch box, checkbox or radio button for a visibility flag

Scenario I have a visibility flag against document attached to a student profile. Administrator is the persona of Student profile. Administrator manages student profile and in the student profile we ...
2
votes
1answer
143 views

Why are there two checkboxes for 1 state selection?

Those permissions could be handled only with one checkbox. Checked - allowed, unchecked - Full Control denied, for example. Why two checkboxes, not one? Also why not radio buttons?
7
votes
8answers
4k views

Are checkboxes with crosses (instead of ticks) safe to use?

Would you consider checkboxes using crosses instead of the standard ticks OK to be used in UIs? There are several CONs (being easily confused with close or delete crosses and wrongly implying there ...
35
votes
7answers
19k 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, ...
1
vote
1answer
83 views

Orientation of checkboxes and their labels in a form

I have a form that has a combination of text fields, checkboxes, drop downs etc. Generally, UX fundamentals dictate we do this. This works well when text/drop down fields outnumber checkboxes But, ...
3
votes
1answer
99 views

How do I show the selected items in an easier manner in this dropdown

I have a dropdown with checkboxes as items. HERE is the working example I let people select multiple options from this after they search for it One problem I notice is that it is not immediately ...
0
votes
3answers
85 views

Best practices for using check mark or X to fill out an attendance sheet

Part of my duties at my job are to take meeting minutes, which are then uploaded and shared within the Organization and throughout the State. The previous tech writer made a hard-to-read table, where ...
2
votes
2answers
134 views

What's the best way to filter by not-machting results without typing?

Imagine a web application that shows table data with sidebar filters, but it doesn't have a search box. Usually in search boxes users can exclude results (ex. Don't show X). How could a UI perform ...
0
votes
2answers
257 views

How to display a checkbox modal

I'm updating a legacy(12 y/o) system and one of the requirements is a cta that opens a model which lets the user make multiple selections, aswell as, typing an input that then gets added to a summary ...
9
votes
6answers
4k views

Should a “Select all” checkbox become selected if all checkboxes are selected?

This is the scenario: "Select all" checkbox selects all checkboxes, and unselecting that checkbox unselects all checkboxes. If all checkboxes are selected individually, should the Select all become ...
0
votes
1answer
49 views

Two options, and a third, which renders the first two redundant

I am in a predicament, so I would appreciate any help that you experts can provide. I have two options, A and B, which say either is required and a third option, C which says either A or B is needed....
4
votes
2answers
186 views

UI to best convey whether results of selections in a filtering interface return intersections or unions (and/or)

The problem I'm working on an interface that allows students to find study spaces on campus, including filtering (faceting?) those spaces based on different categories. Current feedback from both ...
1
vote
1answer
199 views

Best practice of single select row on table

On the website I'm working on there are tables with multi-select row function to trigger some actions. Here is the current implementation of the table. Buttons to trigger the actions are placed on top ...
1
vote
2answers
341 views

Simplifying Matrix UI

Need suggestion on simplifying a Checkbox Grid UI (shown in below image left side) as it is not scale-able due to number items count (Varies from 100 - 240). I had plans to go with the two column ...
20
votes
7answers
6k 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 ...
1
vote
1answer
70 views

Is there a good non-language specific (international) way to describe Yes/ No or Present/Absent?

For example, each row in table has Y or N to denote the presence or absence of something. This could be changed to a check or "x". Check means present, "x" means absent. Does the check vs "x" make ...
4
votes
3answers
159 views

Checkboxes and Radios styled as buttons - need differentiation between them?

I am using Bootstrap's button groups to present checkboxes and radio buttons in the form of a button group. You can see an example of this functionality here: https://ng-bootstrap.github.io/#/...
0
votes
2answers
74 views

Clickable behavior of the checkbox with a link

How should checkbox behave if it has a link inside text field? Is it a good UX if only underlined link links to another page when the rest of the text in the control and the box itself check the ...
0
votes
1answer
90 views

Checkbox label: “Refresh automatically” vs “Automatically refresh”

I have a web page with a checkbox on it. The checkbox controls whether the list shown on the page is refreshed automatically: if checked, the list is refreshed every second; if unchecked, the list ...
1
vote
1answer
100 views

Multi-selecting checkboxes while rows are highlighted

My team and I just spent almost 2 hours discussing the right way to go about this issue. We have a table. In this table, the rows can be selected. Each row also has a checkbox at the beginning of the ...
2
votes
3answers
1k views

How to select a parent checkbox either separately or with children?

In my web-based reporting case, users should be able to select one or more items from an organization hierarchy to show on a report. They should be able to select both whole branches with all subnodes ...
1
vote
3answers
144 views

Which is better button input or form input?

I understand that technically they are the same thing, but from a visual UX point of view which performs better button input vs check box? Has there been any thorough research done around this? if so ...
2
votes
3answers
4k views

Correct “Select all” pattern

I'm developing a material design based desktop app where I encountered some UX problem and can't decide how to implement "Select all" capability. Situation: I have the right side panel with a list: ...
3
votes
2answers
166 views

How to make checkboxes more obvious

I have a few checkboxes on a page which are checked by default. The users do have a choice to uncheck them if they like. However, in our user research so far, the users seem to have missed the fact ...
6
votes
3answers
254 views

Gmail's Email filter checkbox or radio?

I was just trying to filter the emails I was getting from the particular site and the time when I clicked on filter messages like these and then to Create a filter to this search, it opened some ...
1
vote
2answers
611 views

Checkbox regular vs Material Checkbox button

Regular Material design checkbox (see in action here): Checkbox button, seen this kind in few places (example): Which of these designs is more user friendly (and technically correct?) Is Checkbox ...
1
vote
1answer
111 views

How to handle when user is only allowed to check e.g. 3/6 check boxes?

Let's say we have six options, six check boxes. The user must select three options to proceed, no more and no less. What happens when the user tries to select a fourth option? Should it even be ...
2
votes
1answer
454 views

Filtering results: Checkboxes vs dropdowns

I'm designing a filter for a website with a job search abroad. Filter has to refine vacancies displayed on the right side. I saw a lot of similar websites with job search use dropdown menus. But on my ...
133
votes
16answers
157k 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 not allow ...