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
0answers
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 ...
2
votes
1answer
48 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
1answer
55 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 ...
0
votes
1answer
46 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 ...
36
votes
4answers
4k 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
1answer
37 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 ...
1
vote
1answer
40 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
1answer
59 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
0answers
20 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 ...
1
vote
3answers
71 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". ...
3
votes
2answers
245 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
145 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
112 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
127 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
95 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
157 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
62 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 ...
2
votes
2answers
301 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
84 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
45 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
246 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
340 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
216 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
119 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
169 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
659 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
646 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
166 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
184 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
411 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
92 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
144 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
345 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
408 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
142 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
301 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
211 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
404 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
4k 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
407 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
364 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
270 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
194 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 ...
4
votes
2answers
162 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
698 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
607 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
196 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 ...