Tooltips are short information messages that become visible when users interact with a graphical interface (GUI) element. Tooltips can be initiated in two ways:
Tooltips are very specific, as they are attached to particular UI elements such as icons, buttons, text links, etc., and they provide details regarding that particular element. Tooltips do not explain the entire user flow. Tooltips are user-triggered. Therefore, they do not distract the user from the main goal.
Tooltips vs. popup tips: As a hover gesture initiates tooltips, they are limited to desktops and laptops and not on touchscreens. Popup tips, on the other hand, can be used for touch screen interfaces. However, this shot will focus on tooltips.
Below are the user guidelines for when to use tooltips.
The image above shows that it is unnecessary to show a tooltip when the information is already present on the UI element.
Do not use for information vital for completing a task: Tooltips are sources of additional information and not information that is important for task completion as tooltips disappear. In contrast, such information should be present for the user to see all the time.
Use tooltip arrows: When several icons are present side by side, it can be difficult to identify which element the tooltip belongs to. Therefore, we should use different arrows.
Tooltips are effective tools that can help increase user understanding. However, it is important to ensure that they follow the general UI guidelines, such as appropriate contrast with the background and not blocking other elements.
View all Courses