Tooltips Best Practices
- 24 Jan 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Tooltips Best Practices
- Updated On 24 Jan 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
Use Contrast Colors to make the Tooltip Stand-out
Use contrasting colors that make the Tooltip noticeable on your desktop application. This is to ensure that the Tooltips are not lost on your interface.
For more information on contrast checking, see this contrast checker website that could help you decide.
Author clear and concise content
Use simple words and sentences while creating Whatfix content. Keep the description in your Tooltip brief and to the point.
Place images within the Tooltip
Ensure that the images you insert in your content don't exceed the width of the Tooltip or Pop-up to avoid any distorted images. Exceeding 270 pixels introduces a scroll bar.
Use brief descriptions in Tooltips
Ensure that your Flows use easy-to-understand and brief descriptions about your user’s next action.
Ensure the Tooltips don’t hide any elements on your website/application
Position the Tooltips so that they don't hide any elements on your page. In certain cases, the Tooltip could inadvertently hide certain important UI, leading to poor user adoption.
Choose an appropriate theme for the Tooltip
Choose the best available Tooltip theme to ensure the UI of the Tooltip matches your desktop application’s UI.
For more information, see Change the design of the Tooltip.
Add an End Message
Add an end message to all the Whatfix content to ensure your users are well informed about the next course of action.
For more information on adding an end message, see Customize the end message of a Flow.
Was this article helpful?