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
82
votes
8answers
15k views

Are round check boxes confusing or an accepted standard?

I was browsing dribbble.com today and came across a new post by one of the designers that I follow. He had posted a new modal form which was using rounded check boxes. I have never seen these before. ...
0
votes
2answers
26 views

Should some radion 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 ...
0
votes
1answer
34 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 ...
146
votes
16answers
178k 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 ...
0
votes
2answers
105 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 ...
1
vote
4answers
1k views

Best approach to presenting collapsible/expandable panels with radio button headers

The user will be presented with multiple options (as radio buttons), and he/she must select one option before proceeding to the next step. The individual sections will be expandable/collapsible for ...
4
votes
1answer
45 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 ...
0
votes
3answers
833 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), ...
1
vote
0answers
49 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
4answers
668 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
1answer
42 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
2answers
229 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 ...
31
votes
3answers
7k 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
56 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
2answers
228 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
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
93 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?
47
votes
10answers
37k 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 ...
0
votes
0answers
43 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 ...
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:...
0
votes
2answers
660 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
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 ...
22
votes
6answers
11k 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
438 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
1k 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
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, ...
3
votes
2answers
163 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
252 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 ...
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 ...
103
votes
12answers
26k 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 ...
4
votes
4answers
337 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
169 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
120 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 "...
54
votes
8answers
20k 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
222 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
589 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 ...
5
votes
3answers
2k 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
83 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
286 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
168 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
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
3answers
3k 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
68 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
126 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
43 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
312 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
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 ...
4
votes
2answers
389 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
2 3 4 5