Guided Tour
Design Pattern
Free weekly newsletter
Real UI patterns and design psychology in your inbox
Learn how successful products use UI patterns and behavioral design. One email a week from UI-Patterns.com and Learning Loop.
SubscribeAlternate titles: User Guided Tutorial, Just-in-time Tooltips.
Problem summary
The user wants to learn about new or unfamiliar interface features.
Example
▲ As you are about to update your blog post, just-in-time guidance is triggered to alert about a new feature
Usage
- Use when you want to help users along getting accustomed to your user interface.
- Use when you want to notify your users of new or unfamiliar features
- Use when your user interface is not self-explanatory
In the card deck
Guided Tour is one of the cards in the UI Patterns card deck
A collection of 60 User Interface design patterns, presented in a manner easily referenced and used as a brainstorming tool.
Solution
“Just-in-time” guidance is triggered as the user explores.
Allow users to learn at their own pace using tooltips, overlays, models, and alerts hinting optimal use of an interface within the context of everyday use. Connect hints with clear completion states. Too many and too plain hints lead to frustration. Don’t overdo it and be sure to allow escape.
Create a series of individual hints that progressively appear during the first-time use of a product or interface. Hints can be anything from tooltips, overlays, to modal alerts.
Some users appreciate the help and others don’t. Be sure to always allow escape; to dismiss your guided tour.
Product-guided vs User-guided.
Decide whether you want to let the tour be product guided or user-guided. In a product-guided tour, hints are automatically progressed in linear succession, while hints in a user-guided tour are triggered as the user reaches appropriate points in their experience. For user-guided tours, hints may appear in different orders for different users.
1 Patterns for new user experiences by Krystal Higgins
More examples of the Guided Tour pattern
