A switch decision between two or more options where only one can be selected.

learn more… | top users | synonyms (1)

4
votes
4answers
155 views

Is required validation possible on a switch/toggle control?

Scenario I want to make sure a user has made a selection on a switch input. On page load it is either on (1 - in image) or off (2 - in image) depending on what state it is set to in the code. ...
2
votes
2answers
97 views

Best Way to Switch Between Basic and Advanced App Settings

In my iOS app, I intend to have two types of settings - Basic and Advanced. The Basic settings essentially summarize the more granular 10-11 advanced settings into 3-4 different themes, so most users ...
1
vote
2answers
156 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, ...
1
vote
2answers
77 views

What is a good way to let the user change screen layout?

I have 2 layouts. A 1/3 2/3 Sectioned layout and a Full 3/3 Layout. I want the user to be able to change between the two. Right now I have this in the header: Is there a better or more accepted way ...
2
votes
1answer
127 views

How to make a switch between a form and a text editor?

I'm making a platform where users can upload research results. They can upload these results in two different ways: with a form with multiple input fields and with a normal text editor. The mode with ...
0
votes
2answers
38 views

Inactive Settings

I'm having a tricky time deciding between several interaction patterns for disabled settings toggles in a native app. Background: This is in a mobile app's settings page. There is a top level ...
0
votes
3answers
50 views

Simple selection between two values, but not boolean

I'm looking for an intuitive, user-friendly way to enable users to select (and switch between) two possible values. Normally, in a form, this would be done with radio-buttons, but I will have table ...
7
votes
4answers
437 views

Ideal control design for boolean flags?

So I've been tasked to find a way to "pretty up" an originally checkbox-based interface and in the process of doing so I've mocked up three designs (seen below). From top to bottom we've got a toggle, ...
1
vote
2answers
65 views

Is the use of toggles in desktop applications an intentional or unintentional result of mobile first design? [closed]

I have seen the appearance of toggle-like controls (similar to the iOS mobile on/off toggles) in desktop applications such as in Acrobat Reader DC. Just wondering if this is to do with the prevalence ...
3
votes
4answers
106 views

What's the best way to set the hair dryer?

I am in the middle of a hair dryer machine design, we have some issues about imaging correct symbols in order to establish the maintenance easily with the user. Our point of interest is designing a ...
2
votes
2answers
81 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.
4
votes
1answer
307 views

Mixing flip-flop/toggles and binary state buttons

I'm facing a rather curious predicament. I'm working on a page with two columns. The one column has a list of actions that are essentially just things that run when clicked (so they've been grouped ...
0
votes
3answers
172 views

On/off switch with middle state?

We're using an iOS-style on/off switch to toggle selected items on/off. This switch will also reflect the state of the selected items. If you select items that are on, the switch will show on. Select ...
1
vote
1answer
198 views

Toggle-Buttons mutually exclusive and multiple selection combined

I have the following dilemma: I have 3 toggle buttons (for filtering a list) which have the same hierarchy weight. Button A and B are mutually exclusive, means if I select button A, button B will be ...
2
votes
2answers
261 views

How should a multi-state toggle slider with more than two states be implemented?

The toggle slider is a very common pattern on mobile devices for iOS and certain web applications, however they work well for only a dual-state switching. When it comes to more than two states, the ...
1
vote
1answer
197 views

Displaying custom vs default settings

In many interfaces, there is a set of default settings and then a need for the user to be able to override those with custom settings. Do you have any examples of how to handle this well in an ...
1
vote
2answers
40 views

Proper way to handle radio buttons that deals with batch jobs

I would like to seek for your help regarding my certain use case on the following. The following UI below allows the user to toggle the status of an auto-archiving job, and the days before data will ...
3
votes
2answers
540 views

What is the best web design pattern for toggle-able options within a parent toggle-able menu

I'm working on a menu that can be toggled on or off, with sub-options within the menu that themselves can be toggled on or off. while logically I think it makes sense for both the parent menu and ...
0
votes
2answers
144 views

What kind of button should I use for toggle all state?

I have a series of small images in a scrollView and a way of controlling their opacity with a toggle switch. The toggle has two actions: Set all images to full opacity Set all images to low opacity ...
1
vote
5answers
124 views

Switches in UI, that correspond to serverside settings: display wish or actual system state?

This is no exact dup of Should a toggle button show its current state or the state to which it will change? Question is: I´m displaying a switch / toggle button on a mobile device, which represents ...
4
votes
2answers
345 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 ...
2
votes
3answers
105 views

What should I call a switch statement in an UI where users won't know what a switch statement is?

I'm designing a product where a user can build a decision tree. There are different kinds of decision nodes they can add: true/false rules, exclusion rules, and switch statements. I'm afraid of ...
5
votes
2answers
390 views

Which option is better for changing mode? two-part toggle switch or one button that changes state on press?

Which option is better for a tool that can edit a website visually? A two-part toggle switch. A button that changes the state (and the label on the button changes when the mode changes so that the ...
69
votes
7answers
7k views

Why does the Caps Lock not toggle upper and lower case for selected text?

In most word processors, you can easily toggle many text styles. For example: Ctrl + B - Will bold or un-bold selected text. Ctrl + U - Will underline or un-underline selected text. Ctrl + I - Will ...
8
votes
5answers
2k views

Checkbox vs toggle

There's a constant debate on checkbox vs toggle. Personally, as an iPhone and Mac owner, I'm still very confused every time when I see the toggle. I often ask ask myself, "The 'on' is on the left, ...
3
votes
2answers
78 views

How to handle searching by multiple US states and radius with one input?

The application that I am designing has a pretty intense searching capability and one of the biggest search criteria is origin and destination. With the company being centered around shipping it is ...
1
vote
3answers
1k 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 ...
0
votes
1answer
405 views

Why are push and twist switches more common in lamps than pull switches?

More than once, I've reached under a lampshade to turn on/off a light and had to a) search around hoping I didn't burn myself to find the switch and b) figure out which type of switch the lamp used ...
1
vote
1answer
130 views

Should a tooltip on a stateful widget describe the current-state or next-click-action?

What should be presented in a simple tooltip when hovering over a stateful widget, such as a button like the up/down vote and star buttons on this question? Is it important to describe the current ...
1
vote
1answer
149 views

What is a classy, effective way to label a kitchen sink's disposal switch?

It bothers me that in-sink food waste disposals usually have an on-off switch that looks identical to a light switch and is often within a set of light switches sharing a single wall plate. How could ...
1
vote
5answers
191 views

Should “Learn More” CTA be used as a link or button?

Does it make sense to use "Learn More" as a button to expand more contents? See example: http://www.starbucksstore.com/coffee/coffee,default,sc.html Some of my colleagues argue that after you've ...
2
votes
1answer
81 views

Text for button toggles

I am currently creating a Grasshopper 3D component that parses XML data from a particular URL. Taking into account UX principles, I have some questions in-regards to my wording. The functionality ...
3
votes
2answers
162 views

What UI is appropriate for banning and unbanning a record?

We have a list of words and phrases stored in a database that if a submitted article contains any one of them, we would automatically disapprove the article (and send the submitter an explanation). ...
1
vote
2answers
118 views

Where to click to change status of a on/off slide bar

In a toggle button like above, where should a user click to change the status? It seems that the standard in most applications is to click on the slide itself. This would make sense as a user can ...
0
votes
3answers
119 views

Button to toggle prospect as important

I'm building a CRM, and users have given us feedback to set prospects as being important. The temporary solution we're using is the following: When you hover over the red icon, it becomes like this ...
5
votes
1answer
355 views

Is there any attempt to standardize a “cancel” action in elevator buttons?

I live in a country where only a few (I've heard of 2 or 3) elevators has the option to toggle back a pressed button in order to cancel the request. Of course, I'm waiting for all elevator buttons ...
5
votes
5answers
502 views

Triple-state toggle: 'turn on', turn off', 'auto turn on and off'

Currently I'm working on some software settings screen, and there are a number of features, that could be turned on and off manually, but also kept in kind of 'wait mode'. If a feature is in 'wait ...
1
vote
3answers
666 views

Checkbox versus a button when switching between two states on an item

The user needs to be able to activate/deactivate an item in the ui. SPECIFICATION: Display the current state of the item (activated or not) and offer the ability to activate/deactivate it depending ...
2
votes
1answer
246 views

Multiple toggle buttons with initial selection

Facts: Multiple toggling buttons Only one may be selected at a time There is an initial toggled button, which will be changed after a save action Must occupy as less space as possible (i.e. ...
1
vote
1answer
146 views

For an icon/button with toggle functionality, is it better to highlight the icon on mouseover or to change it (to the icon it would toggle to)?

I am creating a To Do list in my company's web application. Each item on the to-do list is marked with a flag, which acts as a toggle (as in outlook) for to-do/completed. The icon cycles between a ...
3
votes
0answers
946 views

Two state button guide - for non-UX designers [closed]

I have been reading way too many posts on toggle buttons, flips, switches and it seems like a clear guide to design an unambiguous button is needed, rather than just advice for people on how to fix ...
1
vote
4answers
1k views

Toggle Buttons vs Tabs

What are the problems with using toggle buttons instead of of tabs? I have a design where action buttons and tabs share the same row. I have 1 row with action buttons in it. In this same row I will ...
6
votes
4answers
500 views

How should I visually represent multiple three-state flags?

I'm building a piece of software which will have a filtering system that involves multiple flags. The complication is that each flag has three possible states: On Off N/A (i.e. It can't be applied, ...
11
votes
5answers
12k views

Is there a better way to design switches than I/O?

What was the thought process behind whoever designed the I/O on/off button? To me, it seems extremely confusing whether or not I is on, or O is on, and I still get pretty confused today as to which ...
0
votes
1answer
260 views

Using different checkbox style for different checkbox behavior

I'm not sure on which control to use on this case. Is it confusing to have two different checkbox styles that behave in different ways? (note: this is just a small part of a whole bunch of filters ...
9
votes
4answers
6k views

Toggle button vs. check box and toggle switch

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch. The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no ...
2
votes
3answers
627 views

Night/Day Mode Toggle

I'm working on a website that features a "day" mode and a "night" mode that the user can toggle between. The day mode will have a light background with dark text, the night mode will have a dark ...
3
votes
1answer
392 views

best practices for toggling persistence (“pinning”) of choices made by users?

What are best practices for UX that allows users to toggle whether a user's choice in a dropdown box in the chrome of a web app will persist across multiple pages and and multiple sessions? ...
3
votes
3answers
329 views

Best practice for switch with interchangeable on/off position?

We're making a hardware device with a reset button that needs to be activated when the device is unpowered. As such, the button can not be a momentary press but needs to change position before being ...
6
votes
1answer
178 views

Ternary Switch - How to implement?

My website gives users a report for their search term, this report contains many different datasets. Each dataset can be configured via options on their profile page, to either; Load when the ...