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
0 answers
31 views

Improving confusing product permission settings UI with explicit / implicit multi options

I have a product permission settings component that allows users to include/exclude companies' current and future products. Many users find the current UI confusing based on feedback. Below is an low ...
1 vote
2 answers
127 views

Autoselect lower options - effective design patterns

I have series of options that I currently render as checkboxes. However, the options themselves "stack" in the sense that selecting one, should auto-select all the options below it. ex. If we have ...
1 vote
2 answers
196 views

Matrix table with checkbox selections

I am creating a matrix data table which will allow checkbox selections. Here is a mock up I have come up with: This fulfils two purposes: User is able to see instantly which options have been ...
0 votes
2 answers
27 views

Differentiating single/multiple selection in polls in a mobile app

as the title stated, I would like to seek some ideas on the need of actually differentiating the choices. see below: A: traditional checkboxes for multi-selects, radio button for single select B: ...
1 vote
1 answer
341 views

Multi-select tree in which parent also is a child

I am working on a multi-select tree in which the user should be able to select all children of a parent. Normally you would be using the parent checkbox to do so, but in this case it should also be ...
0 votes
1 answer
71 views

What is the best pattern on selecting options to display look book prices

This is an online app for our product salespeople. This app allows our product managers to create a custom pdf look book that can be emailed or printed out for specific customer. The selection ...
0 votes
1 answer
181 views

What is the best way to design nested multi-select checklist for touch devices with capability to preview?

We are designing a multi-select nested checklist for a touch kiosk application. In this checklist, we have multiple parents and these parents are selectable/checkable but when we tap on them, they get ...
0 votes
1 answer
48 views

Elegant layout for a table with long row / column headers but simple cells

I have a table, possibly a very large table, where every cell is just a simple checkbox (e.g., click-dragging will check/uncheck a grid at a time). The table will have both row and column headers. ...
0 votes
1 answer
48 views

Listbox with checkboxes — description aligment with title, or checkbox?

On a project, we show a list with checkboxes — and all options have some additional descriptions. So the question is should those descriptions be left aligned with the checkbox, or item title?
16 votes
6 answers
17k 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 mention ...
47 votes
9 answers
25k 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, ...
2 votes
2 answers
262 views

Select a lot of items (checkboxes)

I'm working on a game where users can have a lot of items (50-100k). The items are stored in a database, they are all unique because they have metadata (achieved time etc.). We would like to allow the ...
0 votes
1 answer
79 views

Two options of how user selects mode. Which one is better? [closed]

Hello, guys! My colleagues and I had a very heated discussion over those options of how a user can tune settings in our web-application. A little bit of context: we build a system for professionals ...
1 vote
3 answers
215 views

Hierarchical checkboxes interaction during search

I have a tree of hierarchical categories, where users can choose which categories they like to filter. We have implemented partially checked cases We have an option for users to search the tree, so ...
1 vote
1 answer
93 views

Is this "Only" checkbox option a default MUI component?

I saw this option when I was using Google Flights. It's pretty handy if there's a long list of options and you only want to select one. Does anyone know if this is a default MUI component? I can't ...
15 votes
3 answers
7k views

Is a circular checkbox bad UI design?

A radio button is normally presented as circular control but more recently checkboxes are also being presented with a rounded border making them look like radio buttons. http://flatlogic.github.io/...
0 votes
2 answers
77 views

Should confirmation e-mail be the default?

I run a website where people can book appointments. The e-mail address field is optional, and next to this is a checkbox to receive a confirmation e-mail. The confirmation e-mail contains a code to ...
0 votes
1 answer
59 views

On mobile, how far apart should related checkboxes be from each other?

I have a grid layout that looks like this: __ Item1 __ Item2 __ Item3 __ Item4 The __ are checkboxes. How far from the other checkboxes should they be?
3 votes
5 answers
4k 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 ...
0 votes
1 answer
119 views

How to clearly communicate a checklist with pass and fail boxes for each item but also the possibility that the item is not applicable?

So I have a checklist for inspections of some technical goods. Each of those goods has it's own criteria that can either be 'fulfilled', 'not fulfilled' or, if the item doesn't have the relevant ...
9 votes
3 answers
2k views

UI for autosaving checkboxes and radiobuttons

I am re-designing an online platform and we've decided to introduce autosave for settings. I understand it's important to communicate the autosaving feature to the user. This seems to be typically ...
0 votes
2 answers
108 views

Why do Google Photos use rounded checkboxes in their app? [closed]

I know people asked this question a decade ago. (Are round check boxes confusing or an accepted standard?) So, after all these years, has this become a standard in terms of usability? Or is it purely ...
0 votes
3 answers
103 views

When selecting USA checkbox would states be disabled?

The behavior is if you select a state it selects all the cities in that dropdown. But in this scenario if user selects USA shouldn't all the states be disabled/gray rather than selecting all the ...
0 votes
3 answers
318 views

How to visually represent 4 state checkbox

I'm trying to represent 4 states: Not started In progress Submitted (uploaded) Approved Update: these are display only. Not clickable or changeable. (Program changes their state after other actions ...
0 votes
1 answer
712 views

Tree - select all child nodes or select only few

