This question already has an answer here:
We are implementing a toggle to switch between two different ways of showing data in a table. I created a mockup for the toggle but shortly afterward realized that people are very divided in how they interpret toggle buttons. There seem to be two camps:
Toggle as depressed button. The darker side in this case indicates the current selection as it replicates the model of a pushed button or side of a switch. For example:
Toggle as a slider. The lighter side in this case indicates the current selection as it replicates the model of a slider being moved to one side to indicate preference. For example,
Obviously, these two methods contradict one another. Currently we are using method 1 but before we get any further along in development I wanted to confirm with a larger audience, which of these do you think is a more universal way of understanding/interpreting a toggle button's state? Or is this just a nebulous issue and it might be better to avoid toggles for this altogether?