You can use Tips to give instructions, explain how to do something, or let users know about something.
Tips tooltips provide additional context and information to your users. Individual Tips are created within Sets, which are groups of Tips appearing on the same form or page.
Tips can be used instead of or along with Walkthroughs. Tips are ideal for helping to solve forms' problems, as well as providing a way to validate the information entered.
Additional information is displayed to users beyond what is on the page or in an input field.
It might be useful to place a Tip on a Name field to indicate that the user needs to enter both his/her first AND last name. The Tip on this field will appear constantly on the page and display the message "Enter your First and Last Name" when hovered over.
How it works
Tooltips can appear on icons or directly over selected elements. If the Tip is set to display over the element, it will appear when the user focuses on the field (hovers, clicks or tabs into).
Sets are collections of related Tips that appear on the same page.
Similar to Walkthrough steps, Tips are created within a Set. No Tip can exist without a Set, just as no Step can exist without a Walkthrough.
The first step in creating Tips is to create the Set in which they will be grouped.
- Create a new Tips Set
- The Tips within the set will all appear on the same page
- Add a Tip inside the set
- Enter a Guidance message (required)
- Choose between using an icon and the element itself (None option)
- Set a design, color and position of the icon
- Refine the position of the Icon and Tooltip
- Add another one
- Preview the new Tips