Questions tagged [radio-buttons]

Use it for questions regarding the radio button input element

Filter by
Sorted by
Tagged with
4 votes
1 answer
161 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
0 answers
200 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 ...
2 votes
4 answers
860 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 exclusive ...
1 vote
1 answer
527 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 ...
5 votes
2 answers
954 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 ...
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 ...
0 votes
1 answer
132 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, ...
1 vote
2 answers
438 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 ...
4 votes
2 answers
100 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
1 answer
862 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?
51 votes
10 answers
42k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
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:...
0 votes
2 answers
778 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 ...
2 votes
1 answer
130 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
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 ...
1 vote
6 answers
3k 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
6 answers
603 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, ...
1 vote
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 ...
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, ...
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, ...
2 votes
2 answers
924 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 ...
48 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 ...
106 votes
11 answers
34k 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 ...
46 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 ...
4 votes
4 answers
628 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
1 answer
236 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
3 answers
169 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 "...
63 votes
8 answers
27k 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
2 answers
233 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
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 ...
7 votes
3 answers
7k 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
1 answer
263 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
1 answer
866 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
3 answers
206 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/#/...
5 votes
4 answers
3k 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
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 ...
1 vote
1 answer
78 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
1 answer
278 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
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 ...
6 votes
3 answers
416 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
3 answers
5k 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
2 answers
488 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
3 answers
577 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 ...
7 votes
4 answers
1k 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 ...
8 votes
5 answers
6k 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
2 answers
598 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
2 answers
1k 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
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. ...
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 ...
2 votes
4 answers
4k 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 ...