Skip to main content

Questions tagged [toggle]

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

Filter by
Sorted by
Tagged with
0 votes
4 answers
94 views

Which toggle pattern is better?

My design team disagrees about the best toggle experience. The toggle is meant to authorize a client. I will leave it at that to avoid influencing any responses. Which one do you prefer, and why?
1 vote
1 answer
74 views

Improving confusing product permission settings UI with explicit / implicit multi options

I have a product permission settings component that allows users to include/exclude companies' current and future products. Many users find the current UI confusing based on feedback. Below is an low ...
1 vote
3 answers
1k views

What are the benefits of using grouped or toggle buttons rather than radio buttons?

I'm dealing with lots of complex search forms. When should I use grouped (toggle) buttons in place of radio buttons? Other than the fact that I find grouped buttons cleaner and easier to click on, I'm ...
1 vote
1 answer
206 views

Testimonial slider usability

I'm building a careers/recruiting landing page for a company and 1 of the things we decided should go into the page are some quotes from existing employees. My first inclination was to pull out the 3 ...
2 votes
2 answers
3k views

How to handle state of a toggle switch?

I'm wondering about how to create a useful implementation of a toggle switch. (think iOS style: ) It is meant to be used in web applications. Because of that, an important point is, that after ...
1 vote
1 answer
28 views

Improvement of current & active suborg information dropdown

currently, I'm redesigning a component where big organizations that consist of smaller sub-organizations are able to switch between the organizations (by choosing organization as a current) to preview ...
0 votes
0 answers
26 views

Switching off AI capabilities/features

This would not have been a relevant question except for the rapid uptake and integration of AI language model capabilities in some very popular software platforms and applications. However, users don'...
1 vote
1 answer
49 views

Preventing invalid preference states when opting for auto save functionality

I’m currently working on a marketing preferences screen where a user can control what marketing comms they receive and the channels they receive them on. A business decision was made to keep the ...
0 votes
1 answer
151 views

Toggle buttons - what do you think of using them in SaaS platform if description is still necessary?

I'm wondering if using a toggle button to enable different views of the data indicated on the platforms is the right solution, especially if the toggle button needs a description so the user is able ...
12 votes
4 answers
8k 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 ...
2 votes
1 answer
91 views

Multiple switchers in sidebar

I am working on a design framework that is used by multiple applications and I have a sidebar which need to include following things: User can change application User can change company and name of ...
18 votes
13 answers
3k 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 ...
8 votes
7 answers
6k views

Toggle Switch position the right way?

Just having a debate about what is the good position for an activated toggle. Also looking for some answers why left? why right? To me it makes sense to have it on the right when activated as it's ...
1 vote
1 answer
296 views

Segmented control vs toggle switch

