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

7
votes
2answers
250 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 ...
6
votes
4answers
295 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 ...
2
votes
1answer
47 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 ...
1
vote
2answers
97 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
112 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
285 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
49 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
354 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
338 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....
3
votes
1answer
75 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
112 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
117 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
53 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
105 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/...
3
votes
3answers
494 views
2
votes
1answer
86 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
103 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
504 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
83 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
52 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
187 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
111 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
150 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
268 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
152 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 ...
2
votes
2answers
2k 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
874 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
427 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
174 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
78 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
138 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
97 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.
10
votes
4answers
4k 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
372 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
377 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
407 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
491 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
288 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
488 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
195 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
383 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
103 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
1k 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
491 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
512 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
238 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 ...