Questions tagged [radio-buttons]
Use it for questions regarding the radio button input element
237
questions
33
votes
4
answers
7k
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
812
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:...
- 513
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,371
106
votes
11
answers
33k
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,215
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
224
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?
- 953
4
votes
4
answers
617
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,809
4
votes
3
answers
167
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 "...
- 251
1
vote
2
answers
229
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 ...
- 13
7
votes
3
answers
6k
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/...
- 73
1
vote
1
answer
252
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 ...
- 111
5
votes
3
answers
205
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/#/...
- 207
1
vote
1
answer
786
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 ...
5
votes
4
answers
2k
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 ...
- 309
1
vote
1
answer
77
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 ...
- 255
2
votes
1
answer
267
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,809
1
vote
3
answers
8k
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 ...
- 39
5
votes
2
answers
1k
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 ...
- 1,069
2
votes
1
answer
55
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 ...
- 203
6
votes
3
answers
4k
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 ...
- 309
7
votes
4
answers
998
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 ...
- 171
1
vote
3
answers
497
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 ...
- 23
4
votes
2
answers
2k
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 ...
- 255
4
votes
2
answers
466
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 ...
- 183
2
votes
2
answers
169
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" ...
- 171
2
votes
1
answer
100
views
Radio buttons and subordinate options
I often come across the situation where the user must make a high-level choice using radio buttons or dropdown, and - depending on that choice - different sets of subordinate options are presented.
...
- 121
1
vote
1
answer
159
views
An alternate approach to Treeview
I have a screen where I get a List of Main items. Inturn, each of these main items will have list of sub items inside them.
Now user can select a Main Item or items inside it and then run the report. ...
- 217
2
votes
3
answers
482
views
Should I clear checkbox upon disable?
In this form, a user can ether select the checkboxes or the radio buttons, but not both. If the user selects a checkbox and afterwards selects a radio button, I then grey out the checkbox.
Should I ...
- 255
1
vote
3
answers
2k
views
Creating a clickable progress stepper
I've got a page editor that gives users the option to indicate their progress. I've got a couple options I'm considering pictured here, but the problem is indicating to the user that they need to ...
- 365
2
votes
2
answers
85
views
What is the best way to assign values to an parent item
I have list of customers on database which have collection of items(storage accounts).
When I select a customer , I can see all the items that are relevant to that customer as ticked.
Also , I have ...
- 217
4
votes
4
answers
2k
views
Can we use Radio/Checkbox for mandatory form fields
I am working on designing a website which has admin side fuctionalities involving large number of forms related to creation of sevaral entities within the application along with normal user login. The ...
- 1,191
1
vote
3
answers
1k
views
Order of radio button options and default option
I am currently putting a form together for subscribing to email notifications. One of the options called 'Frequency' allows the user to select how frequently they want to receive notifications. At the ...
- 11
3
votes
4
answers
212
views
Using multiple buttons to switch between application state
I have a situation where user can switch between two modes of working with an application.
To show which mode the application is currently in, I would like to use two buttons. One with a disabled ...
- 131
3
votes
2
answers
176
views
Best Practice combine or separate similar dialog boxes like note and calendar event
My question is perhaps subjective so apologies in advance but this is a real dilemma I'm having.
I have a web based customer management program that allows users to add information about a customer, ...
- 39
3
votes
2
answers
589
views
Checkboxes, Radio Buttons, and Mobile Development
I am currently working on an iOS app where the user interface should allow them to pick 1 of 2 options. One and only one option must be selected. My boss feels very passionately that this should be in ...
- 133
0
votes
2
answers
106
views
Precedent for modal button with changing label and highlight color
My team is designing an interface for a route planning interface similar to Google Maps or Uber: select a pickup point and destination. Unlike those apps there is a ~small set of acceptable pickup/...
- 916
0
votes
3
answers
204
views
Rotating button text
Suppose that you design a standard button that at every click rotates among a fixed number of options (in this case, display modes), like: Wireframe, Shaded, Rendered and then back to Wireframe.
...
- 123
4
votes
5
answers
624
views
Confusion over radio button and terminology
I am designing a mobile application and was looking for some guidance on how to structure the inventory management section. This app allows for users to scan products and update the current Stock on ...
- 53
1
vote
1
answer
717
views
Using a dropdown list or radio buttons to give meaningful rules on a webform
I have a situation where user based on user dropdown value selection , below control either show radio button choice or multiple select option. How to handle this kind of scenario for better user ...
- 49
2
votes
1
answer
384
views
Is it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation?
Is it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation?
My concern comes to the validation errors that will ...
- 513
6
votes
3
answers
415
views
Gmail's Email filter checkbox or radio?
I was just trying to filter the emails I was getting from the particular site and the time when I clicked on filter messages like these and then to Create a filter to this search, it opened some ...
- 1,267
3
votes
1
answer
309
views
Required field validation message is consistency
1.In first question, if user has not selected radio button then i am showing the required field validation message as "Selection of Likelihood is required".
2.In second question, if user has not ...
0
votes
4
answers
308
views
Layout for a page full of radio buttons
I'm trying to redesign a page that has a ridiculous amount of radio buttons.
The details:
The page I'm trying to redesign is one form that will be filled out by one company and submitted to ...
- 1,213
5
votes
1
answer
433
views
What are the downsides of <input type="radio">-based tabs and carousels?
I have seen a lot of examples of usage of <input type="radio"> and <input type="checkbox"> along with some css like
input:checked + div.tab-content {display:block;}
div.tab-content {...
- 150
132
votes
11
answers
27k
views
Why are radio buttons circles?
I understand that they shouldn't be square to avoid confusion with checkboxes and that today they should be circle for consistency, but why were they originally chosen to be circular? I've never seen ...
- 1,576
1
vote
3
answers
1k
views
What are the benefits of using grouped or toggle buttons rather than radio buttons?
I'm dealing with lots of complex search forms. When should I use grouped (toggle) buttons in place of radio buttons? Other than the fact that I find grouped buttons cleaner and easier to click on, I'm ...
- 167
38
votes
7
answers
8k
views
How can I reduce duplication of radio buttons?
I've been asked to redesign a score calculator for a website. At the moment it looks like this:
I was wondering if there is a way to optimise the radio inputs, so that there isn't as much repetition? ...
- 549
3
votes
1
answer
443
views
shape used for checkboxes
Since the Macintosch conventions of 1984 (I-312) it's sort of standard practice - apart from the 'X' or 'V' to appear when selected - how checkboxes and radio buttons are shaped. Square shapes for ...
- 84
3
votes
2
answers
851
views
Best way pack buttons horizontally
Take a look at the screenshot above. I found it here and it offers a handy pattern for what I need to do in my own app: show a lengthy list which should be easily filterable. The only issue is that I ...
- 485