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.

99
votes
13answers
21k 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
56 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
146 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 ...
30
votes
8answers
36k 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
111 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
136 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
3k 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
63 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, ...
0
votes
2answers
133 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-...
2
votes
1answer
83 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
82 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 ...
1
vote
2answers
130 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 ...
3
votes
3answers
738 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 ...
0
votes
2answers
241 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
48 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....
1
vote
0answers
88 views

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

While reading material design, i found that i didn't know the difference between primary and secondary actions. I think it's too basic, I can't find any information about it. What is the difference ...
4
votes
2answers
180 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
129 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
284 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
155 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
63 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
88 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
86 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 ...
3
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 ...
0
votes
3answers
140 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
3k 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
139 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
237 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
556 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
102 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 ...
1
vote
1answer
368 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 ...
130
votes
16answers
154k 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 ...
2
votes
4answers
520 views

Checkbox or Radio, specific use case

I have a very specific use case and it has led me to question the checkbox vs radio button convention... Radio buttons are used when there is a list of two or more options that are mutually ...
6
votes
5answers
3k views

Checkboxes or Radio buttons: Only one or zero choices

I'm building a quiz-type web application in which the user must answer a series of multiple-choice questions. I need to decide whether to use radio buttons or checkboxes. I'm familiar with the ...
3
votes
2answers
299 views

Checkboxes, Radio Buttons, and Mobile Development

I am currently working on an iOS app where the user interface should allow them to pick 1 of 2 options. One and only one option must be selected. My boss feels very passionately that this should be in ...
2
votes
2answers
206 views

Multiple horizontal checkbox (radio button analog)?

I'm trying to build a vertical filter bar (think airbnb or any review site) where user will add multiple filters. One can select multiple property types e.g. Although in many cases with lesser ...
1
vote
2answers
714 views

Do users understand this hybrid checkbox/radio control? [duplicate]

I'm wondering about the perennial problem that arises when presenting multiple options, where the user can select none, one, or several options. Using checkboxes, it's not clear whether a user ...
0
votes
1answer
143 views

How do you call the action when you select items in a checkbox?

This is more of an English language question, but UX designers will readily understand. When i have a checkbox with items, then say for a help description text, do you rather use the verb "select ...
2
votes
4answers
1k views

Using mixed radio and checkbox buttons - is there any efficiency or usability gain in the design?

I have noticed that many online forms and surveys these days are starting to use a mixture of radio and checkbox buttons for the same question, that is, for a question that gives the person a number ...
0
votes
2answers
288 views

Regular Checkbox vs Checkbox button

We're debating on using regular checkbox vs checkbox buttons I feel the regular checkboxes (first one) is a better choice. Visually, it clearly says that there's a choice to be made. Also, it's very ...
2
votes
2answers
269 views

Looking to use a dropdown and checkbox in the same search field

I am attempting to create a search based off multiple categories. The user should be able to select all that apply. They do not need to select one from every category. One of the issues I am having ...
0
votes
1answer
68 views

What is correct pattern to create item with several options

I'm developing a web app using angular and material design. At this moment, when I'm creating a new role I enter name and description of the role and role is created. After discussion with colleagues, ...
2
votes
4answers
843 views

How to Display Multi-Option for large quantity of options

I am creating a web application that requires a user to select from 400+ options. This is absolutely mandatory as it is for B2B software. I want to break it up into categories. However, there may be ...
1
vote
0answers
160 views

Alternative to side scrolling table for an infinite list of X-Axis checkbox items

I have a problem in which there is a table that does not have a predefined amount of columns or rows. i.e., for both the X and Y axis there is no limit. This invites a high probability of the user ...
1
vote
1answer
89 views

Choice of UI widget for marking item in list as unsatisfactory

I am prototyping an HTML5/CSS3 input form where users enter some details about goods received in relation to an order. They are able to mark items as accepted though unsatisfactory (e.g. arrived zinc-...
3
votes
3answers
833 views

Apple's round checkboxes - Where and when are they used?

We are building a cross platform app, and a decision maker on my team (who is an Apple user) wants all of our "Select to delete" checkboxes to be round, "Like Apple's Mail and Messages apps". I ...