Team 4 Principle #3: Discoverability

Discoverability

Discoverability refers to how easy it is to determine possible actions, and how to complete those actions when a system or object is unfamiliar. Think about objects you have interacted with for the first time like a coffee maker in a hotel room. Did you know how to use it by looking at it for the first time or did you struggle? Often, people blame themselves when they don’t immediately understand how to use something, but it’s not their fault. If it’s a common object like a phone or coffee maker, it should be intuitive to use, even if it’s the first time. The way to achieve this is to make the actions of the system discoverable.

Discoverability is not a single principle all on its own because depends on several design principles working together: affordances, signifiers, mapping, and conceptual models. Affordances are the relationship between the properties of an something and the ability for the user to determine how to use it. Often, affordances have signifiers that demonstrate how to use it, thus giving the object affordance. Mapping helps the user understand the relationship between different elements, and conceptual models display how a system works. Having a conceptual model of how the system works and being able to see how the various elements connect to each other help the user understand the system and how to operate it. When all of these elements are working properly, the user is able to discover what to do to achieve their goal. It just feels easy and intuitive to use without a lot of effort or understanding.

Example from the readings

Norman and Tognazzini[1] asserted that Apple eliminated discoverability when the moved to gesture-based interfaces because it was no longer apparent to the user how to control the system.

Examples from the Web

2011

Amazon's homepage from 2011 with all departments visible on left side
In 2011, all of Amazon’s departments were easily discoverable through a persistent menu on the left side of the screen. Image src: Wayback.com
2012 2015

In 2012, the menu was hidden under a “Shop all departments”, reducing the discoverability. Image src: Wayback.com

A
In 2015, the masthead changed from white to dark blue and a triangle was added next to department to signify there was a menu available, increasing discoverability. Image src: Wayback.com
2017 2018

Amazon's homepage with Departments plus a triangle signifying where Departments are located.
In 2015, “Shop by” was removed. My guess is that this do not reduce discoverability. Image src: Wayback.com

Amazon homepage with departments collapsed behind a hamburger menu.
Currently, the departments are in a hamburger menu next tot he Amazon logo. Image src: Wayback.com

Example from the World

Coffee maker touch screen shown on and off. In the off screen, the controls for the drink choices are still visible.
This is the control screen for a coffee maker. To see all of the controls, the screen must be touched to turn on. Even when the screen is off, some of the controls are still visible so the user is still able to discover how to operate the system and what choices are available.

Works Cited

[1]Norman, D., & Tognazzini, B. (2015). How Apple is giving design a bad name. Retrieved from: https://www.fastcompany.com/3053406/how-apple-is-giving-design-a-bad-name

Leave a Reply

Your email address will not be published. Required fields are marked *