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
133
votes
16answers
159k 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 not allow ...
130
votes
11answers
25k 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 ...
101
votes
13answers
23k 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 ...
80
votes
8answers
14k 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. ...
57
votes
4answers
11k 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?
53
votes
8answers
18k 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 ...
47
votes
9answers
11k 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 ...
46
votes
10answers
34k 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 ...
45
votes
6answers
7k 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 ...
39
votes
7answers
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? ...
33
votes
4answers
4k 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, ...
27
votes
6answers
3k 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 ...
27
votes
6answers
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: ...
22
votes
6answers
10k 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 ...
22
votes
5answers
4k 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 ...
21
votes
14answers
24k 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 ...
20
votes
9answers
10k 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 ...
18
votes
4answers
2k 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 ...
18
votes
4answers
28k 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 ...
18
votes
2answers
7k 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 ...
17
votes
6answers
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. ...
17
votes
3answers
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
4answers
2k 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 ...
13
votes
5answers
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 ...
13
votes
2answers
4k 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
5answers
715 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 ...
11
votes
5answers
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 ...
11
votes
3answers
675 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 ...
11
votes
6answers
14k 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
8answers
719 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 ...
10
votes
2answers
567 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
6answers
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: ...
9
votes
6answers
8k 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 ...
9
votes
6answers
4k 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....
8
votes
5answers
1k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to be standardizing 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 ...
8
votes
3answers
3k 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 ...
8
votes
5answers
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 ...
8
votes
4answers
2k 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 ...
8
votes
2answers
473 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 ...
8
votes
4answers
1k 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 ...
6
votes
6answers
3k 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 ...
6
votes
3answers
8k views

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

What's the best cases these patterns can be use?
6
votes
5answers
4k 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 ...
6
votes
3answers
904 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 ...
6
votes
5answers
1k views

Drop down list, radio buttons or something else for a language selector (of two languages)?

We have only two languages in the system: Japanese and English and I personally think that Drop Down List is irrelevant for this type of input, while radio buttons might be easier. What do you think?
6
votes
2answers
3k 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 ...
6
votes
4answers
283 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 ...
6
votes
3answers
259 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 ...
5
votes
5answers
5k views

Why should I use radio buttons and checkboxes?

I can build all the functionallity of a checkbox and a radio button with a select/dropdown, which results in a more lined up interface and I get around with lesser different types of GUI-elements. So ...
5
votes
4answers
6k views

Single checkbox or yes/no radio button

For the form items below, which interface control is the best option? A single checkbox or yes/no radio button? Read EWLS advice letter? Checked images / report on PACS / CRIS? Pacemaker? Unable to ...