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.

Filter by
Sorted by
Tagged with
1
vote
1answer
76 views

Input a lot of data with select vs checkbox

I want to input some sets of data. Let's say it's like an assignment for a member on a team in some task. I want to apply several members in the task but how is the best experience to input these ...
2
votes
3answers
193 views

Better layout of many checkboxes with help text

I have a page for configuring access rights in a website. There are a number of checkboxes in the form. Each of these checkbox have a help text hover tooltip that provides a more detailed explanation ...
0
votes
3answers
197 views

iOS list with checkboxes and radio buttons alternative

I have a question regarding the default component for checkboxes and radio buttons in iOS. [Context] In this flow, the user will have to create a two period charging recurrence (for a service), ...
2
votes
1answer
109 views

Is there any reason not to change the style of web radio buttons and check boxes?

It's still very difficult to change the visual look of HTML radio buttons and checkboxes using CSS. For example, changing the check box's border-color does nothing on major browsers. Is there a UX ...
0
votes
2answers
129 views

Avoid toggle switch on any page with save button?

I'm currently working on a tool which more or less requires a submit/save button on every page. This is due to avoid any immediate effect on the end user who consumes the content. Sometimes, it feels ...
3
votes
2answers
96 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
65 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
3answers
211 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
2answers
103 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 ...
1
vote
2answers
47 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 ...
33
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
3answers
148 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 ...
1
vote
3answers
93 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
48 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
115 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
65 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 ...
101
votes
13answers
23k 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 ...
3
votes
1answer
151 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?
1
vote
2answers
85 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" ...
1
vote
1answer
124 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, ...
4
votes
4answers
202 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 ...
3
votes
1answer
118 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
91 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 ...
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
1answer
245 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 ...
1
vote
1answer
75 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 ...
5
votes
3answers
163 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
86 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
92 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
121 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
160 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 ...
1
vote
1answer
255 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
3answers
147 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 ...
4
votes
2answers
195 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 ...
3
votes
2answers
219 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 ...
1
vote
2answers
424 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 ...
2
votes
1answer
127 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 ...
20
votes
7answers
7k 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 ...
2
votes
2answers
249 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
335 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 ...
0
votes
2answers
428 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
350 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
2answers
172 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-...
0
votes
1answer
71 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
1answer
521 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 ...
3
votes
3answers
5k 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: ...
2
votes
2answers
137 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 ...
1
vote
0answers
186 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
102 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-...
2
votes
3answers
1k 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 ...