Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm working on web site in which a "ribbon" submenu pops up as soon as the mouse touches one of the main menu items. I'm trying to explain to the designer that it should wait until the cursor has rested on the menu item, and not pop up when the mouse just happens to pass over it. I'm not sure how long (in milliseconds) that wait should be.

I can't link to the web site in question, but I figure the same principle applies to standard tool tips. How long should it take for a tool tip to pop up?

share|improve this question

4 Answers 4

up vote 6 down vote accepted

I couldn't find any conventions on this matter, but I found a couple of libraries where the tooltip seems to be set at a default of 500ms, which seems quite reasonable.

Anyway, I think you should go from there and tweak it until it feels right. You can try it out with a few users and evaluate their feedback.




share|improve this answer
This is an appeal to authority with no evidence that those library authors are particularly good at UX, or how they decided on their defaults. –  IMSoP Feb 24 at 11:49
For what is worth, after revisiting my answer, I don't even think this is correct. Whatever approaches to delay=0 I think is better. But again, this is backed up only by my own experience and knowledge on the topic. –  Ignacio Feb 25 at 12:41

IF you fade the tool-tip in slowly you can start as soon as the mouse rests on the hot-spot. Just remember to cancel the animation when the mouse moves out that way if the mouse only slides over for a second the tool-tip wont show and if the user stops but then moves on you don't have a tool-tip showing on the wrong part of the page.

share|improve this answer

If the decision to use a tooltip is well thought-out and the tooltip is useful and important. Do not put a delay on it.

A delay can add confusion, you don't want the user asking the same question you are asking here as they are using your site or app.

If you think the tooltip information is not mandatory but might help a user if they get stuck then use a small question mark icon and let them click on that if they need more information.

share|improve this answer

There is, of course, always an option to make it click based. I think that would actually work better and make the application universally usable (mobiles&tablets).

There's also a project in JavaScript which you could take for an inspiration in this field, the hoverIntent project



share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.