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.

Filter by
Sorted by
Tagged with
1
vote
2answers
135 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 ...
0
votes
3answers
139 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), ...
0
votes
2answers
607 views

How to improve billing address pattern?

I'm trying to find the best pattern to use in a sales service flow where some employers will be using an app to sale products in local stores. They will keep in touch with many clients so they need to ...
3
votes
2answers
92 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 ...
2
votes
1answer
108 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 ...
22
votes
6answers
10k 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 ...
1
vote
6answers
2k views

Is a switcher a better pattern than radio buttons?

I'm designing a list with an option to switch some records on and off. I'm wondering which pattern to choose: standard radio buttons solution, or something a little more sophisticated but not too ...
-1
votes
6answers
362 views

UI Pattern for selection list - feedback and suggestions

I'm designing an ecommerce checkout process and I would like to get some feedback or other ideas on how to visually display the shipping options for customers. Currently we have 3 options, regular, ...
0
votes
2answers
136 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 ...
33
votes
4answers
4k 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, ...
3
votes
2answers
154 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, ...
2
votes
2answers
120 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
1k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to be standardizing 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 ...
47
votes
9answers
11k 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 ...
101
votes
13answers
23k 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
7k 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 ...
4
votes
4answers
189 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 ...
3
votes
1answer
150 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
3answers
104 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 "...
53
votes
8answers
18k views

When should I use a select box instead of radio buttons?

I know that a select box takes up less space and is good for lots of options. But should there be any deeper influences to my choice than space? Are there any studies that show users preferring one or ...
1
vote
2answers
220 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 ...
5
votes
2answers
442 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 ...
4
votes
3answers
1k 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
58 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 ...
1
vote
1answer
170 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
3answers
162 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/#/...
4
votes
4answers
408 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
3answers
1k 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 ...
1
vote
1answer
51 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 ...
1
vote
1answer
78 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 ...
2
votes
1answer
35 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
259 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 ...
6
votes
3answers
904 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 ...
4
votes
2answers
357 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 ...
1
vote
3answers
128 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 ...
6
votes
4answers
283 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 ...
133
votes
16answers
159k views

Why is it impossible to deselect HTML “radio” inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does not allow ...
2
votes
4answers
539 views

Checkbox or Radio, specific use case

I have a very specific use case and it has led me to question the checkbox vs radio button convention... Radio buttons are used when there is a list of two or more options that are mutually ...
6
votes
5answers
4k views

Checkboxes or Radio buttons: Only one or zero choices

I'm building a quiz-type web application in which the user must answer a series of multiple-choice questions. I need to decide whether to use radio buttons or checkboxes. I'm familiar with the ...
3
votes
2answers
358 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 ...
1
vote
2answers
787 views

Do users understand this hybrid checkbox/radio control? [duplicate]

I'm wondering about the perennial problem that arises when presenting multiple options, where the user can select none, one, or several options. Using checkboxes, it's not clear whether a user ...
2
votes
1answer
69 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. ...
4
votes
2answers
377 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 ...
2
votes
4answers
2k views

Using mixed radio and checkbox buttons - is there any efficiency or usability gain in the design?

I have noticed that many online forms and surveys these days are starting to use a mixture of radio and checkbox buttons for the same question, that is, for a question that gives the person a number ...
2
votes
3answers
543 views

Alternatives to display radio buttons vertically?

My preference is to display radio buttons vertically per common recommendations, per some research on completion speed, and to take advantage of Fitt's Law. However, I often get push back with regard ...
2
votes
2answers
120 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" ...
1
vote
1answer
106 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. ...
2
votes
3answers
102 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 ...
27
votes
6answers
3k views

Is it a good/acceptable practice to combine checkboxes with radio buttons for one question?

I work on a form, in which there are questions allowing either multiple choices or selecting just one. An example: Which of the sweeties do you like: [ ] chocolate [ ] lollipops [ ] cookies ( ) none ...
1
vote
3answers
568 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 ...