7

enter image description here

Which is more appropriate or more commonly used? Toggle switch labels on its right or on its left?

4 Answers 4

13

Labels on either side serve different purposes.

In reading order,
Labels before the switch (on the left or top for LTR languages) indicate what the switch is for.
Labels after the switch (on the right or bottom for LTR) optionally indicate the state of the switch.

Here's an example from Windows 10:

Windows 10 Toggle Switches

When you can't afford space, you can wrap the items without affecting the left-to-right-top-to-bottom reading order, as you see with the first 'Notifications' section of switches in the image above.

Windows 8 mobile also follows this approach, but wraps the state text to a new line for lack of space to the right of the button.

Windows 8 Mobile Toggle Switches

The opposite conventions would be applicable for a RTL language.

1

In English, I have almost always seen the Label, followed by the Toggle switch. I'm not sure if this would be the same in interfaces using languages that are not read left to right.

1

Its really vary upon different languages like LTR and RTL format Two kind of writing and reading format used : LTR(Left to Right) and RTL(right to left). Urdu/Arabic and Hebrew letter are RTL apart form that worlds all languages are going under LRT.

These above things are not main concern actually the concern things is about Cognitive Science and our mind set. you can see the example bellow two same page but in different language (English and Hebrew)

enter image description here

I can convey my communication in three language and all are from LTR, so its hard to set my mind to see the things from RTL. if you working for LTR languages like English then, i will suggest to better use right toggle switch

0

To answer straight labels should be "Right side".

Toggle Switch Label

2
  • In your example, 'Storage sense' is also a label, and technically it appears to the left/top of the button in reading order. It would help if you elaborate your answer.
    – SNag
    Nov 20, 2017 at 8:38
  • In your example, what do you mean by "straight labels"? When it's just on/off and not text that's longer?
    – J Bo
    Nov 30, 2017 at 19:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.