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.
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):
The problems that I can see with sliding toggles that has more than two states are:
- How to indicate the different states/statuses unambiguously
- How to provide interactions with good affordance and ease of ease
- 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?