Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

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
0
votes
1answer
39 views

Best UI pattern to allow the user to assign 1 level nested items to two groups

My issue is something similar to this one - Best UI pattern for letting a user assign items to groups I am looking for a good UI design for mapping items between 2 groups (only one-to-one mapping). ...
0
votes
2answers
55 views

Initial state of checkboxes for basic list filtering

I'm developing a web application which features a list of items. The list can be filtered by type, and the user can choose to view one or more types at once. Let's say the types are Red, Green, Blue, ...
1
vote
2answers
106 views

Show/Hide Select All Tree Checkboxes

We are using a 3-level nav tree (Sport-Country-Competition) with nodes being selected only on the third level. Upon running usability tests, we identified that the absence of a "select all" option ...
0
votes
2answers
42 views

Which option seems the clearest when setting up an event [closed]

I asked this on a preference test, the results were very close, too close to call in fact. You're setting up an event on an app that let's you choose whether your guests can reply or buy tickets, ...
0
votes
1answer
56 views

Group Checkboxes Select All / None Design's best practices

What would be more inline with best practices for the select all / select none option on group checkboxes? OR
1
vote
1answer
87 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
202 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
350 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
111 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
190 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
115 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
80 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
254 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
107 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
53 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
156 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
55 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
119 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
66 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
24k 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
154 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
90 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
156 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
235 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
139 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
107 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
298 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
77 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
164 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
100 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
94 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
136 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
170 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
297 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
148 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
207 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
258 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
496 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
136 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
272 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
379 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
453 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
369 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
173 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
73 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
570 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 ...