Tuesday, November 14, 2017

gui design - How should a multi-state toggle slider with more than two states be implemented?


The toggle slider is a very common pattern on mobile devices for iOS and certain web applications, however they work well for only a dual-state switching. enter image description here


When it comes to more than two states, the interaction and behaviour for the sliding toggle breaks down, and the most common strategy is to implement a button group that has a toggle-like behaviour, such as the one below (also known as a segmented control for iOS):



enter image description here


The problems that I can see with sliding toggles that has more than two states are:



  1. How to indicate the different states/statuses unambiguously

  2. How to provide interactions with good affordance and ease of ease

  3. Whether there are better alternatives or if there are specific circumstances when this is the best pattern to solve the UI design problem.


Has anyone seen good examples of toggle sliders with more than two states implemented?




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...