Apple’s Big Usability Blunder – The Confusing On/Off Switch

Apple has always been known for one-upping it’s competitors on user experience rather than on hardware specs, and they’ve done it exceedingly well. I made the switch from Windows to Mac sometime in the last year and was impressed with how everything made so much sense.

I’ve also recently joined the movement and made the switch to iphone, a decision I made based on past experiences I’d had with other apple products.

Now overall I think the iphone has a great user interface and the overall experience is in most cases un-noticeable (a good sign – usually you would only notice a bad user experience). The exception though, is something that might surprise you (although I gave it away a bit in the title) – it’s the On/Off switch (just to be clear, I mean the On/Off switch in the settings, not the switch to turn your phone on).

Before I get into why I think the On/Off switch needs some work, I’ll just clear up what I think the characteristics of a good On/Off switch are.

As I mentioned earlier, a good user experience is usually an un-noticeable one. The more I have to think when using software, the more likely I am going to be to notice that my user experience has not been as easy and pleasing as it could have been. For something as simple as an On/Off switch then, I really should not need to think about it at all. This is where the iOS On/Off switch falls down.

Take a look at an apple iOS On/Off switch:

Airplane mode - set to off

Airplane mode - set to off

Can you see what I might be referring to about needing to think?

There are two possible ways of interpreting the current status of this On/Off switch, and unfortunately, they are opposite.

The first (and correct) way of interpreting the status of this switch, is that it says off, so it must be off. This might sound obvious and not open to mis-interpretation, but I beg to differ.

The other way that this could possibly be interpreted is that it’s a sliding switch, and ‘off’ is on the right hand side, therefore I need to slide it to the right to turn it off.

It may sound trivial and silly, but I actually struggled to figure out whether all my settings were on or off when I first got my iphone. Despite the fact that the ‘on’ setting lights up, I still couldn’t be sure. I probably don’t need to name an example of where a mis-interpreted On/Off switch could be troublesome, but here’s a worst-case.

Imagine a new user who mis-interprets whether airplane mode is on or off, leaving it off during a plane trip and causing the plane to crash! (I’m sure this is quite improbable and that flight mode is only an extra precaution, but you get my point).

So how could the On/Off switch be re-designed to provide more obvious feedback as to the current status? I spent a long time thinking about this and sketched quite a few alternatives. In the end though, the change I made was quite a small one.

iOS Switch Alternative

This alternative avoids confusion by combining both ways of interpreting the old switch.

This alternative avoids confusion by combining both ways of interpreting the old switch. It has  well-labeled on and off sides, plus it shows the current status more obviously than the opposite option.

What do you think? Does this fix the problem, or could you design a better version?

P.S. I’d be interested to see any other alternatives, if you post a link to your design in the comments I’ll add it to the post with a link credit.

  • http://twitter.com/ErikVeland Erik K Veland

    This seems to be in line with how the new tabs/sliders work in Lion. It would be odd if this didn’t filter back into iOS.

  • http://www.arwebdesign.com.au Angus Russell

    Haven’t seen Lion yet. Does it actually address this?

  • http://erikveland.com ErikVeland

    Well it did. They changed it back :/

    You can see a slider like it in Reeder for Mac.They’ve changed sliders slightly in iOS5, but sadly only cosmetic.

  • Minh

    Late comment, but have you ever used a light switch? When I first came to America and saw it I thought that was kind of different, but it’s great because it shows the status of thing. The light isn’t working, but the status says it on. I didn’t have to apply extra unnecessary step of The light is not working the slider says off which means it’s actually on. I got used to this rather quickly and I’m sure it’s a very fundamental build of how switches are build. I would not put both items on and off on at once, that could only lead to more confusion.

  • Steve

    I absolutely agree. This idea has been misinterpreted and misused where I work as well. The checkbox or a variation of that concept (filled in vs. not filled in) seems the logical way to go. If it is on touch and you’re trying to avoid people accidentally selecting or deselecting on scroll I think you still have the same problem. You don’t slide to turn on or off you touch. I just think the worst part is that you have to read and companies aren’t being consistent with it. Some companies are showing that it’s off with the text “off” showing and others are showing what to do with the “off” showing. I like your design on the right because the blue on the left still seems like it’s on to me,  but I still vote for checked vs. unchecked. Indented vs. non-indente is good though. There’s some good ones on dribbble that are more switch like. http://dribbble.com/search?q=on+off+switch

  • EACSOFT web design

    Heh, felt sorta leftout because I don’t use this feature. Being new to iOS though, I can say I was intimidated at first but eventually I found it a very user-friendly OS! Much better than Android.