Questions tagged [toggle]

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

Filter by
Sorted by
Tagged with
3
votes
2answers
168 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 ...
3
votes
2answers
131 views

How to allow editing while still being disabled?

I'm currently working on settings for a tool that sits on top of client websites (something similar to Intercom chat). The settings are presented as a list of "cards" similar to the example ...
2
votes
3answers
86 views

label arrangement of the toggle button [duplicate]

I'm working on a camera switching feature. I'm thinking about the arrangement of the label of the button. To me, we can prompt the user to slide right to enable the front camera and in order to enable ...
15
votes
3answers
1k views

Toggle states display

I am redesigning a set of toggles where some of them can be activated and deactivated by using a standard pattern. However, some of them are activated by default due to admin permissions but can't be ...
2
votes
2answers
63 views

Adding tick and cross inside a toggle button

Is it a good UX to add a Tick or cross inside a Toggle button? According to what I feel it is too overwhelming for the user to show extra information about the status through tick and cross. Can you ...
1
vote
1answer
89 views

What's the best control to toggle between three states?

Background I have a list of statements that make up a definition. In this case it's for healthcare so its attributes about a person. Currently, we have a checkbox to allow someone with the knowledge ...
1
vote
1answer
63 views

Usability of toggles as a filter or sorting mechanism

I looked up a website (page link here) and noticed this at the bottom of the page (one of the few times that I managed to scroll that far): It shows a toggle being used to sort the comments added at ...
1
vote
0answers
45 views

Tooltip text on a toggle icon - Action or Status

We have a toggle action icon Lock/Unlock. In our system, we display the action the button does (e.g. "X" will display the tooltip delete). the problem is that a toggle button contains both the ...
1
vote
2answers
200 views

Emoji vs. Switch for choosing light/dark theme on a navigation bar

The previous version of my website had a toggle/switch for changing the color theme between light and dark modes (for fun and practice). Here's what that looked like: More recently, I decided to ...
0
votes
1answer
83 views

Add an element to an interface without increasing the complexity of the layout

I need to implement a text and a switch to a login interface. This is what I made: The problem is that I think it is a bit inappropriate, considering the layout and colors chosen in the interface. ...
1
vote
1answer
44 views

Entering data fields in a table where rows have a hierarchy

Situation: A store is adding in how much money has been spent on products in their store that week. They can enter the figures either at the individual product level, or at the brand that product ...
1
vote
1answer
102 views

Toggle button on a table field

I'm thinking of using a toggle button to publish/unpublish a product in a table field. What is your view on using a toggle button and keeping a field clickable in a table?
1
vote
2answers
207 views

How can I best display a three-way toggle (show, show all, and hide)?

I'm creating a filter for a search and I am wondering how to best approach this interface. I have a bunch of events in a database and my website displays certain events based on the user's criteria. ...
1
vote
3answers
181 views

How to solve the ambiguity of selected state in a segmented control with just two segments?

I'm working on a web application that has two similar data grids in a page. User should be able to switch between these two data grids within the same page. I have used segmented buttons to navigate ...
2
votes
2answers
115 views

Single Pole Double Throw U momentary switch UI control

I have a designer working on a 3 position momentary control: it's something like a typical boolean control, with a circle inside an oval to designate on/off states, but in this case the normal ...
0
votes
2answers
164 views

Is it a bad practice for a required switch to start without having any option checked?

I currently have several (required) components in a form, in which I must select only one option (of the 2 that exist). The previous designer used a switch, however the first time none of the 2 is ...
0
votes
3answers
403 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.
0
votes
2answers
471 views

Avoid toggle switch on any page with save button?

I'm currently working on a tool which more or less requires a submit/save button on every page. This is due to avoid any immediate effect on the end user who consumes the content. Sometimes, it feels ...
1
vote
2answers
148 views

Dependent checkboxes behaviour

Context: In a form, there are 2 main sections - Boosters and Filter. If any Booster is checked, the Filter section cannot be checked and if filter is checked, no boosters can be checked. The ...
3
votes
3answers
164 views

Toggle switcher explanation. Use or don't?

Is it necessary to use toggle explanation? In my case toggle have 2 options: YES or NO. Which one would you use and why?
1
vote
3answers
299 views

A checkbox that can interact / display 4 states with nested child elements

I have read discussion about tri-state checkboxes and even those are controversial - we have an even more complex problem with our software. We need 4 options and can't figure out best way to do this ...
36
votes
3answers
4k views

Cookies - Should the toggles be on?

I'm not sure if the details of the cookies, GDPR policies, should be on by default or not? Is it bad or just convenient for the company? And should I have a Reject All and Accept All?
1
vote
1answer
91 views

Configuration for a timegrid

I have a React+Bootstrap app which displays a timeline of events, to which the user can add a grid, with vertical markers at regular intervals. The default interval is 1 second, so a vertical line is ...
0
votes
1answer
139 views

Nav Bar or No Nav Bar

I am creating a mobile app that has a flat hierarchical structure. Users will primarily navigate using a slide-out menu (nav drawer). The screens at the top hierarchical level of the app have toogle ...
4
votes
2answers
298 views

Best practices about options and toggles

I'm a developer building a data visualization page and I need a bit of advice on UX design, hope someone can help me! The product is a visualization SaaS that shows our users data in a novel way. ...
4
votes
4answers
352 views

