A togglable button where one or more options is available but only one option of a group may be selected at a time.

learn more… | top users | synonyms

5
votes
2answers
55 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
232 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
44 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 ...
3
votes
2answers
337 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. ...
7
votes
6answers
288 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 ...
3
votes
1answer
73 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
3answers
107 views

Is switcher better pattern than radio buttons?

I'm designing a list with an option to switch on and off some records. I'm wondering which pattern to choose, should I choose standrad radio buttons solution or maybe something a little more ...
4
votes
2answers
109 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
44 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
91 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 ...
2
votes
3answers
270 views
2
votes
1answer
74 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
102 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 ...
2
votes
6answers
389 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
82 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
50 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 ...
2
votes
2answers
166 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 ...
0
votes
0answers
107 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
138 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 ...
3
votes
6answers
241 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 ...
0
votes
0answers
141 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
150 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 ...
1
vote
2answers
1k 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, ...
3
votes
6answers
691 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 ...
0
votes
2answers
418 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 ...
0
votes
5answers
168 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, ...
2
votes
1answer
71 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
136 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 ...
2
votes
2answers
96 views

What is the best way in letting a user set a default to an enabled function?

Not really sure if this concept is better. By setting a default, it automatically switches to Enable and lock icon appears next to toggle switch to signify that it is not available for any action.
6
votes
2answers
3k 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 ...
2
votes
4answers
341 views

How to prevent users from submitting a form with no changes made

I would like to prevent users from being able to submit a form where the selection hasn't been changed from its original state. Example: In the wireframe above, when the user sees this form, the ...
4
votes
2answers
361 views

Choice with a Radio button group

Context: In our application we implemented a responsive disclosure. Currently the choices the user can make are rendererd as a set of radio buttons. Currently there a two valid options, A and B. When ...
5
votes
6answers
2k 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 ...
1
vote
2answers
375 views

Dropdown/Radio button as an action selection in a grid row?

I need to display an action selection in every row of a grid. The action could be Do nothing, Confirm, Reject (mutually exclusive). And once all the selections were made, users are expected to hit a ...
1
vote
3answers
434 views

Using mixed radio and checkbox buttons - is there any efficiency or usability gain in the design?

I have noticed that many online forms and surveys these days are starting to use a mixture of radio and checkbox buttons for the same question, that is, for a question that gives the person a number ...
2
votes
1answer
269 views

Why do radio buttons precede the labels?

Radio buttons always seem to precede the label and not the other way around. Is there any reason for this? Don't user first read the label before selecting a radio button? Does this have to do ...
5
votes
2answers
465 views

Deviating from the check-mark convention

I would like to create a slightly different convention for single select and multi-select toggle choices. I hate the stereotypical look of default radio buttons and check marks in boxes, so I came up ...
4
votes
2answers
193 views

Is there anything wrong with disabling radio buttons, and how would you justify it?

I have a dynamic form consisting of a number of choices, where the user makes a choice at each point using a radio button (toggle implementation of radio button behaviour) Depending on the choice the ...
1
vote
2answers
349 views

What are the best practices for showing required Boolean field on a form?

I have a required field on a form that is Boolean. Two radios (one labeled "off" and the other labeled "on") seems heavy and old fashion. A single checkbox is lighter but doesn't make much sense since ...
1
vote
3answers
98 views

Independent selection but can also be alternative

I have binary properties, say A, B, C, D, that a user can independently switch. This is usually done using checkboxes as so: download bmml source – Wireframes created with Balsamiq ...
2
votes
3answers
990 views

Using radio buttons responsively

I am working on a project with form design - giving users a choice of 7 options. With prototyping (in Axure), I have found that users using mobile phones seem to have some difficulty selecting radio ...
2
votes
2answers
417 views

Radio button group confusing to user?

I have a page where the user is asked to choose one of two options so more information can be provided. I used a radio button group (bootstrap) which has no default option selected (see mock below). ...
2
votes
6answers
469 views

Radio buttons menu with radio button submenu

I have three different radio buttons, each one of them contains a submenu with three further options. User can only choose one option in the submenu. So it seems that i have a radio button menu ...
5
votes
2answers
1k 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 ...
50
votes
4answers
7k 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?
0
votes
3answers
232 views

force a user to fill out a check box so they don't skip the question

I have a form which asks: Are you, or is anyone in your household employed in the following areas? Healthcare Manufacturing Media etc. This would of course be check boxes, but my client is ...
2
votes
4answers
309 views

Checkbox or Radio, specific use case

I have a very specific use case and it has led me to question the checkbox vs radio button convention... Radio buttons are used when there is a list of two or more options that are mutually ...
2
votes
1answer
182 views

Default radio button option always first?

Given a set of radio buttons, should the default option always be the first? (Leftmost if they're in a horizontal list or topmost if they're in a vertical list) Is there ever a case when this is ...
1
vote
3answers
2k views

Best Practices on toggle switches and defaults in forms?

In many cases, when creating an A/B choice for a user, there is a clear option that should be the default; if not, the debates can rage... and if the choices are not clearly boolean (Yes or No), it ...
1
vote
5answers
319 views

Radio button and Progressive disclosure good practice

i have a form which is to be displayed on selection of a radio button. Will placing this form in between the radio buttons confuse the user? If yes, what would be a good practice to follow?