User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

How to show user that here you have to hover cursor? All we know that if it is something convex it's clickable. How to show hoverable element?

share|improve this question
Some help texts on websites I saw had a dotted underline to indicate "hover me, I show you a tooltip". – Uwe Keim Jun 21 '13 at 9:55
@UweKeim Acually I've used this type of phrase before, but I want to know better solution – Sashko Valyus Jun 21 '13 at 10:08

What you are addressing in your question is hover affordance.

Usually, clickable elements have also their hover states, but these point to click affordance rather than hover affordance. In other words: oth design of an element (or: its style) gives a clue thet the element is clickable. One of the popular conventions to show hover affordance is dashed (or sometimes: double) underline of some text.

You can also give user a temporary clue, as described here:

Here’s what’s interesting: the “Hover” affordance is temporary. It’s displayed only when the page is first loaded, and after a few seconds it disappears. You’re given just enough time to grasp how the six-pointed thingy works before the training wheels come off and you’re left simply with their cool design.

The other idea, is make element semi-hidden, so that attracts user to point the cursor to that position. Then, s/he is going to suspect that there si something to uncover, which is what you want to achieve. So, a label saying "pull me" (not neccessarily: in words, it may be just proper design) may be a good direction. You may read more about it in this question: How can I make it obvious that a page element is to be hovered over?

share|improve this answer
+1 for dashes, but keep in mind this convention has the negative connotation of "hover ads" embedded on trigger words in web page content. They're almost never correct in context and they're almost never welcome to the casual browser. – KeithS Jun 26 '13 at 23:28
@KeithS - true that. Just if not that, I don't actually know any other pattern that would be at least recognizable. There are not many ways to make the action on text emphasized. Underlining is reserved for links, altered background is widely used for tags. Bold just emphasizes the text, maybe italics could do something similar, yet users would have to learn that it is so. – Dominik Oslizlo Jun 27 '13 at 8:12

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.