Questions tagged [radio-buttons]
Use it for questions regarding the radio button input element
236
questions
0
votes
1
answer
72
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 ...
- 3
0
votes
2
answers
45
views
How to handle inconsistent radio button options?
I'm trying to understand if an approach we're taking with the following is bad UI or not.
We're a staffing application for finance and accounting professionals. In this experience, we ask a client (...
- 121
0
votes
3
answers
238
views
How do I make a grid of radio buttons accessible and intuitive?
Bakground
I'm designing a form for recruiters where one question pertains what qualifications are required for the job.
My employer is very serious about accessibility/WCAG so any designs need to ...
- 21
0
votes
1
answer
73
views
2 segmented controls on same level?
I am designing an interface for sending sms messages
One side is a form to enter data, and next there is a preview of a phone
The user can select to view the platform and also to choose if to see ...
- 51
1
vote
1
answer
332
views
Are radio buttons considered old-school?
I'll try not to make this a general opinion question, which is against the community guidelines.
I've noticed that when I put forth an answer with radio buttons in it, there is almost always a strong ...
- 12k
0
votes
1
answer
84
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
103
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,599
2
votes
3
answers
461
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 ...
- 151
1
vote
3
answers
240
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 ...
- 149
3
votes
2
answers
973
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
446
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
577
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
158
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
104
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
262
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
106
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
283
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
356
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
102
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 ...
- 431
2
votes
1
answer
101
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
306
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
157
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.6k
0
votes
0
answers
178
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,599
1
vote
1
answer
145
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 ...
- 401
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
877
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
373
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 ...
8
votes
9
answers
1k
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 ...
- 26.5k
0
votes
2
answers
191
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 ...
- 26.5k
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
290
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
2k
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
171
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
325
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
147
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
178
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
459
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 ...
- 472
33
votes
3
answers
9k
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
126
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,599
0
votes
2
answers
555
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
97
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
618
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
124
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
881
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
14k
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,789
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 ...
- 612
1
vote
2
answers
408
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