I have a multi-level tree structure and the user would want to select only a particular parent node or all child nodes below it. There can be multiple trees with multiple levels one below another The ...
2 votes
3 answers
496 views

Deselectable radio button or limited checkbox in search filters

I'm currently working on a change request for a search filter we have in our product overview. Our search form has some basic search filters e.g. price range, delivery time,... Our products can also ...
1 vote
3 answers
193 views

How should the switch (or checkbox) react to changing the slider value?

The Situation: The user can drag the slider handle to change the opacity of a 3D object (teeth). The minimum value is 0, and the maximum is 100. The user can also turn the switch off, and it will set ...
1 vote
3 answers
338 views

Permanently disabled checkbox?

Suppose I have a GPS assistant function that the user can turn on/off. When enabled, the function has a few options related to it. The user can turn these on or off too, except for the Suggested route ...
11 votes
6 answers
5k 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 ...
179 votes
18 answers
247k 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 ...
2 votes
3 answers
421 views

Checkbox dirty state

I would like to highlight any changes made to a long list of form checkboxes. That way the user can review all the changes made (whether checked or unchecked) before saving. Are there any examples for ...
0 votes
3 answers
392 views

Pre-selected checkbox to subscribe newsletter on sign-up

It's 2020 and I wonder: is it fine to have under the Sign-Up form on a website a pre-selected checkbox so the user subscribes to the newsletter to receive updates? The thing is: Newsletters still ...
1 vote
3 answers
406 views

Multiple choice dropdown - when items are selected they are moved to the top of the dropdown

Does anyone know if moving selected choices to the top of the multiple-choice dropdown is a good design pattern? This would prevent users to scroll through a lot of content to preview active fields. ...
9 votes
4 answers
13k views

What's the difference between a toggle switch, radio buttons and a tickbox? What's the best cases these patterns can be used?

What's the best cases these patterns can be use?
4 votes
5 answers
343 views

Expected behavior of "Apply default option to all" checkbox

Let's say users are filling out a form; they can either manually select values, or use a checkbox to apply a set of default values. (We'll call it Option A for the purposes of this question.) What ...
2 votes
2 answers
122 views

Settings check box functionality

I'm working on adding a small piece of functionality to a part of an app that contains 4 settings check boxes. I'd like to make some small tweaks to improve the UX of these checkboxes. There isn't ...
1 vote
1 answer
229 views

Can I use both toggle switch and checkbox in one modal?

First of all, I am not a native speaker, I ask for your understanding even if the writing is weird. I'll explain it in as much detail as possible. If you need further explanation, please leave a ...
6 votes
3 answers
21k 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 ...
1 vote
1 answer
59 views

Designing interface to accommodate physical devices with different number & layout of ports

The following device is a network switch. This particular model contains 24 ports, arranged into 2 rows with 12 ports on each. There exists hundreds of models of switches, each with different number &...
2 votes
3 answers
326 views

radio button matrix in a checkbox tree

I would like my users to toggle opt-in or opt-out the nested items in my checkbox tree individually but also toggle them all opt-in or all opt-out at once. In my example, I use radio buttons. But the ...
2 votes
4 answers
171 views

Which is the best control for a digital checklist?

Designing an application that has a checklist for workers to fill out before starting routine Maintenance work. this includes a list of 10-15 safety checks. this will be used on an android tablet on ...
21 votes
8 answers
5k views

Mutually exclusive Switches

The software I am designing for has 3 functions, which can be turned on or off with Switches. However, due to how the software works, the following rules apply: At least one function must be enabled ...
1 vote
1 answer
92 views

Have checkbox in addition to "Select All" redundant?

Is having an additional checkbox to select all redundent and add unneeded complexity? The user frequently (maybe 40% of the time) selects numbers 1-33 as option so I would like to add a checkbox that ...
0 votes
3 answers
2k 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
0 answers
260 views

Language selector and default language on filter bar [closed]

A user is able to choose supported languages from a language list on our platform. The user is required to set one default language (the system defaults to English). The language dropdown is available ...
15 votes
8 answers
3k views

What's a better way to enable a feature – checkbox or dropdown?

Imagine a form where you can enable a feature. After enabling, you have some additional options related to the feature. (A) Would you design a checkbox for enabling/disabling the feature + a dropdown ...
2 votes
1 answer
139 views

Submit button placement on a form with long columns

This question is related to the Sticky submit button at the top and bottom of the form?, and Submit button on top of the long form but I consider has other nuances. I have a form that is made only ...
20 votes
9 answers
4k views

How to indicate a checkbox/toggle is "always on"

I have a group of toggles (styled checkboxes) in my interface to activate/deactivate the visibility of input fields in a form in he front-end. Two of those inputs are required for the form to work so ...
26 votes
6 answers
56k views

Radio buttons with none selected

I feel like there's an answer out there but I can't find it. We have a situation where customers need to choose one of two options for billing their services, but we can't choose it for them. I've ...
15 votes
3 answers
4k views

Is it okay to use a dropdown chevron in a checkbox?

We have a feature where the user can select some checkboxes. They are all selected by default. We are planning some UI/UX changes that will allow the user to cherry-pick, between these selections, a ...

1
2 3 4 5
9