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.
212
questions
2
votes
2answers
104 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 ...
1
vote
1answer
82 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
9answers
281 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 ...
0
votes
2answers
53 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 ...
22
votes
3answers
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 ...
2
votes
2answers
66 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 ...
1
vote
2answers
331 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 ...
0
votes
3answers
92 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
1answer
43 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
1answer
56 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 ...
1
vote
0answers
83 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
...
1
vote
1answer
106 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 ...
31
votes
3answers
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 ...
0
votes
1answer
68 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, ...
0
votes
2answers
202 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 ...
4
votes
2answers
71 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 ...
1
vote
1answer
120 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?
0
votes
0answers
47 views
What is the consensus about using radio buttons to switch views as opposed to a tab?
I found that by using radio buttons to switch views, the views will be positioned under the last radio button which seems to be a pretty poor grouping of information.
Are there any references when it ...
0
votes
3answers
1k 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
1answer
116 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 ...
5
votes
2answers
296 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 ...
22
votes
6answers
12k 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 ...
0
votes
2answers
2k 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 ...
1
vote
2answers
262 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 ...
33
votes
4answers
5k 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
votes
2answers
326 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 ...
8
votes
5answers
2k 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:...
47
votes
9answers
12k 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 ...
104
votes
12answers
28k 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 ...
45
votes
6answers
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 ...
3
votes
1answer
181 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?
4
votes
4answers
407 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 ...
4
votes
3answers
131 views
Relative radio (or tab) group with sub-inputs
I have a radio group and each value has sub-inputs, for example:
User chooses "Cat" and gets cat-related sub-inputs, there can be any number of sub-inputs.
But the issue with this layout is that "...
1
vote
2answers
224 views
How to properly communicate admission form on website?
We are struggling with a returning issue for a webpage I am designing. I work on a university’s admissions portal for upcoming students. It is difficult to explain the exact criteria for why students ...
6
votes
3answers
3k views
Radio buttons vs button groups
I'm interested in what people know about UX regarding horizontal button groups and radio buttons. There seems to be a wealth of stats around when and where to use radio buttons as opposed to select/...
1
vote
1answer
105 views
Most user friendly way to present exclusive archetypes with nested configuration options
I'm currently implementing a UI for a configuration application. The typical user would be an employee changing the configuration parameters of some client software (like theme, available features to ...
5
votes
3answers
173 views
Checkboxes and Radios styled as buttons - need differentiation between them?
I am using Bootstrap's button groups to present checkboxes and radio buttons in the form of a button group. You can see an example of this functionality here: https://ng-bootstrap.github.io/#/...
1
vote
1answer
420 views
Most user friendly way to represent radio button with sub options
I'm working on a settings section where the user needs to pick a radio button (or a segmented control) and each option generates a set of multiple options that can be selected in any combination. Lets ...
4
votes
4answers
1k views
Radio button which includes a text field. Should I add a label?
I'm currently adding a new section to a form which consists of two radio buttons, however, I'm struggling to decide if I should include a label for the sake of clarity. Above both of the radio buttons ...
1
vote
1answer
70 views
User selection for min bedrooms and max bedrooms - radio buttons?
I have a form that the user fills out. In this form the user chooses the bedrooms and bathrooms.
If I use radio buttons(as in the screen shot), I will need to code out logic to where the max radio ...
2
votes
1answer
139 views
How to Deselect Radio Chips?
I have a number of statuses from which a user can select only one status. I tried this new control which is sort of an alternative to radio to buttons where user can select their desired status by ...
1
vote
3answers
4k views
Radio buttons on mobile?
I'm dealing with a case where it is absolutely mandatory that a user answers "yes" or "no". For instance, a question like "Were the police called?" needs a solidified response. An easy way to do this ...
5
votes
2answers
659 views
Is it okay to disable a radio button in a group of 2?
I have an option menu where one of the options is a simple group of 2 radio buttons:
Now in certain conditions, the 2nd option is not available, but i was wondering if it's okay to simply disable a ...
2
votes
1answer
45 views
form: default radio options and branching
This is a form filled out by an agent on behalf of a client. Agent is trained, but we still want to make it accurate and fast.
Question 14:
Is this a Not-For-Profit Business?
3 options (radio ...
6
votes
3answers
2k views
Deselecting an optional radio button in a form that mixes radio buttons and checkboxes
The issue
I'm working on a form which currently has three radio buttons. Originally, we chose radio buttons as we only wanted a user to be able to select one option.
o Option 1 (Default selection)
o ...
6
votes
4answers
531 views
How to present an optional binary choice without a preset value?
How would you go about approaching a form where the user should pick one of the binary choices (yes/no) in the UI, but it should also not be enforced to block advancement within the flow.
So ...
1
vote
3answers
196 views
What should be the color of ON state so that user doesn't switch it off?
I am working on one plugin for the Outlook. This plugin is for email sharing. When user tries to compose email a notification butter bar will come up in compose window and will say that particular ...
4
votes
2answers
1k views
Set all radio buttons at once - use regular buttons or radio buttons?
On this form, the acceptance criteria is to have a convenience all select for a choice. For example, the user selects no and all the radio buttons would select to no.
However, if a user selects ...
4
votes
2answers
393 views
Depending radio buttons
I have a complex form with a lot of elements. One element section cares about the visibility of the dataset:
Unlimited
Limited
This is realized with radio buttons of course, where unlimited is the ...
2
votes
2answers
143 views
When a radio-button is not yet chosen
I have three radio-buttons for "kind of project":
personal / unregistered nonprofit / registered nonprofit
I also have text input "Organization name" below the radio buttons.
"Organization name" ...
