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

learn more… | top users | synonyms (1)

281
votes
20answers
38k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
109
votes
19answers
30k views

Which way should be “on” for a switch?

Most of us use switches every day in various forms. And although there are sometimes general norms in countries as to which direction is "on", there is variation between countries. So when ...
70
votes
7answers
8k 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 ...
24
votes
5answers
2k views

Toggle Buttons “Turn On” vs “Enable” [duplicate]

For about a year now, we've used toggle buttons on a couple of segments of our site. We try to be very consistent in our user interfaces, always using the same blue button styles for every clickable ...
17
votes
12answers
864 views

Separation of play and pause buttons for playing media

I seem to remember reading somewhere that having the play pause actions triggered from a single button that toggles is a bad idea It seems to me that this idiom works well (e.g. pressing space to ...
16
votes
4answers
3k views

Should “toggle buttons” show what they do or the system status? [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I find inconsistency in "toggle buttons" (I just invented the name now. See ...
14
votes
5answers
5k 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, ...
13
votes
8answers
3k views

Which is a good color for a pause button?

We have an application with a built-in stopwatch. If the stopwatch is running the pause button is shown and if it is stopped the play button is shown. Currently the stopwatch itself as well as the ...
12
votes
5answers
30k 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 ...
11
votes
6answers
2k views

Multiple choice with Yes, No and 'No answer'

I am working on a Quiz Application for Multiple Choice question. Instead of normal Multiple Choice Questions with the two answers yes and no. I am working on one that allows a user to abstain to a ...
10
votes
4answers
965 views

Alternates to the “play/pause” button

I've never been happy with the old 'iTunes' model ("flip-flop" buttons; see this question) where the play and pause are the same button, with an icon showing what state you can go to (Play when you're ...
9
votes
4answers
8k 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 ...
9
votes
6answers
589 views

What is a more intuitive way to present a 3-option toggle?

Stack Exchange's tag popup card/thingy has a star which you can toggle between "Favorite" (gold star), "Ignored" (red cross), and "Normal" (grey star). Favorite: Ignored: Normal: This is not ...
9
votes
2answers
360 views

Most effective way to display the enable/disable part of a setup page

We have an admin section with a number of different settings users can go to. In the majority of pages there is an option at the top which initially allows the users to either enable or disable that ...
8
votes
5answers
10k views

How to best represent a ToggleButton (representing on/off) with the ability to be locked

I'm designing a ToggleButton control that has the ability to be in a locked state in which user interaction will not be able to further toggle the control. In general I would like the button to appear ...
8
votes
4answers
513 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, ...
7
votes
3answers
2k views

Toggle button for actions

In our web application, we have a list of items for which multiple actions can be scheduled. If an action is available but not selected, it is displayed as a gray button. When the user clicks on it, ...
7
votes
4answers
560 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, ...
7
votes
1answer
260 views

What breakpoint width to switch to mobile menu?

Sounds like it should have an obvious, clear-cut answer, but I couldn't find much mention of it: When building a website, what breakpoint / width is most ideal to switch from a horizontal tab-style ...
6
votes
3answers
1k views

Indeterminate state for toggle buttons?

I'm working on a tablet based application where an agent would be going through and answering a series of yes/no questions. This is running on Windows 7 and naturally the standard windows controls ...
6
votes
4answers
177 views

How should cancelled animations behave?

How should an animation behave when it is cancelled/changed? For example, let's say I have a button in my application that triggers the visibility of a tool panel. When the panel is shown, an ...
6
votes
3answers
588 views

Assume success and show response immediately or wait for a response from the server?

All over my CMS I have buttons that toggle something on or off by sending an ajax request, updating the db, and then changes state and value of the button on success. Very basic "ajax" and "toggle". ...
6
votes
5answers
773 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 ...
6
votes
2answers
603 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 ...
6
votes
1answer
186 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 ...
6
votes
5answers
400 views

Is there a pattern for cycling or toggling through time periods?

I'm looking for a pattern for toggling between different periods of time. Currently I've prototyped an example which is a single button that, when tapped, will cycle through 3 time periods: by month, ...
5
votes
2answers
306 views

Implementing a “Delete Mode”

I'm working on a site that allows users to create lists, and right now we've pulled out the "delete" functionality into a separate mode. Ideally the way this would work is: The user clicks something ...
5
votes
3answers
3k views

Best choice for three-state value?

In my application, the user can filter fields by selecting one of three possible values for each field: True False Both I currently have a drop-down box, but this requires two clicks while the ...
5
votes
2answers
454 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 ...
5
votes
2answers
381 views

Graph for toggling data set

We are building a network monitoring tool and we need to show a graph which shows the Active/Inactive state of the machines. Like for example, during a period of 24 hours, during which periods the ...
5
votes
1answer
375 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
2answers
196 views

When to commit user data (a humble request from a systems guy…)

So, I am a systems programmer working on a UI (bad idea, maybe, but I think I do ok all things considered). Anyway, my program is an interface to a service running on a remote machine which controls ...
5
votes
1answer
144 views

Volume control and Pause/Play toggles are inconsistent, why?

I'm facing a UX struggle that I've never noticed before, and even though the behaviour is what everyone expects, feels right, and is fine, in the end, it's just not consistent. Let me explain. You ...
5
votes
2answers
257 views

Toggling columns

I have some questions about toggling columns: in an older application, we have some columns that a user can toggle (regardless of available horizontal space). For example, the toggle between ...
4
votes
4answers
300 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. ...
4
votes
3answers
221 views

I need ideas to improve this timeout control

I'm getting ready to publish a page of real-time stock-option data. Problem is I'm not so sure any more of many controls that I used to be in love with. The first of these now-doggish controls is ...
4
votes
4answers
845 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 ...
4
votes
1answer
382 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 ...
4
votes
2answers
579 views

What should a toggle switch do when using a multi-select?

When an item in a list has one of two possible states, how should the toggle switch behave when items have been selected that have different states? Neither action is dangerous, but it may act on ...
4
votes
2answers
115 views

The logic behind the switchers placement in the iOS Control Center

The iOS Control Center contains two rows of buttons at the top and bottom of the area. The previous implementation of it made more sense to me, as the top buttons were switchers, and the bottom ...
4
votes
1answer
251 views

How does a 3d shading impact circular button use?

I recently ran across a circular smiley icon with lambertian shading, specular shading, and cast shadows. The effect was a little like a ball on a table. Here it is: Clicking the icon toggled an ...
3
votes
4answers
164 views

How would you implement a Momentary Rocker switch in a mobile app or web page?

Here's an example of a Monetary Rocker switch. It has 3 states and always returns to the middle position after being pressed. I want to use this in iOS and Android and web, is there any stock ...
3
votes
4answers
142 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 ...
3
votes
2answers
86 views

Form with locked and unlocked controls

I've just inherited an application where there is a form. It opens, in the unlocked state it is like If I click the padlock toggle button, the form will look like The arrows at Up Position and ...
3
votes
1answer
450 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
381 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 ...
3
votes
3answers
79 views

What should I call a Switch (UI component) for users?

My (mobile) interface uses switches, like this one: What should I call this component for users? I want to add a small text to my interface explaining what switches to choose in which situations ...
3
votes
2answers
2k 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 ...
3
votes
2answers
86 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 ...
3
votes
2answers
192 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). ...