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

learn more… | top users | synonyms (1)

5
votes
3answers
80 views

On/Off controls on an inline editable table

Background: We have a large fullscreen inline editable data table. The user can click to enter an individual cell and click outside to save their changes. Now we're looking to add an on/off setting ...
7
votes
1answer
288 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
55 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
150 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
84 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
119 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
34 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
96 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 ...
2
votes
3answers
166 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
30 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
141 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
44 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 ...
3
votes
3answers
280 views
2
votes
2answers
130 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
170 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
83 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
118 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
116 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
105 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
316 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
185 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
95 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
157 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
57 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
113 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
521 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
143 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
96 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
390 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
283 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
370 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
911 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
373 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
51 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
183 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
170 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
468 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
638 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 ...
71
votes
7answers
9k 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 ...
15
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
87 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
776 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
149 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 ...