Questions tagged [radio-buttons]
A togglable button where one or more options is available but only one option of a group may be selected at a time.
229
questions
2
votes
3
answers
139
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 ...
- 146
0
votes
3
answers
58
views
If I display a hidden button, based on a radio button selection, does it meet accessibility requirements?
HI I have a scenario where a user (car dealership) has to fill out some car details for a sold car and then print a driving permit. When they click the 'print permit' button the permit will print and ...
- 129
3
votes
2
answers
154
views
Should 'Other' be a text field or a radio button plus text field
Hi! There's a discussion around whether 'Other' should be a radio button at the end of these options, where an input field then allows you to type in the company formation type.
The first few radio ...
- 33
0
votes
1
answer
36
views
How to write an accessible error message for a required radio button group form element?
I have a radio button group as follows:
"Do you have any pets?"
Radio options:
"yes" or "no"
If an option is not selected, and the user submits the form, then an error ...
0
votes
1
answer
104
views
Yes/No Button Toggle Design
So, 2 design options for how to style the toggle button for Y/N answers. There could be anywhere from 4-12 questions on a single page. Which one is better and why?
(I have a few thoughts on this ...
- 3
1
vote
2
answers
115
views
Label text for default option of three-state radio button group
We have a table with radio button filters and are struggling with logical wording for the labels, or specifically the label for the default option.
The tables are of people, and each person could ...
- 13
0
votes
1
answer
80
views
Multiple time periods in a survey
I am working on a medical application which helps therapists to determine whether patients meet the criteria to be diagnosed with certain illnesses and disorders. For the most part, it works as a ...
- 115
1
vote
2
answers
115
views
Traditional Radio Buttons vs Bootstrap Styled Primary-Secondary Toggle Buttons
For a responsive web form I am considering two options for radio buttons with three or fewer selections.
I personally like the bootstrap css style format because it seems easier for the user on mobile ...
- 113
0
votes
1
answer
84
views
Truncating labels on a radio button swatch
I have an ecommerce project wherein there's a limitation on the displayed text inside the radio button for swatches. This is a requirement of our business analyst and said that it was good but there ...
1
vote
3
answers
134
views
What is best approach for radio button where "none" is acceptable?
I am designing a section where a user configures account details and profile preferences, including adding and editing phone numbers.
Within the phone number section, the user must also allocate one ...
- 51
0
votes
2
answers
158
views
Dropdown menu or Select vs Dropdown menu with radios inside
Im wondering if anyone has any research or experience on how dropdown menus or selects perform compared to dropdown menus with radios controls inside.
I'm considering using them for a filter bar as I ...
- 53
1
vote
2
answers
85
views
Value can only be assigned to one item per category in a table (Radio button-like use case without using Radio buttons)
I have a table with a list of items & various columns.
One of the columns is Type, of which the possible values are A, B, C etc...
The user is able to assign a binary value Is X?=YES or NO via a ...
- 291
2
votes
1
answer
86
views
UI for choosing rotation of a scanned image
I'm building an application for cataloguing an analogue photography collection (slides and negatives). I'm using a scanner has frames that hold the negative strips or slides in a fixed position on the ...
- 123
2
votes
3
answers
186
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
125
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.5k
0
votes
0
answers
120
views
Why is Amazon using Text Fields instead of Radio Buttons for mutually exclusive options?
I have been trying to return an item on Amazon, and this window popped up asking me to fill in the bank details. Although they have used Radio Buttons in the first line for Yes/No question, Account ...
- 3,555
0
votes
0
answers
34
views
Displaying item selection for "standard" reports
I have a print dialog that allows the user to select which items are shown or hidden. There are a few standard use cases that should be reachable quickly, and an option for a custom selection.
So, ...
- 449
0
votes
1
answer
113
views
What is the best form approach for a single question with 9 options?
We are in the process of creating a survey style onboarding flow and was curious if it is ok to break the rules here? I understand that once the number of choices gets over 6 or 7, it is best to use a ...
- 391
21
votes
3
answers
4k
views
How can I make it more obvious that a radio button needs to be clicked?
We have a booking platform where users choose different types of activities to do in their area; each activity has many sessions or options, which are listed in radio button groups as shown in this ...
- 335
3
votes
2
answers
517
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 ...
- 494
1
vote
1
answer
212
views
Checkbox alternative?
I have a problem to design a form. I know that :
Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. In other ...
7
votes
9
answers
785
views
How to make users choose at least one option in a list but allow additional selections
We know that radio button groups are used to limit user input to just one selection in a list of items, and that checkboxes are used to let users select from 0 to a set number of options from a list ...
- 25.7k
0
votes
2
answers
126
views
One checkbox or two radio buttons? Is there a case where both are acceptable?
I read an interesting article talking about the philosophy behind the use of checkboxes versus radio buttons. Of course, in most cases you would argue that the decision is pretty obvious because radio ...
- 25.7k
24
votes
3
answers
2k
views
Selected radio button shows user more content
I tried to search info for my question but I didn't found it. I think I just can't find right search words because this doesn't feel to be very rare case. If you have topics about this I would like to ...
- 392
2
votes
2
answers
187
views
Best practices for radio buttons with number options?
I'm redesigning a form that includes a Priority dropdown, this field has 5 options: 1, 2, 3, 4 and 5. One being the most important priority and five the least important.
Given that there are 5 options ...
- 369
1
vote
2
answers
1k
views
Dropdowns or other inputs inside radio button group
I have taken over the development of an application which is basically like a huge questionnaire. Some of the design choices have a led to some invalid HTML, which I am trying to fix up. The major one ...
- 115
0
votes
3
answers
142
views
Should some radio button of a "shipping method" be pre-selected on "checkout" page?
I have a checkout page and a list of radio buttons for a shipping method. While the opinions vary whether or not some value should be pre-selected wherenever there's a radio button list, my case is a ...
1
vote
1
answer
208
views
Radio button functionality for iOS/Android
I need to create settings for token (crypto wallet) for iOS and Android.
For desktop we create toggles/switchers:
regular / max privacy
one-time use / permanent
Now we need to transfer these ...
4
votes
1
answer
99
views
Showing a full screen dialog to view a full list of radio button selection
I'm designing a sort of step by step process for mobile web using a stepper to get a bunch of information from a user. One of the steps requires a user to select from a list of (about 20) pre-defined ...
- 190
1
vote
0
answers
134
views
Looking for UX pattern for selection that requires opt-in/opt-out option
I am working on a financial app and struggling with the UX in its settings area. The user needs to select with which method he/she wants to login to the app:
faceID / fingerprint
Only password
...
- 11
1
vote
1
answer
319
views
Am I wrong and is it in fact not weird for some elements in a radio button group to not generate events?
In a discussion under this answer to Make PySimpleGUI Radio Buttons generate events I expressed that I felt that if some buttons (elements) in a single group of radio buttons generated an event and ...
- 193
33
votes
3
answers
8k
views
Is there a good way to communicate choose at least one?
I am wondering if there are any known good ways to concisely convey to users that they must must choose at least one option.
Check boxes convey that the user can select 0 or more items.
Radio buttons ...
- 441
0
votes
1
answer
103
views
Button Group for filtering time range with no default value selected
I'm working on a Timeline component at the moment, and by default, this timeline would show the activities/events for the day.
Users can select predefined time ranges such as the day, week, month, ...
- 3,555
0
votes
2
answers
382
views
Generic terms for currencies and cents
I am building a website which calculates the cost of owning a vehicle.
Among other fields, I need to ask the user to enter:
Cost of the vehicle
Fuel price per litre
The application should be ...
- 101
4
votes
2
answers
84
views
Clearly differentiating between radio buttons and checkboxes in funnel
As a complete UX beginner, I am having trouble differentiating pages containing 1-choice-only radio buttons and multiple-choices-possible checkboxes. I feel like there isn't enough to clearly ...
- 41
1
vote
1
answer
296
views
Radio Buttons Direction [closed]
I've seen radio buttons sometimes positioned vertically and sometimes horizontally. Which direction if any is considered superior UX? Are there factors that determine when to use one vs the other?
- 33
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), ...
- 131
2
votes
1
answer
122
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 ...
- 121
5
votes
2
answers
671
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 ...
- 190
22
votes
6
answers
13k
views
Modern approach to radio buttons
I am working on updating the UI/UX of a 20-year-old application and I seem to be stuck at this particular use case.
On clicking on the New button, the system asks the user to choose one of two ...
- 6,737
0
votes
2
answers
3k
views
What is the best native iOS solution for a Radio Button with just two options?
The challenge I'm faced with is that I have a horizontally scrolling series of cards that have two common questions for each item, say, Did you perform activity x? and Did you perform activity y?, and ...
- 582
1
vote
2
answers
358
views
Editable Radio Buttons (UX)
I need a way to select a date range and edit the date range. Also when a date range is selected it will show other dependent information.
My plan was to use radio buttons and whichever date range ...
- 11
33
votes
4
answers
6k
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, ...
- 2,280
2
votes
2
answers
490
views
Radio Buttons When There's Only One Selection
I am designing for a e-commerce website that sells eTextbooks.
I am trying to figure out if we need to have a default select state for products that have only one option available versus multiple ...
- 21
8
votes
5
answers
3k
views
Placement of More Information/Help Icon button for Radio Buttons
Throughout our system we are going to standardize when and how more information/help is used on specific input fields.
In general the standard will be to have the icon/button follow the field like so:...
- 493
47
votes
9
answers
13k
views
Why do Radio Buttons not fill the entire outer circle?
My question is simple:
Why do most radio buttons not fill their entire outer circle?
Example of standard radio button:
(Unusual) Example of an entirely filled radio button:
Is this for some ...
- 7,321
106
votes
11
answers
31k
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 ...
- 1,205
45
votes
6
answers
8k
views
Why would you use 2 alternate layout buttons instead of 1, when only one can be selected at once
I was looking at the Spotify desktop app and noticed they use two buttons for displaying an artists albums in either a Grid layout or a List layout
See below:
If only one layout can be selected at ...
- 607
3
votes
1
answer
204
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?
- 943
4
votes
4
answers
565
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 ...
- 1,819