Usage of switch box, checkbox or radio button for a visibility flag

Scenario I have a visibility flag against document attached to a student profile. Administrator is the persona of Student profile. Administrator manages student profile and in the student profile we ...
0
votes
2answers
139 views

Using switch to update the choice

I am working on a mobile app which has an update settings page. For one of the settings, values can be entered either using UI1 or UI2 (2 different ways) By default, UI1 is displayed, as it is ...
0
votes
1answer
232 views

For a sound on/off toggle, when should I play click button sound effect?

For example, suppose my app has some sound effects when click some buttons, and I have a sound toggle button, which clicks to turn on sound, and clicks again to turn off sound. My question is, when ...
0
votes
3answers
77 views

Need help for naming a switch on our website

I need help for naming a switch on our website. Our company provides online education services. On our website, learners can view learning materials and content. The learning materials and content ...
0
votes
2answers
202 views

Display the values of a boolean criterion and which one it takes

In the app the user is profiled according criteria. Let's say a criterion has 2 values : Aerial or Ground. What would be the best way to display the value of this criterion ? The value of this ...
1
vote
2answers
343 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 ...
1
vote
3answers
3k views

Radio buttons on mobile?

I'm dealing with a case where it is absolutely mandatory that a user answers "yes" or "no". For instance, a question like "Were the police called?" needs a solidified response. An easy way to do this ...
4
votes
3answers
394 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?
5
votes
2answers
307 views

UI to best convey whether results of selections in a filtering interface return intersections or unions (and/or)

The problem I'm working on an interface that allows students to find study spaces on campus, including filtering (faceting?) those spaces based on different categories. Current feedback from both ...
5
votes
1answer
252 views

What is the pattern for displaying the state of a thumbs up thumbs down button pair?

I'm looking for a pattern that clearly lays out how to make the pair of buttons look clickable (or tappable) in the following states: Nothing has been selected yet One of the two options has been ...
3
votes
1answer
187 views

Is showing temporary result immediately better ux than showing a loading indicator until a result is available?

Use case: There is a toggle button a user can click on it. After the user clicked on it, it should show a result, success or failure. It takes some process time to calculate the result. Unless error ...
3
votes
2answers
123 views

Ideas for placing tab-specific actions

I've got the following tabbed interface Each tab is a scrollable list of items that can be marked as checked or not. You can click on the blue button on the top right to add a new item to the ...
1
vote
2answers
505 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 ...
2
votes
4answers
511 views

“Intermediate” state of a two-level toggle/switch control

EDIT: The pizza example below is not my use case, it was merely used for demonstration. My use case contains grouped system options that can either be turned on/off completely as a group or be turned ...
1
vote
3answers
172 views

What should be the color of ON state so that user doesn't switch it off?

I am working on one plugin for the Outlook. This plugin is for email sharing. When user tries to compose email a notification butter bar will come up in compose window and will say that particular ...
1
vote
2answers
60 views

Hide 'OFF' Button in Dropdown or make it a separate Button

Everything in one Dropdown or a separate binary-Button to activate Dropdown choice. The latter one requires more clicks and mouse movement but somehow feels better to me. What do you think? Sorry if ...
0
votes
2answers
220 views

Configuring an item in a list of items

The Ask: Working on a problem where I have to be able to select/enable various levels for an individual item (box). Perhaps what I have is not that bad. Issue is there might be 10+ items (box) in ...
3
votes
2answers
765 views

Toggle Switch with Delayed State Change

As seen in the very popular answer:"Should a toggle button show its current state or the state to which it will change?", we have very good guidelines for implementing toggle buttons. Unfortunately, ...
0
votes
1answer
914 views

Two state switch/toggle - Should the “on”/“active” state be on the left or on the right?

I recently looked for switch examples to figure out if the On/Active option should be on the left or the right. In most cases, the switch is on the right when it shows the On/Active state. (that's ...
1
vote
1answer
1k views

Show or hide password - icon or textual?

Allowing the user to toggle visibility is becoming a more standardised part of forms, and in my opinion for good reason. I'm however unsure what the best way to denote this ability is; an icon or a ...
2
votes
3answers
748 views

Should I translate ON and OFF in a switch element?

Should a switch UI element that contains the words "ON" and "OFF" be translated, or is it ubiquitous enough to be understood everywhere and not cause confusion? Is it globally recognized? Or perhaps ...
4
votes
4answers
4k views

Should a toggle switch's label be on its left or right?

Which is more appropriate or more commonly used? Toggle switch labels on its right or on its left?
1
vote
2answers
179 views

Using tags on the products page

I have a question about the products page navigation. At this moment it is sorted in the tabs f.e. vendor, kit, performance etc. When you open the vendors tab there is categorization by the vendors ...
1
vote
0answers
40 views

Microsoft Office Plugin Enabled/Disabled Indicator?

I want to design a plugin (addin) for Microsoft Office, where I want people to use it while writing emails via Outlook. Also, I want to use my brand colors (flexible, not a major constraint). The ...
4
votes
4answers
1k views

How to best filter data with multiple toggle buttons?

We have a web app that displays a list of items as tiles. Each item can have zero to many 'tags' which can be used to filter items using a row of toggle-able buttons at the top of the page. There will ...