Both Radio button and Switch button does the same job - Selecting one option at a time. Is there any other way for choosing between the two given options other than Radio/switch buttons?
In my case, the list of options will display only after selecting either of the given choices. So i dont want to use Radio button. Currently I have a switch button. Please suggest me an alternative. Thanks
Toggle switches or radio buttons are both good choices for this use case. Unambiguous, familiar, effective. Good job!
Of course you can set the radio buttons to default to option 1, so that there is always one selected.
I would avoid using buttons with active/inactive states, as when you have only two options it becomes ambiguous which of the two is selected, You see this a lot (particularly in DVD menus, amiright?) and it's not helpful:
Hope that helps :)
Radio buttons and switch button don't do the same thing. Radio buttons let you choose only one option in a set, and a switch lets you turn an option on or off.
As an alternative to Radio button in your case you could use a toggle button with exclusive selection. However, it is only recommended when there are 3 or more options to toggle:
Toggle buttons may be used to group related options. Arrange layout and spacing to convey that certain toggle buttons are part of a group.
Toggle button requirements:
- Have at least three toggle buttons in a group
- Label buttons with text, an icon, or both
It looks like you are using those Option1/Option2 as Tabs. Be careful with that. As another alternative you could make use of a dropdown.
Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. In other words, clicking a non-selected radio button will deselect whatever other button was previously selected in the list.
Checkboxes are used when there are lists of options and the user may select any number of choices, including zero, one, or several. In other words, each checkbox is independent of all other checkboxes in the list, so checking one box doesn't uncheck the others
If you only have a small set of choices and one is always defaulted, then you can swap in tabs or a tab bar for radio buttons. They all work for providing a list of mutually exclusive options.
With tabs in particular there is a visually obvious association between the item selected, and the sub options it contains.
I don't think the solution to this has been fully hashed out. A little bit of graphic animation can solve the ambiguity of the "Button" approach by having a box that highlights the section the user selected, but slides to that selection so the user can intuitively pick up on the fact that that box will only highlight one option.