We have a dashboard that allows a user to see all jobs belonging to their firm. These jobs are split into two tabs: Upcoming jobs Requested jobs (but haven't been yet been confirmed by us. Once it's ...
16 votes
6 answers
17k 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 mention ...
48 votes
9 answers
26k 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, ...
565 votes
24 answers
141k 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 ...
1 vote
1 answer
237 views

"Hide" options for the lines in the table

We have a data table with rows. All these rows can be opened on a new page. Also, users can hide some rows if they do not want to use them. Now, this "Hide" feature toggles between different ...
1 vote
3 answers
224 views

How should the switch (or checkbox) react to changing the slider value?

The Situation: The user can drag the slider handle to change the opacity of a 3D object (teeth). The minimum value is 0, and the maximum is 100. The user can also turn the switch off, and it will set ...
0 votes
1 answer
364 views

What is the best way to have two exclusive sets of filters above a data table?

I have two sets of filters which work with the same data. There is a table of data below those two sets of filters. But if one set of filters is applied, modified, i.e. worked with, I completely ...
0 votes
2 answers
84 views

Disabling a feature until a button is pressed

So I'm creating a dashboard that will allow users to sort through by date as long as the "live monitoring" feature is paused. I created 2 buttons, one for the pause/unpause feature and one ...
0 votes
1 answer
1k views

Yes/No Button Toggle Design

So, 2 design options for how to style the toggle button for Y/N answers. There could be anywhere from 4-12 questions on a single page. Which one is better and why? (I have a few thoughts on this ...
2 votes
2 answers
1k views

Table with a column of toggles and the ability to select or deselect all at once

I have a a table with a column represent with a toggle. I need to let the customer an ability to select or deselect them all at once. Did someone tackle this use case? I try some ideas, like toggle ...
4 votes
4 answers
635 views

Choosing sub-categories of a category to be observed or ignored

I'm working on an AI that can detect people and certain vehicles from a camera feed. The user can configure which of these "objects" they want to monitor. They can choose either people, ...
1 vote
1 answer
310 views

How can I design this toggle button to make more sense?

I have this toggle button that toggles whether "trails" are on or not. Currently, I have one button that changes it's own text to toggle the state from "ON" to "OFF". I'...
1 vote
3 answers
227 views

On/off functionality inside a dropdown?

I am working on a feature where the user can start a video recording of a YouTube live-stream. The feature is per default disabled. A required input for the recording to work is to select which stream ...
11 votes
6 answers
5k 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 ...
9 votes
4 answers
13k views

What's the difference between a toggle switch, radio buttons and a tickbox? What's the best cases these patterns can be used?

What's the best cases these patterns can be use?
0 votes
2 answers
220 views

Choosing checkbox over toggle switch for focus order?

Should I choose a checkbox over a toggle switch due to focus order? I personally prefer Option B because it's less eye catching than A, and I know a toggle switch is a metaphor for turning something ...
4 votes
3 answers
178 views

Is a sound toggle button relevant today?

I'm building a game which will be playable on desktop browsers and mobile devices. This game will have sounds for various actions. My question is whether including a sound on/off toggle is nowadays ...
1 vote
1 answer
287 views

Can I use both toggle switch and checkbox in one modal?

First of all, I am not a native speaker, I ask for your understanding even if the writing is weird. I'll explain it in as much detail as possible. If you need further explanation, please leave a ...
0 votes
1 answer
34 views

Is a single or bi-positional indicator better for a binary state?

I have a set of entities (notes) whose content can be either visible or hidden, independently for each note. There are two possible states for that property and I was wondering whether it is ...
-1 votes
1 answer
72 views

What are best practices for on/off toggle on sensitive/adult content (specifically when it comes to photos) example included?

For example, on a website that has a gallery of Breast Implant procedures before and after photos, if the photos are blurred by default with an eye icon and users have to click on any one of the ...
4 votes
4 answers
568 views

What's the purpose of a "Pause Animation" button on a loading animation?

Many of the loading spinners on Chase bank's rewards portal have a "Pause Animation" button below them. Is there a reason to include this below animations?
2 votes
4 answers
193 views

Which is the best control for a digital checklist?

Designing an application that has a checklist for workers to fill out before starting routine Maintenance work. this includes a list of 10-15 safety checks. this will be used on an android tablet on ...
21 votes
8 answers
5k views

Mutually exclusive Switches

The software I am designing for has 3 functions, which can be turned on or off with Switches. However, due to how the software works, the following rules apply: At least one function must be enabled ...
15 votes
7 answers
4k views

Does an on/off switch still means on/off when positioned horizontally?

I'm working on a custom piece of hardware where a fan is turned on and off automatically. The user can override the decision of the automatic system through a switch. Activating the switch when the ...
20 votes
9 answers
5k views

How to indicate a checkbox/toggle is "always on"

I have a group of toggles (styled checkboxes) in my interface to activate/deactivate the visibility of input fields in a form in he front-end. Two of those inputs are required for the form to work so ...
0 votes
0 answers
28 views

Flashlight switch: display the desired state or the current state [duplicate]

Situation: I need to design a view in a mobile application (iOS + android) to scan qr-codes. The view needs a toggle to switch the flashlight "on" and "off". Problem: I first ...
1 vote
2 answers
638 views

Tabs or toggle to switch between contact forms?

I have a 1-pager with the primary objective being to have the (somewhat-qualified) user initiate contact of some sort. IT is for a SUPER, super small business, so a direct phone call would be both ...
4 votes
1 answer
826 views

Progressive Disclosure: Checkboxes vs Switches

I'm designing a web app that has forms where the user can turn features on and off with switches. When certain features are turned on, the form displays additional fields/controls that provide ...
1 vote
1 answer
76 views

Toggles awaiting response

I have toggles in my app that communicate with the backend. Is it bad to show a loader on click of the button until you have a response? It somehow doesn't feel right. Is it an option to just switch ...
37 votes
4 answers
6k views

Should a select all toggle button get activated when all toggles get manually selected?

I'm designing a feature where users can simply toggle to get notifications for each type of updates. There's an option that makes it easier to toggle all. My question is, if the user toggled all the ...
2 votes
1 answer
72 views

Design and implementation of right-to-left or left-to-right for web applications

To me it seems to be a rare sight, but I did notice that on the Material UI framework website there is a toggle/button to switch between left-to-right and right-to-left orientation of user interface ...
0 votes
3 answers
2k views

Can a toggle trigger pop up?

I had a doubt whether a toggle can trigger a pop-up screen/modal? But it's not a confirmation modal/pop-up screen. For example: Turning the toggle to ON state will open up settings modal.
1 vote
1 answer
326 views

How to display an 'either or' option in a setup page?

Hye guys, we are currently designing a setup process for a web app. At this stage, user has to select a type for the system where user needs to switch on either 'Type A' or 'Type B'. It is compulsory ...
1 vote
1 answer
309 views

Show/Hide Toggle for a Toggle

We have a toggle available in our main screen, to enable/disable an important functionality. Since, only 30% of our users use this functionality at least once per month, we are considering to (...
1 vote
3 answers
196 views

Toggle switch vs other solution

In my project I'm redesigning a search engine. As a default user is working in a Search mode, but when it turns out something does not exist a user can quickly change to "Create new item". ...
2 votes
2 answers
1k 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 ...
3 votes
2 answers
1k views

Should I use multiple icon for two states of toggle button

I have a simple bar chart component and I'm going to add a button which help user able to switch between two view modes. Let say: First mode called "relative view" (show percentage value of ...

1
2 3 4 5