Questions tagged [radio-buttons]
Use it for questions regarding the radio button input element
237
questions
179
votes
18
answers
247k
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 ...
- 2,705
132
votes
11
answers
27k
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 ...
- 1,576
106
votes
11
answers
33k
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 ...
- 1,215
86
votes
8
answers
17k
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.
...
- 13.5k
62
votes
8
answers
26k
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,133
59
votes
4
answers
15k
views
Radio Button: Yes/No or No/Yes
In some cases, as No is the default option for a radio button, should it be placed first instead of Yes?
In my opinion, default option should be prioritized to place on left. What's your opinion?
- 725
50
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 ...
47
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 ...
- 7,371
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 ...
- 607
38
votes
7
answers
8k
views
How can I reduce duplication of radio buttons?
I've been asked to redesign a score calculator for a website. At the moment it looks like this:
I was wondering if there is a way to optimise the radio inputs, so that there isn't as much repetition? ...
- 549
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, ...
- 2,280
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 ...
- 441
28
votes
6
answers
4k
views
Buttons instead of radio buttons or a dropdown
In a recent project of ours I am tasked with creating an interface that solves the same problem as radio buttons or a dropdown menu would, but using buttons instead.
It approximately looks like this:
...
- 1,442
27
votes
6
answers
4k
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
...
- 13.9k
26
votes
6
answers
56k
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 ...
- 363
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 ...
- 392
24
votes
2
answers
15k
views
Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?
I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used.
This is not the default ...
- 541
23
votes
5
answers
6k
views
5-6 choices: Radio button or drop down?
I'm redesigning a PMS (Property Management System) and this is a screen from the set up of a hotel. Now there are radio buttons in all of the categories/tabs. I know that there is a 'rule' that if the ...
- 271
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 ...
- 6,799
22
votes
14
answers
33k
views
Yes/No radio buttons: Vertical or horizontal Alignment
Currently looking at a long form with a lot of "yes/no" options presented as radio buttons. Is there any evidence to suggest that displaying radio buttons aligned vertically or horizontally is ...
- 5,585
21
votes
9
answers
15k
views
Should radio buttons be pre-selected?
I am working on a re-design for a eCommerce site and they have a section where they offer a free gift card if the user makes a purchase over $1000. The idea of the gift card is to get users to ...
- 43.8k
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 ...
- 335
18
votes
4
answers
3k
views
Should radio options be displayed vertically or horizontally?
For Example:
Results must match () All () Any () None Of the search criteria
vs
Results must match () All of the search criteria
() Any
() None
The ...
- 727
17
votes
6
answers
5k
views
Why was the "Airport" icon chosen to mean: "radio emissions on your device are disabled"?
I am amused as I drive around nowadays and see "Airport" icons on blue informational signs and I have cause to think: "Well, no WiFi or Bluetooth there!" That is probably what children are thinking. ...
user67695
17
votes
3
answers
6k
views
Is it acceptable practice to use checkboxes as radio buttons?
Can someone point me in the direction to articles regarding checkboxes and radio buttons?
I'm in a discussion with an Art Director and he is convinced it makes more sense to use checkboxes because ...
17
votes
4
answers
3k
views
Multiple choice forms with radio: Should the choices be arranged horizontally, vertically, or in a square?
My work involves designing the interface for quizzes taken by college students. When designing for quizzes, what would be the easiest arrangement to read for my users: horizontal, "square", or ...
- 413
15
votes
3
answers
7k
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/...
13
votes
5
answers
3k
views
Radio button group label for employee leaving, terminated, or retired
I don't think my brain is working this morning. I'm having trouble coming up with the name for a group of radio buttons on an employee update form. The radio buttons are for if an employee is ...
- 289
13
votes
5
answers
791
views
Should I use radio buttons or check boxes (or something else) for email address?
So I'm building an application where the users will be able to send some information via email.
The previous system had an interface something like this, where the users would select whether they ...
- 310
12
votes
6
answers
28k
views
Radio buttons or Toggle switch for one out of two options?
I am a bit confused on what should be used when you have to select one option out of the two possible options. Working on a touch screen interface
For ex 1- Selecting a Tax type in a retail store, ...
11
votes
5
answers
2k
views
Replace radio-input with "buttons"? (web forms)
Is it good (or okay) UX to replace radio input fields with something that looks kinda different (please look at the image to see what I mean). I think most people will understand that they have to ...
- 113
11
votes
3
answers
699
views
Using Dropdowns AND Radio Buttons to avoid confusion
For you reference I wanted to point out that this is a Video project.
I am designing a menu in which the user can choose 1 of 4 formats for SD (standard definition) and two options for HD (high ...
- 595
11
votes
8
answers
743
views
How do I indicate that mutliple sets of radio buttons are mutually exclusive?
I have a panel where a user selects a camera to view from a location so they can load images from that camera. They can only load images from one camera and one location. Because of this I used radio ...
- 40.8k
10
votes
6
answers
3k
views
Does a list of checkboxes necessarily mean multiple choices?
I'm currently reviewing the usability of an e-commerce website. When the user searches a product, filter options are provided to refine his search.
The following list of checkboxes is available:
...
user25518
10
votes
6
answers
10k
views
How do I limit the number of options a user may choose in a list?
Radio buttons is for single option, and checkboxes are for multiple selection, but what would be the most ideal way to implement maximum two selection? do I:
disable all checkboxes after second ...
- 956
10
votes
2
answers
603
views
Proper term for conjoined choice buttons
I'm thinking of using a set of "conjoined choice buttons" to let the user filter a table of highscores. It would look sort of like this:
_______________________________
( ##EVERYONE##| FRIENDS | ...
9
votes
5
answers
1k
views
Is it intuitive for a "yes" or "no" button to proceed to the next step automatically in a wizard?
I am designing a wizard with 4 steps in it. To make the screens more appealing and easy to click through I converted the radio buttons into big buttons, but they still function like radio buttons in ...
- 1,270
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 ...
- 93
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,332
9
votes
6
answers
7k
views
What is the best way to collect a yes/no answer to a required question?
We've got a form that asks users if they are U.S. citizens. We want to make sure they answer that question.
One idea is to make it a checkbox, like this:
Are you a U.S. citizen?
[ ] Yes, I am a U....
- 343
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:...
- 513
8
votes
3
answers
4k
views
Which is better to design a Filter?
Which is better for filter, select a single value:
Check box ( Use js to keep single selection )
Dropdown list
Radio buttons
Highlighted labels
download bmml source – Wireframes created with ...
- 185
8
votes
4
answers
3k
views
Enable/Disable - single check-box or two radio buttons?
I am working on system which is intended for rather technical users - engineers, etc. The system consist of several windows, each provide the user with the option to configure (create/edit) some ...
- 1,552
8
votes
5
answers
5k
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 ...
- 305
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 ...
- 26.7k
8
votes
2
answers
628
views
Is it a dark pattern to change Radio buttons into a Dropdown?
Is it a dark pattern to change Radio buttons into a Dropdown in order to default to a particular option? The default option is the best deal and recommended for the user. However we still want to keep ...
- 83
8
votes
4
answers
2k
views
Should the selection of a Radio button control the display of two different forms?
I am working on a reporting form for an electronic healthcare record application used by physicians to generate reports on usage. There are two different report types.
Only one type of report can be ...
- 314
7
votes
6
answers
5k
views
How do I design a user friendly survey with more than 150 questions?
I am designing UI/UX for a survey webapp which has more than 150 questions. Right now they are using 5 radio buttons for each question. Similar to the image below:
So the question is, how to make ...
- 269
7
votes
2
answers
6k
views
Arrow keys on radio buttons: disable or not?
When a radio button is focused, arrow keys move the selection to the next (Down) or previous (Up) radio button in the group. This behavior is old and widespread, so lots of people have had plenty of ...
user46933
7
votes
3
answers
6k
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/...
- 73