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:
A descriptive tooltip clarifies a UI element that lacks a visible label.
Examples:
An info tooltip defines terms or provides secondary details users might need without requiring them to navigate away.
Examples:
A single-step tourtip introduces a new feature or announces a single, time-sensitive update.
Examples:
A multi-step tourtip is used when a feature is complex enough to require more than one step to explain.
Examples:
