Learn How Apple Integrates Shneiderman’s 8 Golden Rules

Learn How Apple Integrates Shneiderman’s 8 Golden Rules

Follow Ben Shneiderman’s ‘Eight Golden Rules of Interface Design’ if you want to design great, productive and frustration-free user interfaces. Apple, Google and Microsoft are among some of the highly successful companies whose well-designed products reflect Shneiderman’s rules. The characteristics derived from Shneiderman’s golden rules can be recognized in various user interface guidelines produced by corporate giants like the companies mentioned above. The visual embodiment of these rules is even more evident in the resulting popular interfaces they produce. This article will teach you to improve your work by integrating the 8 golden rules.

Apple Inc., a large North American technology company is a great example of how designs reflecting Shneiderman’s eight golden rules can lead to successful products. The company has achieved great success in everything from their Macintosh to their mobile devices. They pride themselves in their consistent, intuitive and beautiful designs. Apple’s iOS Human Interface Guidelines, shared publicly in mid-2014, offers a glimpse into how their design team has been applying design principles like Shneiderman’s.

1. Consistency

“Consistency” and “Perceived Stability” are woven into the design of Apple’s Mac OS. The Mac OS Menu Bar is designed to contain consistent graphic elements regardless of whether it’s a version from the 1980’s or the 2010’s.

Author/Copyright holder: StockSnap.io Copyright terms and licence: CC0

Author/Copyright holder: StockSnap.io. Copyright terms and licence: CC0

The look of Mac OS over time. Mac OS Menu Bar stays consistent.

2. Shortcuts

As mentioned previously, Mac allows users to use a variety of keyboard shortcuts, commonly used examples include copy and paste (Command-X and Command-V), and taking screenshots (Command-Shift-3).

Author/Copyright holder: StockSnap.io. Copyright terms and licence: CC0

Mac allow users to forgo mouse-clicks by providing them with keyboard shortcuts.

3. Informative Feedback

A great example of visual feedback can be seen when a file becomes “highlighted” as the user clicks on a file on a Mac desktop. Another example is when the user drags a folder across the desktop, they can see the folder represented as physically being moved as they hold down their mouse.

Author/Copyright holder: Euphemia Wong. Copyright terms and licence: Fair Use

The ‘Learning’ folder becomes highlighted as the user clicks on a folder on a Mac desktop.

Author/Copyright holder: Euphemia Wong. Copyright terms and licence: Fair Use

The folder is represented as physically being moved as the user holds down the mouse and drags a folder across the desktop.

4. Dialogue

As the user installs software to the Mac OS, an informative screen shows what step the user is currently at in their installation.

Author/Copyright holder: Google, Inc. Copyright terms and licence: Fair Use

As the user installs the program “Parallels Desktop 9”, it shows that it is currently “copying files”.

5. Error handling

During software installation, users are gently alerted with an informative message if an error was made. It is important to recognize when to use smaller, less intrusive alerts and when to use greater alerts to warn a user depending on the severity of the error at hand. However, it is almost never acceptable to punish the user when errors are made, so be cautious and select the right tone and the right language when drafting an error message that will ultimately be read by your human-users. So don’t simply leave an error-code to “handle” it!

Author/Copyright holder: Google, Inc. Copyright terms and licence: Fair Use

A gentle error message is shown explaining to the user what was happening and why it was happening. It even goes further to reassure the user, telling them that they are in control (see ‘Support Internal Locus of Control’ below) by explaining that this is due to their own security preference choices.

Author/Copyright holder: Manutencaonet Blogspot. Copyright terms and licence: CC BY 3.0

A bad example by Windows displays an error message that uses the words “fatal” and “terminated”. Such negative, unfriendly words are sure to scare away most users!

6. Permit reversal of actions

When users make an error in providing information during the installation process, they are allowed to go back to the previous step instead of being “punished” by having to start over.

Author/Copyright holder: Euphemia Wong. Copyright terms and licence: Fair Use

The user can undo a previous action quickly and easily.

7. Support internal locus of control

Give users the power to choose whether to continue running the program or exit from it. Mac’s Activity Monitor allows the user to ‘Force Quit’ when a program has unexpectedly crashed.

Author/Copyright holder: Euphemia Wong. Copyright terms and licence: Fair Use

The user is able to Quit or Force Quit a program if it crashes.

8. Reduce short-term memory load

As humans are only capable of retaining 5 items in our short term memory at one time, the Apple iPhone has stuck with allowing only 4 app icons to sit in the main menu area at the bottom of the screen. This decision does not only involve consideration of memory load but also considers consistency as well.

Author/Copyright holder: Brian Voo. Copyright terms and licence: Fair Use

Author/Copyright holder: Pixabay. Copyright terms and licence: CC0

Great examples of how Apple implements the rules of consistency (1st rule) by displaying the same bottom menu across different versions of the iOS. This is also a great example of how Apple reduces short-term memory load (8th rule). As humans are only capable of retaining 5 items in our short term memory at one time, the Apple iPhone has stuck with allowing only 4 app icons to sit in the main menu area at the bottom of the screen, regardless of whether it’s the iOS 4 or the iOS 7.

Worksheet: How You Can Apply Shneiderman’s 8 Golden Rules to Your Interface Designs

Your job as a designer is to make your user’s lives easier by creating intuitive, well-designed and frustration-free user interfaces. Applying Shneiderman’s eight golden rules of interface design will help you do just that. Here’s a worksheet for you to work through as you learn to apply these rules to your designs.

Download PDF here.

The Take Away

When you follow Ben Shneiderman’s ‘Eight Golden Rules of Interface Design’ you will design great, productive and frustration-free user interfaces just like Apple, Google, and Microsoft. From Macs and PCs to mobile devices or virtual reality and any other interactive technologies to be invented in the future, as long as your designs involve interaction between humans and an interface, these eight golden rules are paramount in the design process and not to be missed. To get started, go ahead and use the attached worksheet to learn to apply these rules to your work.

 

Author/Copyright holder: Marc Smith. Copyright terms and license: CC BY 2.0

 

Related Posts

No posts were found for display

Leave a Reply

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