Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

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
0 votes
1 answer
67 views

Multiple time periods in a survey

I am working on a medical application which helps therapists to determine whether patients meet the criteria to be diagnosed with certain illnesses and disorders. For the most part, it works as a ...
user avatar
  • 115
1 vote
2 answers
88 views

Traditional Radio Buttons vs Bootstrap Styled Primary-Secondary Toggle Buttons

For a responsive web form I am considering two options for radio buttons with three or fewer selections. I personally like the bootstrap css style format because it seems easier for the user on mobile ...
user avatar
0 votes
1 answer
74 views

Truncating labels on a radio button swatch

I have an ecommerce project wherein there's a limitation on the displayed text inside the radio button for swatches. This is a requirement of our business analyst and said that it was good but there ...
user avatar
1 vote
3 answers
99 views

What is best approach for radio button where "none" is acceptable?

I am designing a section where a user configures account details and profile preferences, including adding and editing phone numbers. Within the phone number section, the user must also allocate one ...
user avatar
  • 51
0 votes
2 answers
92 views

Dropdown menu or Select vs Dropdown menu with radios inside

Im wondering if anyone has any research or experience on how dropdown menus or selects perform compared to dropdown menus with radios controls inside. I'm considering using them for a filter bar as I ...
user avatar
1 vote
2 answers
70 views

Value can only be assigned to one item per category in a table (Radio button-like use case without using Radio buttons)

I have a table with a list of items & various columns. One of the columns is Type, of which the possible values are A, B, C etc... The user is able to assign a binary value Is X?=YES or NO via a ...
user avatar
  • 251
2 votes
1 answer
81 views

UI for choosing rotation of a scanned image

I'm building an application for cataloguing an analogue photography collection (slides and negatives). I'm using a scanner has frames that hold the negative strips or slides in a fixed position on the ...
user avatar
  • 123
2 votes
3 answers
135 views

radio button matrix in a checkbox tree

I would like my users to toggle opt-in or opt-out the nested items in my checkbox tree individually but also toggle them all opt-in or all opt-out at once. In my example, I use radio buttons. But the ...
user avatar
2 votes
4 answers
105 views

Which is the best control for a digital checklist?

Designing an application that has a checklist for workers to fill out before starting routine Maintenance work. this includes a list of 10-15 safety checks. this will be used on an android tablet on ...
user avatar
  • 10.5k
0 votes
0 answers
97 views

Why is Amazon using Text Fields instead of Radio Buttons for mutually exclusive options?

I have been trying to return an item on Amazon, and this window popped up asking me to fill in the bank details. Although they have used Radio Buttons in the first line for Yes/No question, Account ...
user avatar
  • 3,540
0 votes
0 answers
31 views

Displaying item selection for "standard" reports

I have a print dialog that allows the user to select which items are shown or hidden. There are a few standard use cases that should be reachable quickly, and an option for a custom selection. So, ...
user avatar
0 votes
1 answer
100 views

What is the best form approach for a single question with 9 options?

We are in the process of creating a survey style onboarding flow and was curious if it is ok to break the rules here? I understand that once the number of choices gets over 6 or 7, it is best to use a ...
user avatar
  • 381
21 votes
3 answers
3k views

How can I make it more obvious that a radio button needs to be clicked?

We have a booking platform where users choose different types of activities to do in their area; each activity has many sessions or options, which are listed in radio button groups as shown in this ...
user avatar
3 votes
2 answers
397 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 ...
user avatar
  • 494
1 vote
1 answer
160 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 ...
user avatar
7 votes
9 answers
598 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 ...
user avatar
  • 25.3k
0 votes
2 answers
104 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 ...
user avatar
  • 25.3k
23 votes
3 answers
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 ...
user avatar
  • 382
2 votes
2 answers
138 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 ...
user avatar
  • 369
1 vote
2 answers
921 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 ...
user avatar
  • 115
0 votes
3 answers
135 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 ...
user avatar
1 vote
1 answer
145 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 ...
user avatar
4 votes
1 answer
80 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 ...
user avatar
1 vote
0 answers
121 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 ...
user avatar
  • 11
1 vote
1 answer
253 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 ...
user avatar
  • 193
33 votes
3 answers
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 ...
user avatar
  • 441
0 votes
1 answer
96 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, ...
user avatar
  • 3,540
0 votes
2 answers
347 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 ...
user avatar
  • 101
4 votes
2 answers
81 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 ...
user avatar
  • 41
1 vote
1 answer
237 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?
user avatar
  • 33
0 votes
3 answers
2k 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), ...
user avatar
  • 131
2 votes
1 answer
121 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 ...
user avatar
  • 121
5 votes
2 answers
547 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 ...
user avatar
22 votes
6 answers
13k 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 ...
user avatar
0 votes
2 answers
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 ...
user avatar
  • 572
1 vote
2 answers
334 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 ...
user avatar
  • 11
33 votes
4 answers
6k 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, ...
user avatar
  • 2,260
2 votes
2 answers
430 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 ...
user avatar
8 votes
5 answers
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:...
user avatar
  • 493
47 votes
9 answers
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 ...
user avatar
106 votes
11 answers
30k 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 ...
user avatar
  • 1,205
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 ...
user avatar
  • 607
3 votes
1 answer
197 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?
user avatar
  • 933
4 votes
4 answers
548 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 ...
user avatar
  • 1,819
4 votes
3 answers
147 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 "...
user avatar
  • 251
1 vote
2 answers
225 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 ...
user avatar
6 votes
3 answers
4k 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/...
user avatar
  • 63
1 vote
1 answer
190 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 ...
user avatar
  • 111
5 votes
3 answers
187 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/#/...
user avatar
  • 207
1 vote
1 answer
549 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 ...
user avatar

1
2 3 4 5