All Questions
Tagged with toggle interaction-design
15 questions
3
votes
2
answers
221
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 ...
16
votes
3
answers
2k
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 ...
0
votes
2
answers
165
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 ...
3
votes
1
answer
251
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 ...
1
vote
1
answer
384
views
In Android quick settings menu why is Cellular data on/off option in a second screen?
In the quick settings menu that slides down from Android, all settings are activated or deactivated tapping the icon. With the exception of the sounds settings which needs to be choosen between 3 ...
4
votes
2
answers
2k
views
How to represent a switch "tabbed" state in Material Design?
Trying to determine a way to represent a "tabbed" state on a switch that looks like this:
Under the hood, it is just a checkbox that the user can tab-over and press enter to check/uncheck the box.
...
8
votes
7
answers
7k
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 ...
3
votes
2
answers
1k
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 Down ...
2
votes
2
answers
1k
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 ...
12
votes
6
answers
31k
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, ...
10
votes
5
answers
6k
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, ...
3
votes
2
answers
8k
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 ...
3
votes
2
answers
861
views
What UI is appropriate for banning and unbanning a record?
We have a list of words and phrases stored in a database that if a submitted article contains any one of them, we would automatically disapprove the article (and send the submitter an explanation). We'...
5
votes
1
answer
274
views
How does a 3d shading impact circular button use?
I recently ran across a circular smiley icon with lambertian shading, specular shading, and cast shadows. The effect was a little like a ball on a table.
Here it is:
Clicking the icon toggled an on/...
7
votes
3
answers
3k
views
Toggle button for actions
In our web application, we have a list of items for which multiple actions can be scheduled. If an action is available but not selected, it is displayed as a gray button. When the user clicks on it, ...