Skip to main content

Questions tagged [radio-buttons]

Use it for questions regarding the radio button input element

Filter by
Sorted by
Tagged with
0 votes
1 answer
76 views

Checkboxes or Radio Buttons in a Table

I'm working on updating a table with a new design. Currently, our table allows users to select only one option across three different tables, each in its own tab. This selection is made using radio ...
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 ...
1 vote
1 answer
100 views

Should I use radio buttons here?

So this is an interview software where we define the interview rounds (the number of rounds and the name of these rounds) while creating a job. Now for creating a new interview we select the job and ...
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 ...
1 vote
2 answers
122 views

What's the best way to select from two options if both can be selected and at least one must be selected?

I have encountered a scenario where the user can filter a dataset of inventory based on two location designations (internal stock vs. external stock). The user can filter for internal stock, external ...
0 votes
2 answers
66 views

How to handle inconsistent radio button options?

I'm trying to understand if an approach we're taking with the following is bad UI or not. We're a staffing application for finance and accounting professionals. In this experience, we ask a client (...
1 vote
1 answer
637 views

Radio button best parttern in mobile app

I have radio button selection in mobile app where on selection of it, the dropdown box gets activated. My question is that, is it best practice to place radio button and dropdown in stack manner (pic ...
1 vote
1 answer
172 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 ...
1 vote
2 answers
73 views

Differentiating single/multiple selection in polls in a mobile app

as the title stated, I would like to seek some ideas on the need of actually differentiating the choices. see below: A: traditional checkboxes for multi-selects, radio button for single select B: ...
1 vote
1 answer
91 views

Two options of how user selects mode. Which one is better? [closed]

Hello, guys! My colleagues and I had a very heated discussion over those options of how a user can tune settings in our web-application. A little bit of context: we build a system for professionals ...
1 vote
3 answers
318 views

If I display a hidden button, based on a radio button selection, does it meet accessibility requirements?

HI I have a scenario where a user (car dealership) has to fill out some car details for a sold car and then print a driving permit. When they click the 'print permit' button the permit will print and ...
15 votes
3 answers
8k views

Is a circular checkbox bad UI design?

A radio button is normally presented as circular control but more recently checkboxes are also being presented with a rounded border making them look like radio buttons. http://flatlogic.github.io/...
0 votes
3 answers
887 views

How do I make a grid of radio buttons accessible and intuitive?

Bakground I'm designing a form for recruiters where one question pertains what qualifications are required for the job. My employer is very serious about accessibility/WCAG so any designs need to ...
0 votes
1 answer
114 views

2 segmented controls on same level?

I am designing an interface for sending sms messages One side is a form to enter data, and next there is a preview of a phone The user can select to view the platform and also to choose if to see ...
1 vote
1 answer
414 views

Are radio buttons considered old-school?

I'll try not to make this a general opinion question, which is against the community guidelines. I've noticed that when I put forth an answer with radio buttons in it, there is almost always a strong ...
0 votes
1 answer
217 views

How to clearly communicate a checklist with pass and fail boxes for each item but also the possibility that the item is not applicable?

So I have a checklist for inspections of some technical goods. Each of those goods has it's own criteria that can either be 'fulfilled', 'not fulfilled' or, if the item doesn't have the relevant ...
133 votes
11 answers
28k 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 ...
9 votes
3 answers
2k views

UI for autosaving checkboxes and radiobuttons

I am re-designing an online platform and we've decided to introduce autosave for settings. I understand it's important to communicate the autosaving feature to the user. This seems to be typically ...
0 votes
2 answers
130 views

Why do Google Photos use rounded checkboxes in their app? [closed]

I know people asked this question a decade ago. (Are round check boxes confusing or an accepted standard?) So, after all these years, has this become a standard in terms of usability? Or is it purely ...
2 votes
3 answers
579 views

Deselectable radio button or limited checkbox in search filters

I'm currently working on a change request for a search filter we have in our product overview. Our search form has some basic search filters e.g. price range, delivery time,... Our products can also ...
3 votes
2 answers
2k views

Should 'Other' be a text field or a radio button plus text field

Hi! There's a discussion around whether 'Other' should be a radio button at the end of these options, where an input field then allows you to type in the company formation type. The first few radio ...
0 votes
1 answer
707 views

How to write an accessible error message for a required radio button group form element?

I have a radio button group as follows: "Do you have any pets?" Radio options: "yes" or "no" If an option is not selected, and the user submits the form, then an error ...
0 votes
1 answer
1k views

Yes/No Button Toggle Design

So, 2 design options for how to style the toggle button for Y/N answers. There could be anywhere from 4-12 questions on a single page. Which one is better and why? (I have a few thoughts on this ...
1 vote
2 answers
197 views

Label text for default option of three-state radio button group

We have a table with radio button filters and are struggling with logical wording for the labels, or specifically the label for the default option. The tables are of people, and each person could ...
182 votes
18 answers
256k 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
1 answer
170 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 ...
1 vote
2 answers
420 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 ...
0 votes
1 answer
138 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 ...
9 votes
4 answers
13k views

What's the difference between a toggle switch, radio buttons and a tickbox? What's the best cases these patterns can be used?

What's the best cases these patterns can be use?
1 vote
3 answers
358 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 ...
2 votes
1 answer
147 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 ...
1 vote
2 answers
649 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 ...
1 vote
3 answers
2k views

Choosing unit of measure system

Our app (http://www.fitnessmealplanner.com) requires users to enter basic info about themselves such as height and weight. Problem is that even after trying several changes to layout people still skip/...
1 vote
2 answers
110 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 ...
2 votes
3 answers
362 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 ...
2 votes
4 answers
193 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 ...
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), ...
21 votes
3 answers
4k 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 ...
0 votes
3 answers
199 views

Tune the radio or tune in?

I'm in doubt whether I should use buttons or radio buttons combined with a single button. I could go with the buttons, as shown below, but I think this confusing. Another option would be the radio ...
0 votes
2 answers
771 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 ...
26 votes
6 answers
59k views

Radio buttons with none selected

I feel like there's an answer out there but I can't find it. We have a situation where customers need to choose one of two options for billing their services, but we can't choose it for them. I've ...
3 votes
2 answers
1k 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 ...
1 vote
1 answer
481 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 ...
8 votes
9 answers
2k 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 ...
4 votes
4 answers
938 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
0 votes
2 answers
253 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 ...
24 votes
3 answers
3k 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 ...
0 votes
3 answers
227 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 ...
2 votes
2 answers
401 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 ...
1 vote
2 answers
3k 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 ...

1
2 3 4 5