Tip overview
Tooltips and tourtips are the two tip types that surface contextual information anchored to a UI element. They serve different goals and audiences.
Tooltips and tourtips are the two tip types that surface contextual information anchored to a UI element. They serve different goals and audiences.
Tooltips reveal a label or additional information when a user interacts with a UI element. They are explicitly triggered and persist until dismissed.
Tooltips follow two semantic messaging structures:
Tourtips are implicitly triggered and temporary. Use them sparingly, only when an interactive guide is needed to explain new or complex features.
Tourtips follow two semantic messaging structures:
Clarifies a UI element that doesn't have a clear label.
Examples:
Provides secondary, helpful context such as jargon or technical terms, without requiring users to leave their current page.
Examples:
Introduces a new feature or communicate a timely, one-off update.
Examples:
When a feature or update is complex and requires more than one piece of context to understand. Each step communicates only one idea or action.
Examples:
