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

learn more… | top users | synonyms (1)

0
votes
1answer
79 views

Toggle List with Button

Let me explain what i need. In a "add new person" form, the user has the option to select the kinds of person that this new person applies... Like, this company is a customer, and is also a ...
1
vote
3answers
111 views

Toggle button VS Explicit Option button?

We have a booking page in our Mobile application which shows all the bookings made by a user. Recent bookings are stored in the App itself hence no need to make any server call and can be shown ...
5
votes
3answers
107 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
341 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
56 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
171 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
94 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
126 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
51 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
113 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
3answers
236 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
43 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
212 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
46 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
494 views
2
votes
2answers
142 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
174 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
87 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
65 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
123 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
119 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
92 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
107 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
347 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
197 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 ...
2
votes
2answers
2k 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
98 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
60 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
125 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
543 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
93 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
144 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
97 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
420 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
317 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
396 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 ...
5
votes
4answers
1k 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
399 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
52 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
190 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
180 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
488 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
707 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
6k 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
89 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 ...