When an item in a list has one of two possible states, how should the toggle switch behave when items have been selected that have different states?
Neither action is dangerous, but it may act on items in a list of thousands. In which case finding the items later on could be problematic. It's about as dangerous as starring or unstarring an item in gmail.
Some options that I am considering are:
- Disable the toggle button when incompatible states are selected. I can imagine many situations where this isn't a great UX and people may have to then search for the item that doesn't match the rest.
- Have separate buttons for each state. Overall more powerful, but then we will have to other problems:
- More room will be needed on the toolbar / actionbar. For mobile this may be an issue
- I need to find an icon that is the opposite of the first state. I could use the first (in this case pause) icon and simply draw a cross through it, but visually this it not very balanced.
- Show an alert when multiple states are selected and ask which state should apply to all of them. This is clean, but I'm not a fan of alert boxes unless they are really necessary.
- Have one state override the other when different states have been selected at the same time.
Which option is better, and why? Are there other options that I haven't considered?
Some notes here. We can't consider an individual toggle switch for each item (like starred items in Gmail) as there is no place for it without cluttering the layout with many selection points. The example here is just a mockup for the question.