Tooltips Best Practices
- 31 Jan 2025
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Tooltips Best Practices
- Updated On 31 Jan 2025
- 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 to make the Tooltip noticeable on your desktop application. This ensures that the Tooltips do not blend into 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 when creating Whatfix content. Keep the description in the Tooltip brief and direct.
Place images within the Tooltip
Ensure that images inserted in the content do not exceed the width of the Tooltip or Pop-up to avoid distorted images. Exceeding 270 pixels introduces a scroll bar.
Use brief descriptions in Tooltips
Ensure that Flows use easy-to-understand and brief descriptions of the user’s next action.
Ensure the Tooltips don’t hide any elements on your website/application
Position Tooltips so that they do not hide any elements on the page. In certain cases, the Tooltip may inadvertently obscure important UI, leading to poor user adoption.
Choose an appropriate theme for the Tooltip
Select the best available Tooltip theme to ensure the Tooltip UI matches the desktop application’s UI.
For more information, see Change the design of the Tooltip.
Add an End Message
Add an end message to all Whatfix content to ensure 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?