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

4
votes
2answers
108 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 ...
0
votes
1answer
122 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
4answers
129 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
4answers
938 views

Using radio buttons or drop down list when the number of options can vary greatly

I am designing a web application which consists of several modules, and for some of these modules the user must be able to select how many/which sources of data to display in the module. I had ...
18
votes
9answers
4k 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 ...
0
votes
2answers
160 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 ...
81
votes
15answers
50k 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 ...
3
votes
2answers
189 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
1k 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 ...
2
votes
1answer
162 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 ...
4
votes
2answers
298 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 ...
3
votes
2answers
169 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
138 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
60 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
6answers
314 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 ...
2
votes
3answers
551 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
123 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). ...
5
votes
2answers
326 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 ...
47
votes
4answers
6k 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?
5
votes
5answers
331 views

Radio button groups with thumbnails

Please advise which of the following approaches is more usable: Switching images, all captions are visible: All images and captions are visible: Swithing captions, all images are visible:
0
votes
3answers
178 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
185 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
121 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
715 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
194 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?
1
vote
4answers
403 views

Best approach to presenting collapsible/expandable panels with radio button headers

The user will be presented with multiple options (as radio buttons), and he/she must select one option before proceeding to the next step. The individual sections will be expandable/collapsible for ...
0
votes
0answers
18 views

Dropdown menu or radio buttons to represent choice [duplicate]

Our team is deciding between Checkboxes or Dropdown menu to represent a single choice the user is able to make Dropdown menu Radio Button Both options allow us to have the user make a single ...
2
votes
2answers
138 views

Which is better: radio-buttons or error message?

The Android Virtual Device Manager uses checkboxes instead of radio buttons for "Snapshot" and "Use Host GPU". However, they are mutually exclusive. Why would they use checkboxes instead of radio ...
1
vote
1answer
186 views

Optional question with one selection from multiple options

I have a form where I have many questions that: Can be left unanswered Have short list of options that should be all visible Only one of the options can be selected at a time The current solution ...
1
vote
3answers
283 views

Is there any reason to use buttonsets over radio buttons / dropdown pickers?

In more websites I see, when there are small number of choices, people using button sets instead of a list of regular radio buttons. and dropdown pickers. Is there any reason for this trend? ...
5
votes
3answers
282 views

UI for interfacing with hardware

I recently came across an interesting question, that I think is quite thought provoking. The original question was, how the person in question could make a radio button look and act enabled, but not ...
0
votes
5answers
269 views

Radio button the best choice?

In this design, a user can have the following views: One child from parent 1 and no child from parent 2 No child from parent 1 and one child from parent 2 One child from parent 1 and one child ...
2
votes
3answers
244 views

iOS Pattern for a List with a Sub-setting on Some Items

I have an iPad app interface that feels a little weird to me and I'm wondering if anybody has seen a good solution to this situation. (I've changed the content so that I can post it here---my app is ...
1
vote
1answer
83 views

Price/hourly rate filter radio - input correlation

I was faced the following problem. We have a search engine in our web application that makes it possible to filter results by selecting a single filter from each set, with four-five sets given - let's ...
1
vote
2answers
160 views

Radio Buttons - To Default or Not To Default…that is the question [duplicate]

We are displaying a list of items, each with a set of options (or single option in some cases). The options are displayed using radio buttons because only one may be selected. A selection is required ...
75
votes
8answers
8k 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. ...
2
votes
2answers
345 views

What is the best way to gather optional data using radio button groups and drop-downs?

I'm ultimately asking a theoretical question: what is the best experience, in general, for gathering optional responses using controls with mandatory input? Consider specifically radio button groups. ...
0
votes
4answers
879 views

Radios on mobile apps - yes or no?

Is it a good idea to use radios on mobile apps? If not, how would you improve the below design?
7
votes
5answers
688 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 ...
2
votes
2answers
5k views

Has iOS 7 changed the appearance of radio buttons?

I am doing the final tests of styles on a website we are launching, and trying it out on iOS 7 I noticed something - In our forms with radio buttons, they are showing like checkboxes - That is, the ...
17
votes
4answers
884 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 ...
0
votes
3answers
210 views

creating a switch for two options

I have search box, and I want two options for users to search "NEW" or "USED". They will essentially be checkboxes, but I want to know the best way to make these look nice, like buttons (most likely ...
3
votes
2answers
4k views

Html best input type for boolean values selection

In web development, html , what is the best input type to be used if users are only given two choices? basic true or false for example? active or inactive? my choices are: two radio buttons, dropdown ...
27
votes
7answers
5k 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 ...
2
votes
6answers
259 views

Choosing from multiple credit cards, radio button or dropdown?

On a checkout page we offer the ability to store credit card information. Once a customer has stored their card(s) we need to offer them the ability to choose which card they would like or add a new ...
1
vote
1answer
169 views

single radio button vs 2 radio buttons vs checkbox

I am having a user enter search terms to search a document. The issue of how to have them determine if that term is case senstive when being used. OPTION 1 - I was thinking to make it a dropdown ...
16
votes
13answers
10k views

Yes/No radio buttons: Vertical or horizontal

Currently looking at a longish form with a lot of yes/no options presented as radio buttons. Is there any evidence that displaying radio buttons either vertically or horizontally is preferable?
4
votes
4answers
2k 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 ...
3
votes
2answers
272 views

Tag filters for grid layout?

I have an irregular "metro-style" grid of items of various types: Blog posts, press releases, reports etc. To the left, the user should be able to filter the grid by Topic and Content type. The topic ...
0
votes
1answer
190 views

Expanding a tree with radio buttons

I have tree. Each tree node is a radio button. Nodes can be expanded/collapsed by clicking the disclosure icon which is a grey triangle. Some radio buttons are disabled. If a radio button is ...