How to create good Tooltips

Tooltips are informative hints for individual elements that are displayed when a user interacts with the external application (e.g on hover or click)

How to create good Tooltips

  1. Keep the content as short as possible, but don’t make it redundant.
  2. Provide Tooltips text for each application language to communicate with your users in their preferred language. 
  3. Use tooltips to provide additional information that can help users finalize a process or explain unknown words, features or specific error messages.
  4. Think like a user, understand their needs and the struggles that they may have while using an application, and highlight with Tooltips the elements that are not self-explanatory.
  5. Don’t cover content or functionalities with the Tooltip for this you can use Guides as for Tooltips we don’t provide box location functionality - only icon positioning. 
  6. Avoid to provide essential information within a Tooltip that could blocks a user from finalizing a process as the user need to hover over the element to get that information.
  7. Remove cluttered text from the underlying app and add Tooltips for unlabeled icons or buttons - used whenever contextual help is needed.
  8. For lengthy forms, make use of Tooltips to help the user explain what they need to add in each field.
  9. For specific errors to explain what the error message means by using the content selector for this specific error message.

ℹ️ For optimal results, combine Tooltips with Announcements and Guides for new feature launches on your application. 

User Icon

Thank you! Your comment has been submitted for approval.