An important and often overlooked aspect of iPhone application design is how to facilitate the understanding of an interface and its functionality the first time a user downloads and runs the application. iPhone app designers aim to make an application intuitive and easy to use without relying on help or a manual to guide the user through how to use the app. However, there are times when an interface is most effective and efficient to use once some initial behaviors are learned.
iPhone applications that introduce new, innovative interaction models or that allow the user to access a wide range of information or complete several tasks often use first-time use help screens to help users learn how an app works. Below is a look at six design patterns that apps have leveraged to introduce functionality to their users.
A demo animates a series of screens showing the primary functions of the application. This can come in the form of an animated walkthrough in which key interface elements are called out within each screen, or in the form of a short (up to 30 seconds) video demonstrating functionality.
Tutorials allow the user to tap, scroll, and/or swipe through static images of the application that point out key interface elements and interactions.
Single screen overlays serve to point out key interface elements in context of viewing a specific screen. The overlay is typically used to explain the use of 1-5 controls in a way that is quickly read and then dismissed.
Example: Pulse News Mini
Walkthroughs help users learn actions used throughout an application by guiding users to complete a task step-by-step. Walkthroughs help users accomplish a task quickly. By doing so, walkthroughs encourage additional application use and exploration.
Tips provide the user with descriptions of functions within an application. Tips are generally displayed one at a time, with the ability to optionally view additional tips. Tips can appear either appear immediately upon launch, or appear upon the user actively opening a tips screen or overlay.
Single screen summaries are a very basic way of introducing what you can do on each of the app’s primary screens. An overlay containing a very short amount of text appears for a couple of seconds that describes what the screen represents. This overlay is typically only displayed once upon first visit to the screen and does not return upon subsequent visits.
Which pattern you choose to use to introduce functionality depends on a variety of factors:
For more examples and details about each of these patterns, visit my article on the topic: “Top 6 Help Design Patterns for iPhone Apps.“