From the offices of Worrell

5 Secrets of Apple’s UX Design

5 Secrets of
Apple’s UX Design

Apple is a darling of the design world, and for good reason. It consistently makes products with user interfaces so natural, toddlers can use them. A look into some of the factors behind Apple’s UX design reveals how its techniques can be applied in many other realms:

1 Investment in
Iteration/Prototyping

Black and white wireframes and an application prototype.
Apple is notorious for prototyping. By the time an idea makes it into a product, it has likely been built from scratch several times, and been through hundreds of rounds of iteration. Legendary are the stories of products being developed for years-only to be scrapped because they couldn’t be done to Apple’s high standards.

2 Metaphors
from Real Life

Bookshelf and page MRLs from Apple iBooks.
An “MRL” is an acronym we use at Worrell meaning “metaphor from real life,” and Apple has a clear understanding of how these apply in UX design. Gone are the days of abstract user interfaces, when conventions like the mouse, keyboard and hierarchical file systems were the norm. These tools seem unwieldy and impractical once you’ve used the iPad. In iBooks, you see your books on a shelf. Touch the one you want to read, and it folds open in front of you. A natural metaphor means users don’t need to learn or even remember how to do something, because it’s so obvious it couldn’t be done any other way. Combine these metaphors with intuitive gestures like pinch-zoom and flick-scroll, and you’ve got a killer natural user interface.

3
Modality

Calculator, compass, and sound recorder are examples of Apple's use of modality.
In UX-speak, the term “modal” means you’ve got something that limits what a user can do, such as a dialog box that must be closed before moving to another task. Apple has masterfully exploited the dynamic nature of a color display to create hundreds of bite-sized modal interactions-apps. Apps really only do one thing well, helping users focus on discrete tasks. Each of these “modes” has a distinct visual design that reinforces its specific purpose. With a growing body of research demonstrating that “multitasking” is not all it’s cracked up to be, modality helps provide much-needed mental clarity.

4 Visual
Transitions

Click to Animate
The transitions used when moving from one app to another on an Apple product not only look cool, they’re also critical in providing orientation for users. When you open an app, it zooms to the foreground, and the other app icons zoom past you. Close the app; it zooms to the background, and the other app icons zoom past you from behind, landing back on the desktop. These transitions establish a mental model of 3D space, and work in harmony to provide a spatial map of the interface.

5
Continuity

Apple's continuity.
Apple is great at anticipating what a user will need to do next, and then providing a means to accomplish this task. Remember when it was difficult to get music on your MP3 player? Now you can buy and download directly from the device. If Apple designed a razor, you can bet there would be a way to order blades built into the handle. Anticipating customers’ needs isn’t just good business-it’s a better user experience.

Karl Frankowski

User Experience Design Manager

Karl Frankowski heads up the UX team at Worrell.

2 Responses

  1. Hi there, I found your web site by means of Google while looking for a similar subject, your web site came up, it seems great. I have added to favourites|added to my bookmarks.

  2. Great summary of central great things that Apple’s thought a lot about. I think the visual transitions are especially fascinating in how they continue to develop away from early PC interactions to context-based interactions. A lot to think about!

Leave a Reply