Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Mute On, Mute Off?

DZone's Guide to

Mute On, Mute Off?

Sometimes the simplest things are overlooked, making a beautiful application seem impossible to decipher.

· Mobile Zone
Free Resource

Launching an app doesn’t need to be daunting. Whether you’re just getting started or need a refresher on mobile app testing best practices, this guide is your resource! Brought to you in partnership with Perfecto

Sometimes I’m amazed when very simple usability problems are overlooked in an otherwise good design. Google Maps is a great mapping app, with one major exception – turning off the audio directions. As you read this, you might at first think, “Big deal! That’s not that hard to figure out.” But remember that this is an app that people use while driving. So it needs to be extremely easy to turn on or off the audio directions.

So how do you turn off the audio? You might think to tap on the menu icon in the lower right corner, and look for something that says “Audio” or “Sound.”

Google Maps app main screen

But instead of an Audio or Sound setting, you see the Mute setting – Off. This is not a button that performs the action Mute, but a property called Mute with the state On or Off. Why is that a problem? It’s exactly backwards to reality and expectations. Sound or Audio is the property that people want to turn on or off, not Mute.

Google Maps app Mute off settingGoogle Maps app Mute on setting

Mute On or Off requires you to stop and think, “Mute is off. So that means… audio is on, I guess? Yes, I suppose that’s what it means.” Keep in mind that you’re looking at the screen and thinking about this as you hurtle down the highway at 70 miles per hour.

It would be much more natural if the setting was Audio – On/Off. Yes, we’re all familiar with Mute buttons to turn off audio, but those are action buttons. Pressing a mute button performs a muting action. That’s different from a Mute property with On/Off states.

Mute On/Off is like a light switch with the label Darkness On/Off. It’s the exact opposite of what you normally expect and requires you to perform mental gymnastics to figure out what it will do. Keeping with the light switch comparison, a Mute button is like a single button with the label “Turn off Lights.” Neither of those cause confusion because each is a single action that tells you what will happen when you press it.

How else could this be designed?

The other major navigation apps handle turning the audio off in a much more natural manner. Apple Maps has a Navigation Voice setting, with the options, “No Voice, Low Volume, Normal Volume, and Loud Volume.”

Apple Maps app navigation voice settings

Waze has buttons for Sound On, Alerts Only, and Sound Off.

Waze sound settings

These apps provide options for concepts that we easily understand (Sound and Navigation Voice) and match what we want to do – turn them on or off.

The lesson is, provide natural-language labels for functions and actions that your audience understands. Stick with conventions used elsewhere, and avoid technical terms (like Mute) when natural language (Sound On/Off) will be more understandable. And when in doubt, test with users to find and fix problems like this.

Keep up with the latest DevTest Jargon with the latest Mobile DevTest Dictionary. Brought to you in partnership with Perfecto.

Topics:
app ,switch

Published at DZone with permission of Josh Anderson, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}