Skip to main content

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
1 answer
82 views

Checkboxes or Radio Buttons in a Table

I'm working on updating a table with a new design. Currently, our table allows users to select only one option across three different tables, each in its own tab. This selection is made using radio ...
1 vote
1 answer
76 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?
1 vote
1 answer
74 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
1 answer
387 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
2 answers
128 views

What's the best way to select from two options if both can be selected and at least one must be selected?

I have encountered a scenario where the user can filter a dataset of inventory based on two location designations (internal stock vs. external stock). The user can filter for internal stock, external ...
2 votes
2 answers
289 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 ...
15 votes
3 answers
3k views

Are links inside checkbox labels acceptable?

For checkboxes in forms, you often need an accompanying link for individual options. This regularly comes up in checkboxes to accept terms of use. Designers love to put this link inside the checkbox ...
0 votes
2 answers
92 views

For a permissions interface settings, how to better handle multiple checkboxes on one screen?

Is this the best way to display the checkboxes in the below screen? Should I add Select all for the checkboxes?
1 vote
2 answers
135 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
1 answer
69 views

Newsletter checkbox with social sign on

I am exploring the best UX solution for newsletter checkbox (i.e. newsletter signup) for social sign on (SSO - sign up with Google, Facebook, Apple etc). The problem: SSO are required to have middle ...
1 vote
2 answers
605 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 ...
1 vote
1 answer
435 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
78 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
316 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
0 answers
33 views

Location of advanced options on form

In our platform, you can schedule routine scans. Imagine you can check boxes to scan for people, cars, locations. But under advanced options (located currently at the bottom) you can perform a type of ...
4 votes
2 answers
3k 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 ...
1 vote
2 answers
75 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
370 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. ...
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 ...
48 votes
9 answers
26k 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
1 answer
92 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
265 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
117 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
8k 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
96 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
83 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
221 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
130 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
118 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
388 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
1k 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
584 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
224 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
495 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 ...
183 votes
18 answers
257k 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
532 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
557 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
576 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
442 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
133 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
288 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
23k 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
366 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
193 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
2 3 4 5
9