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
2answers
121 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
98 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
104 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
103 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
128 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
144 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
83 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
103 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 ...
3
votes
1answer
181 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
189 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
98 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
70 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
76 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
114 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
260 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
1k 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
295 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?
4
votes
2answers
192 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
189 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
166 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 ...
2
votes
2answers
89 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
223 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
3answers
281 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 ...
1
vote
3answers
128 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
52 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
111 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
564 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
556 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
955 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
619 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 ...
2
votes
4answers
2k 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
128 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
37 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
775 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 ...
1
vote
1answer
460 views

Best way to toggle data tree expanding/collapsing

I have a data tree that looks like this: The blue button in the header is the master toggle button to expand or collapse all items in the tree. The issue raised that I'm not sure the best way to ...
1
vote
1answer
218 views

Can there be nested toggle?

Can we have a nested toggle, which would function like "Select All" or vice versa? It's similar to a check box, but will be shown using toggle button. But there is a problem: If I've selected a ...
3
votes
1answer
130 views

Should I use a blacklist/whitelist toggle?

I've been meaning to add a feature to my application's config files that allow you to blacklist or whitelist certain users. Which one is a better mechanic? Mechanic 1 Block certain people { "...
0
votes
2answers
457 views

Are check-boxes OK in app design, or should I be using native switches? [duplicate]

Switch vs Check-box Today I had a debate with some of the iOS developers in my team about the check-boxes I have used on our app. They are very opposed to them, much preferring the iOS style toggles ...
1
vote
1answer
945 views

Button states: enabled, disabled and unclickable

I am using some toggle buttons. I already have the enabled/disabled normal button, the enabled/disabled 'special' button (the users know what it means), but I want also an unclickable toggle button. ...
0
votes
2answers
153 views

How to visually differentiate action toolbar buttons from toggle ones?

Toolbars generally have two types of buttons: Buttons that execute an action when user presses them. E.g., a file manager opens a separate command shell window. Buttons that switch application mode. ...
0
votes
2answers
89 views

Changing a logo&address when user changing a language

What is best practices for changing a logo&address when user is changing a language of the site? The site is now runing on sample.com/de Now we starting with new brand on othersample.de Any good ...
62
votes
21answers
19k views

Boolean switch with a third state

Note: everyone has seemed to have misunderstood this question. Literally, everyone. I am not creating some sign-up form, I am not collecting personal data. The form of which this is a part is used to ...
0
votes
1answer
121 views

Best way to toggle between scheduling options

I have two options available to my users. The first option allows them to schedule their own dates. The second option allows them to open and close a time window manually. They can only choose one or ...
3
votes
1answer
95 views

UI Suggestion for switching apps

Scenario : Just like in google switching apps from the top right corner cube button, where the user can quickly navigate to gmail, gdrive etc. I have kept the switching of app on the left side with a ...
0
votes
2answers
110 views

Whats the reason why it needs to have default value on toggle menu?

Filter button Users allow to choose the filter (toggle menus - Last 4 hours, Last 24 Hours, Yesterday, Last Week and Last Month) and the date range to change the details of a graph (not shown), if ...
1
vote
3answers
323 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 ...
4
votes
1answer
1k views

Android: Why do I have to unlock my phone to turn off WiFi?

When swiping down the notification bar on Android, you are receiving a selection of buttons which offer you quick access to toggle various functionalities of the phone like turn on/off wifi, toggle ...
2
votes
1answer
90 views

What delay should be present on a soft power switch?

I'm in the middle of writing embedded software for a 19'' rack mount LED lighting driver. The product includes a momentary rocker switch used as a soft power button which allows the user to place the ...
2
votes
1answer
734 views

Hide content under toggle on mobile, show on desktop by default

Is there any design pattern to hide content under the toggle / accordion on the mobile and to show it fully on the desktop? I have a list, that I'm hiding on small resolutions and showing on desktop....