Tooltips: For Optional Hints, Not Critical Info
Tooltips are hover-activated hints providing optional, extra context for UI elements. Use them to explain why a form field is needed or what an ambiguous icon means. The footgun is hiding critical info, like password rules, inside them.
Why it exists
Sometimes a UI element isn't entirely self-explanatory, but adding permanent helper text for every element would create a cluttered interface. Tooltips were created to provide this helpful, additional context on-demand, without overwhelming the user with information they may not need.
The mental model
A tooltip is a user-triggered, contextual hint. Think of it as a quiet assistant who only speaks when you point at something and linger, offering a brief clarification. It's for non-essential, "nice-to-know" information, not for critical instructions the user must follow to succeed. It is supplementary, not primary, content.
How it works
On a desktop, a user initiates a tooltip by hovering their mouse cursor over an element or by keeping keyboard focus on it. A small, temporary message then appears near the element. The message vanishes when the user moves the mouse away or tabs to another element. Because they rely on a hover state, tooltips are for desktop-only experiences and are not available on touchscreens. The mobile equivalent is a "popup tip," triggered by a tap on an info icon.
When to use it
Use tooltips to provide supplementary information that enhances understanding but is not required for the task. This includes explaining the purpose of an unfamiliar form field (e.g., "We use your email to send receipts"), clarifying an unlabeled icon (e.g., a camera icon in a search bar gets a "Search by image" tooltip), or giving the reasoning behind an unusual request. The content must be brief, helpful microcontent.
When not to use it
Never place information vital for task completion in a tooltip. This includes password requirements, formatting instructions, or any data the user needs to see while acting. Forcing users to memorize information from a disappearing box is a major usability flaw. Also, do not use tooltips for redundant information that just repeats an element's visible label; this adds noise and wastes the user's attention.
One canonical example
A shipping form asks for a user's email address. A user might wonder why this is needed. A tooltip attached to the "Email" field label could appear on hover, stating: "We'll send your order confirmation and tracking number to this address." This is helpful context that clarifies the request without being essential to simply filling out the field. It answers a potential user question without cluttering the form for everyone.
Interview question
Which type of information should generally NOT be conveyed using a tooltip?
- a.Supplementary context for an unfamiliar form field
- b.Critical instructions required for task completionCorrect
- c.Brief clarification for an unusual user request
- d.Explanations for the purpose of an unlabeled icon
Why? this is the answer
The card states that tooltips are for non-essential, 'nice-to-know' information, not for critical instructions or vital information required for task completion. The other options describe appropriate uses for tooltips as supplementary hints.
Just read this? Test yourself on what you have been reading.
Read the original → nngroup.com
- #ux
- #ui
- #copywriting
- #content design
You just looked this up. Could you explain it out loud?
That is the part interviews actually test. Tezvyn takes questions like this one and gives you what the interviewer is really checking, the answer that lands, and the mistake that ends the conversation, in the four minutes before your next meeting.
The iPhone app is on the way
We are building it. Until it lands, nothing here is held back from you: every interview card, your saved cards, streaks and the job board all work in Safari, plus hundreds of free practice quizzes of thirty questions each. Sign in and it all carries over to the app the day it arrives.
Want it as an icon? Tap Share at the bottom of Safari, then Add to Home Screen. It opens full screen and the cards you have read stay available offline.
We are hiring for this. Open roles that interview on ux — each one lists the topics its interview covers.
See open roles