User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
My (mobile) interface uses switches, like this one:
What should I call this component for users?
I want to add a small text to my interface explaining what switches to choose in which situations so I want to tell the user "Select the switch below to...".
You'll say, if I have to explain how my interface works it's probably not a good interface, but that's not my question :)
When I design something like that and I have user whom I have to tell them to play with that toggle. I use "slider button' they easily understand what I want to say, they directly go there. In other way most of the user know what is toggle.
Android/Material Design and iOS call it a switch, Microsoft/Windows Phone refer to it as a toggle switch.
In your copy you could refer to it as either, my preference is 'toggle' which is specifically a two position switch.
I checked the Apple Style Guide 2013, Microsoft Manual of Style 4th Edition, and the Apple, Microsoft, and Google support sites for examples of their documentation. It looks to me like Apple and Microsoft don't reference the control directly for end users. Instead, they prefer you to describe the action or service for that control, though both might allow button if necessary.
switch (n.) Avoid using to refer to an interface element that offers the user two mutually exclusive choices--usually on and off. Instead, describe the action the user takes.
Tap to turn on Location Services.
Tap to turn airplane mode on or off.User lowercase for on and off, even though the control options are uppercase.
Avoid using the term slide; use tap instead.Apple Style Guide 2013, p.144
If your iPhone, iPad, or iPod touch won't connect to a Wi-Fi network
...Tap Settings > Wi-Fi and make sure Wi-Fi is turned on....
Set up a Wallet PIN on Windows Phone
- Turn on Wallet PIN [Toggle switch image], enter and confirm your new PIN (it must be at least four digits), and then tap Done.
Google appears to use the term switch
Connect to Bluetooth - Nexus Help
3.Touch the switch to turn Bluetooth On or Off.
As to not confuse users with range sliders (e.g. http://rangeslider.js.org), which you may use at some point in your interface, this control is a switch—just as you referred to it in your question—a type of toggle interface. Many users are familiar with hardware light switches and the idea of turning something on/off (toggling)—this interface control is literally a skeuomorphic switch.
For your copy, I would recommend associating the appropriate action such as, "Toggle the switch below to [state]" or if your product voice is more informal maybe, "Touch [or slide if the user actually slides it] the switch below to turn [on/off] [state]".
As with any interface language, be consistent and your users will learn quickly.
