post

Footer About

Footer Contribute

Footer Get Involved

Footer Links

Mind the Product

Artificial intelligence (AI)

How to build AI products that users trust: 3 core focus areas to stay user-centric

Product Operations

Leading product ops at Delivery Hero with Koen Dunbelaar

B2B product management

Artificial Intelligence (AI) & Machine Learning (ML)

Building Product Teams

Business Strategy

Data Driven Product Management

Digital Transformation

Diversity and Inclusion

Minimum Viable Product

OKRs

Prioritisation

Product Design

Product Research

Product Development Process

Product Ethics

Product Discovery

Product Leadership

Product Management Career

Product Strategy

Stakeholder Management

🌎 <a href="https://www.mindtheproduct.com/world-product-day/" style="color:#FFFFFF;text-decoration:underline;">Happy World Product Day!</a> Be sure to celebrate product, yourself, and your peers today! 🎉

Connecting fans to creators at Spotify (Dariusz Dziuk, Product Lead, Spotify)

Mistakes, learnings, and a product person’s relentless journey into leadership

Everything wrong with the product management job market. And how to fix it

My key lessons from creating digital product for the MENA region 

<a href="http://hildebrandtassociates.com">Peter Hildebrandt</a> has led R&amp;D and product marketing teams for over 12 years and consulted with many Fortune 500 companies on design, usability, and user interface design. He is the founder of <a href="http://hildebrandtassociates.com">Hildebrandt Associates</a>, which helps bring the user into the design process.

Peter Hildebrandt

Have you ever found instructions on the shower faucet in a hotel room?  I’ll bet you have. Here is the shower in a Sunnyvale hotel at which I recently stayed. The faucet was so complicated to use that they had set aside a tile with instructions on how to use it.
<a href="https://www.mindtheproduct.com/wp-content/uploads/2013/07/Shower-Control-Operation-small.png"><img loading="lazy" decoding="async" class=" wp-image-3350 alignnone" alt="Shower Control Operation (small)" src="https://www.mindtheproduct.com/wp-content/uploads/2013/07/Shower-Control-Operation-small-300x300.png" width="400" height="400" srcset="https://www.mindtheproduct.com/wp-content/uploads/2013/07/Shower-Control-Operation-small-300x300.png 300w, https://www.mindtheproduct.com/wp-content/uploads/2013/07/Shower-Control-Operation-small-150x150.png 150w, https://www.mindtheproduct.com/wp-content/uploads/2013/07/Shower-Control-Operation-small.png 1000w" sizes="(max-width: 400px) 100vw, 400px" /></a>
I probably could have figured out this shower without the instructions, but in our guest room at home we have a shower control that really needs instructions. Before reading on, take a look at this photo and decide how you divert the water to the showerhead from the tub.
<img loading="lazy" decoding="async" class="alignnone wp-image-3353" alt="Our Shower (small)" src="https://www.mindtheproduct.com/wp-content/uploads/2013/07/Our-Shower-small1-195x300.jpg" width="260" height="400" srcset="https://www.mindtheproduct.com/wp-content/uploads/2013/07/Our-Shower-small1-195x300.jpg 195w, https://www.mindtheproduct.com/wp-content/uploads/2013/07/Our-Shower-small1.jpg 500w" sizes="(max-width: 260px) 100vw, 260px" />
Did you figure it out? If so, you’ve either encountered this set-up before or you’re very smart. To divert the water to the showerhead, you pull directly down on the rim of the tub spigot.  Obvious, no? Every guest that has stayed in our house has asked how to operate the shower. We probably need a sign.
These are great examples of products that are not designed well.  Shower controls, like all products, should provide an &#8216;<a href="http://en.wikipedia.org/wiki/Affordance" target="_blank">affordance</a>&#8216; (way of manipulating it) that naturally indicates the function.* For instance, a lever that points up toward the shower or down toward the tub might make more sense to indicate whether the shower or tub gets the water. The way the lever faces provides an obvious clue as to what it does, in this case by pointing to the fixture it will affect.
As a product developer, it’s important to create a model of the variables you want your users to control. For a shower control, there are three separate variables: water temperature, water flow and whether the water is going to the shower or the tub. In the design, controls for each of the three variables should be designed thoughtfully to indicate their use without labels. Labels that explain how to work a product usually indicate that the designer skipped this step.
Whether you are designing a washing machine, an MP3 player or a website, there are some basic rules you can follow to eliminate labels on your controls.
<ul>
<li>Make the shape of the control have an obvious &#8216;affordance&#8217; as to how to use it. Examples of this are door handle levers that rotate, light switches that flip up for on and a toothbrush handle (it’s not likely to be used backwards).</li>
<li>Make the shape of the controls the same as the thing you are controlling.  Some electric car seat levers mimic the shape of the seat bottom and back – tilt the lever back to tilt the seat back.</li>
<li>Make controls uniquely shaped so that once a control is learned it’s remembered by feel. Some Sony clock radios have a different texture on each button so you can feel your way around the clock radio in the dark.</li>
<li>Make controls you want people to use larger and proud, such as an emergency stop button on a printing press. Conversely reduce the size of and recess controls that you don’t want to be activated accidentally, like the power button on a laptop.</li>
<li>Focus on the most-used controls first. Not every control needs to be equally accessible or usable. For example, there are seven ways to boldface text in Microsoft Word, but only one way to do a mail merge, and that’s okay.</li>
</ul>
Most importantly, test your concepts for controls before putting them in a product. You don’t need a big usability testing lab to do this.  Bring in five to seven potential users, give them an assignment (like &#8216;take a shower&#8217;), and see how they use the prototype. You may be surprised when your controls aren’t as obvious as you thought. Change your design and test it again until new users have no confusion.
Well designed product controls don’t need labels. But you can’t simply remove the labels from your controls without also making sure they are obvious first. Doing the design work to make them obvious is well worth the effort. And one added benefit is that your product can then be used in any country regardless of language.  It’s a lot cheaper to design the product once than carry an inventory of 10 different localized versions of the controls. Your design will look cleaner, and I would wager you’ll sell more too.
&nbsp;
*If you’re interested in learning more about the design of shower controls, door handles, and refrigerator knobs, Don Norman’s seminal book <a title="The Design of Everyday Things" href="http://www.amazon.com/exec/obidos/ASIN/0385267746/peterhildebrandt" target="_blank">The Design of Everyday Things</a> is an outstanding read.  Don is widely regarded as the first person to apply the word &#8216;affordance&#8217; to the design of everyday objects, and his book should be required reading for all product designers.

Why Your Products’ Controls Should Have No Labels

Peter Hildebrandt

Read more

Comments