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

learn more… | top users | synonyms (1)

7
votes
1answer
258 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 ...
1
vote
2answers
51 views

Better layout for a component on my site? [closed]

Hi I have a place in my system where a user can select which things they want turned on or off, the image below is how it looks at the moment. The problem is that it's very cluttered and not easy to ...
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 ...
3
votes
3answers
78 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 ...
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 ...
1
vote
0answers
26 views

How to make (or buy) the button actuator mechanism in a waterproof watch? [closed]

I'm designing a product that's supposed to have a form factor similar to a digital watch or smart watch. It will have a waterproof casing with push-buttons on each side. The electronic assembly ...
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 ...
1
vote
3answers
151 views

How can I improve a city switcher UI?

I am making a website for an Internet Service Provider which provides services in several cities. I'm stuck with the city selection functionality. I have made a concept, but not sure if this will ...
1
vote
1answer
29 views

configuration mode on canvas

I am creating a switch visualisation system for IT managers, one of the features I am adding is creating a new authorization relationship between one switch to another. so that one switch is the ...
0
votes
1answer
114 views

Using Switches for Yes/No Checkboxes

I have a large form and many questions are simply Yes/No questions. In the system it's simple a checkbox, checked means yes, unchecked means no. To make this visually more interesting than a ...
2
votes
1answer
43 views

Expected behavior for history when a toggle button changes the section

I have a search based website where the user can search two different sections in the same manner. Let’s say one section is named Jawn and the other is Moo. The user begins the section in Moo preforms ...
2
votes
3answers
201 views
2
votes
2answers
123 views

International\?? Standards for light switches? [duplicate]

Suppose a blind person wanted to know whether a switch (such as a light switch) was on or off (also suppose the switch was vertical. Wouldn't it be natural to think that top (=1), would mean on, and ...
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 ...
2
votes
1answer
78 views

Is it good UX to have a table cell be both navigable and have a switch?

I'm wondering if it's good UX in iOS to have a UITableViewCell (table cell) that is both navigable (meaning that tapping it will open another screen) and also embeds a UISwitch (switch). Let's take ...
1
vote
1answer
64 views

What are patterns for having user check correctness of data?

In my app design, users need to check the correctness of a list of OCRed data (about 3-10 items depending on the context). Is there a pattern for this? I thought of toggle buttons: Toggles are ...
0
votes
2answers
114 views

Toggle Switch on Navbar

Is it good to add a toggle switch on a navbar. I need to switch between the 2 contents in a page by a toggle-switch. If not suggest me a good way to toggle the content
0
votes
2answers
115 views

Using toggle buttons alongside text boxes?

I'm designing a control to allow users to quickly adjust two variables using a pre-defined list (in this case a toggle button group). Users want to be able to set and use these "quick-selections", as ...
1
vote
1answer
88 views

Filtering option with 3 states

I'm working on a filtering capability for venues. One group of filter options requires me to account for 3 different states. Unselected (neutral, user doesn't have a preference) Selected, Yes ...
1
vote
4answers
101 views

How to show a toggle that's on but disabled?

I'm trying to use the toggle to indicate the on and off state of a feature. One of the features will be turned on by default and cannot be turned off. See below. Feature 1 is turned on by default ...
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. ...
2
votes
2answers
181 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
1k 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
94 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
156 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
56 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
104 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 ...
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, ...
1
vote
2answers
88 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
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 ...
2
votes
2answers
94 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
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 ...
0
votes
3answers
266 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
352 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 ...
4
votes
4answers
843 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 ...
2
votes
2answers
357 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
49 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
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 ...
0
votes
2answers
179 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
161 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 ...
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 ...
2
votes
3answers
111 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 ...
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 ...
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 ...
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, ...
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 ...
1
vote
3answers
2k 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
744 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
148 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
183 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 ...