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.
416 questions
0
votes
1
answer
60
views
How to Choose Between Radio Buttons and Checkboxes for a Multi-Page Form with Required Fields?
I’m designing a multi-page form with several sections, each containing multiple questions. Users can initially skip required questions and move to the next section but must complete them before ...
- 61
0
votes
1
answer
86
views
Optional Newsletter Signup Best Practice - Checkbox = Yes/[empty] OR Yes/No?
My site has many, many forms and a user may fill out multiple forms in a visit. Each form filled out places the user on a specific mailing list related to their inquiry. At the end of each form, the ...
- 1
0
votes
1
answer
263
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
1
vote
2
answers
152
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 ...
- 25
1
vote
1
answer
120
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 ...
- 13
0
votes
2
answers
201
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?
0
votes
0
answers
35
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 ...
- 21
15
votes
4
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 ...
- 255
1
vote
1
answer
96
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
135
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: ...
- 121
1
vote
1
answer
597
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. ...
- 113
1
vote
1
answer
89
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?
- 11
1
vote
1
answer
110
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 ...
- 13
1
vote
2
answers
1k
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 ...
- 151
1
vote
1
answer
131
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 ...
- 1,414
0
votes
2
answers
109
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
106
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?
- 213
0
votes
1
answer
328
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 ...
- 3
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 ...
- 93
0
votes
2
answers
157
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 ...
- 3,651
0
votes
3
answers
125
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 ...
- 71
0
votes
1
answer
382
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 ...
- 624
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 ...
- 103
2
votes
3
answers
670
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 ...
- 161
0
votes
3
answers
466
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 ...
- 1,548
1
vote
3
answers
255
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 ...
- 113
1
vote
3
answers
653
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 ...
- 432
0
votes
1
answer
92
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 ...
- 31
1
vote
3
answers
314
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 ...
- 31
2
votes
3
answers
616
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 ...
- 113
1
vote
3
answers
926
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.
...
- 963
4
votes
5
answers
536
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 ...
- 41
1
vote
1
answer
334
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 ...
1
vote
1
answer
62
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 &...
- 461
2
votes
3
answers
401
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
213
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 ...
- 10.8k
1
vote
1
answer
553
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 ...
- 11
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 ...
- 432
2
votes
2
answers
153
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
102
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 ...
- 145
2
votes
0
answers
475
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 ...
- 963
15
votes
8
answers
4k
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 ...
- 1,721
2
votes
2
answers
305
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 ...
- 21
20
votes
9
answers
5k
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 ...
- 302
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 ...
- 393
1
vote
1
answer
387
views
Alternative to checkbox for status changes in a list
In this project, invitations are sent to users in different ways to invite them to vote. They can accept to come or not. And give a mandate to someone else to vote in their name.
This list should give ...
- 93
2
votes
3
answers
320
views
Best input to select 2 of 4 options
I have a project requirement where our users need to be able to make 1 or 2 selections out of 4 possible options.
Along the lines of:
What is your favourite food? (Pick up to 2)
Pizza
Chocolate
...
- 23
4
votes
2
answers
1k
views
Table which contains checkboxes and radio buttons - labels issue
Table, which enables users to configure items within. User can select "active" items (checkboxes) and among them he/she needs to select just one "best one" item (radio button).
I ...
- 524
1
vote
1
answer
170
views
Three state check box (three real states, not indeterminate). A good idea?
I am making a budget tracking app that takes in your transaction history. In order to classify transactions, you can create Filters (eg Filter "fast food" = ContainsText("Mcdonalds"...
- 113
10
votes
4
answers
4k
views
How to make checkbox selection less of an eyesore?
I'm working on a component (see image) that shows the results of a keyword search.
Each result displays:
the title/link to an article,
a snippet from the article,
a checkbox reading "This ...
- 101