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
5
votes
1answer
250 views

What are the downsides of <input type=“radio”>-based tabs and carousels?

I have seen a lot of examples of usage of <input type="radio"> and <input type="checkbox"> along with some css like input:checked + div.tab-content {display:block;} div.tab-content {...
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 ...
1
vote
3answers
323 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 ...
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? ...
3
votes
1answer
236 views

shape used for checkboxes

Since the Macintosch conventions of 1984 (I-312) it's sort of standard practice - apart from the 'X' or 'V' to appear when selected - how checkboxes and radio buttons are shaped. Square shapes for ...
3
votes
2answers
740 views

Best way pack buttons horizontally

Take a look at the screenshot above. I found it here and it offers a handy pattern for what I need to do in my own app: show a lengthy list which should be easily filterable. The only issue is that I ...
2
votes
2answers
136 views

How to manage Select All with rows of topics with radio buttons

I am looking for opinions on how to handle a 'Select All' option for a list of topics that each have a series of radio buttons as options. Having a 'Select All' for each radio button option in the ...
2
votes
2answers
1k views

Radio button in a tab menu

I'm creating a settings menu where a user can go in and set how they would like to weight data in an app. There are two versions of weighting and a user can select only one or the other. However, I ...
5
votes
2answers
627 views

Do non-technical users understand radio vs checkbox?

Using a circle for a radio button and a square for a checkbox seems like a de facto standard, but does the average, non-technical user actually understand the functional difference implied by these ...
2
votes
3answers
240 views

Text placement for Toggle vs 2 Radio Buttons

There are other similar posts, but I have not seen any that answer the specific question of text placement for toggles or radio buttons when only two options are available? I like that Option-1 allows ...
1
vote
3answers
140 views

Combining radio and checkboxes [duplicate]

This might be a technical question or maybe there's a better way of approaching the area but what is the best interaction for asking users to select either an unknown or the specific items.
2
votes
3answers
334 views

Why does this UI (Google Translate) have a set of toggle buttons instead of radio buttons?

Saw this on Google Translate, where Google uses these segmented controls (or toggle buttons) for listing the languages. Unlike those present in other products such as Google Calendar or Faceboook ...
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/...
1
vote
3answers
411 views

What are some UI patterns where an option in a multi-select acts like a radio button choice and clears other selections?

Problem Typically, a survey question will ask for someone to select one option or select many. Also, the system would like to clear any choices, if Don’t know is selected. Constraints Cannot ...
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 ...
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 ...
1
vote
2answers
121 views

Is it a good idea to make radio inputs de-selectable and allow users to leave them blank?

Related question: Why is it impossible to deselect HTML "radio" inputs? Radio buttons are supposed to be impossible to deselect, because users aren't supposed to leave radio inputs blank. ...
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. ...
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
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 ...
3
votes
1answer
89 views

Consistency or best ui control?

I'm working on an app where there are multiple pages where there are a range 2-6 choices of a specific filter. Is it better to use the same control (dropdown) since for each page for consistency or ...
2
votes
2answers
129 views

Lots of buttons with user input if none are applicable

I am creating a quiz and one of the questions needs to have a list of options for the user to select one. But also, if the answer is not in the options, I need to allow the user the write the answer ...
5
votes
2answers
1k views

Accordion with radio buttons

one of my clients uses the following accordion on his mobile website: A tap anywhere opens the section and selects the radio button. The chevrons open and close the selection, but only select the ...
5
votes
5answers
557 views

Alternatives to 18 options in a radio group?

I have an application built in Delphi7. A particular screen displays a radio group with about 8 items, which is just manageable for the users by normal standards. But now I need to add another 10 ...
1
vote
1answer
110 views

Are there any practical reasons as to why one should show css outline on a focused radio button?

A while ago, I found a css stylesheet for checkboxes and radio buttons, which could use font-awesome icons as symbols. I had just used the checboxes until recently, but expanded my form to include ...
2
votes
2answers
415 views

Design for a list of items

I have this list of items in a radio button list. This list can get pretty long in it's height. This won't be the best user experience, because the user, probably, has to scroll to the item he wants. ...
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....
2
votes
1answer
102 views

How to translate a visual experience to screen reader users

I have a table with selectable rows. I can select only one row. Sighted users can click anywhere in a row to select it. In the context of a website that is as good for blind users and sighted users, ...
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 ...
3
votes
2answers
207 views

When does a combo box get unwieldy?

I'm working on a product which has a bunch of selectors that can have anywhere between one, and several hundred possible selections with no way to be absolutely certain how many possible options there ...
0
votes
1answer
107 views

Selecting single element from a long list with hirarchy

I'm creating a wizard where in one of the steps the user needs to select only one option from a large list with hierarchy. The list will have about 30 top level categories. He can select the top ...
1
vote
3answers
629 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/...
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?
3
votes
1answer
327 views

Should I use a dedicated “Please select” radio button

In some cases I need to offer radio groups for selecting 2-3 options where I want to force the user to make a decision. Those are cases what I simply can't offer an initial selection. For more ...
2
votes
3answers
169 views

How to allow user to choose a value multiplier

I've recently published an Android app that is intended for use as a board game currency (think Monopoly etc.). Because it is intended for multiple types of game, and because even within Monopoly the ...
3
votes
7answers
7k views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
0
votes
2answers
110 views

Single Select Mechanism [closed]

Are there any mechanisms for single select besides radio buttons and dropdown menus (combo boxes)? Here's an image of the layout I'm designing: Users can only single select a product, and the ...
2
votes
2answers
62 views

What's a good way to select a single pane of other controls?

I am building an Windows Forms application that will have to select a single style of a particular device, but each style has a variety of unrelated configuration options that must be chosen. The ...
3
votes
2answers
636 views

Optimal way to display long radio buttons on mobile

I'm working on designing a responsive form, and I'm wondering if anyone has ideas for dealing with "long" radio button options on mobile. For example, take the following image: I've browsed around ...
1
vote
0answers
134 views

Multi Selection with Check-boxes and Radio Buttons

I have a long list of options. My users can select many of them, but they must also star one and only one of the options selected so. ... [ ] Option 1 ... [ ] Option 2 ... [ ] Option 3 ... ...
0
votes
2answers
607 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 ...
3
votes
6answers
1k views

Checkbox or radio button

I have about 20 checkboxes, each corresponding to a data source. The user is able to select 1 or more data sources ("0 or more" is OK too, if it's handy when coding it). The issue is that, almost ...
1
vote
0answers
445 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
1answer
205 views

Multi position switch (while avoiding dropdowns and skeuomorphism)

I have a very visual, map-like interface where most of the interaction takes place in navigation cards as opposite to direct manipulation. I need to add a "dimension selector" to each node that will ...
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, ...
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 ...
1
vote
2answers
787 views

Do users understand this hybrid checkbox/radio control? [duplicate]

I'm wondering about the perennial problem that arises when presenting multiple options, where the user can select none, one, or several options. Using checkboxes, it's not clear whether a user ...
-1
votes
6answers
362 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, ...
3
votes
1answer
125 views

How/Where to display contextual information based on radio button check

I have a list of countries where the user can select one by toggling a radio button. Each country has a unique cost in the local currency which the user needs to be aware of. What is the best way to ...
2
votes
3answers
166 views

Should I use Drop downs instead of radio buttons?

This is for a University Information Repository. The user must choose only one collection to submit a report item into. Each collection is gathered into a community. So the hierarchy from top to ...