Hover is an interaction state where a pointer (usually a mouse cursor) is held over an item to perform an action or display information.

learn more… | top users | synonyms

20
votes
7answers
1k views

Are hover menus in headers easy to use?

Do users find it easy to use headers/menus like the one displayed below?
36
votes
7answers
13k views

What are some alternatives to “hover” on touch-based devices?

Came up recently in a 37signals podcast: http://37signals.com/podcast#episode18 The straightforward, "brute-force" solution is to just use the first touch on a UI object as the hover. ...
10
votes
4answers
5k views

Should my menus drop down on hover + on click or just on click?

I have a web application that currently has menus that drop down 'on hover'. This is obviously an issue on tablets, etc. where there is no hover equivalent. So, I need to add an 'on click' ...
65
votes
7answers
12k views

Re-thinking “hover” functionality with touchscreens in mind

Take the following page as an example (possibly in Firefox only): As you hover over each search result, an "+ Add to Firefox" button appears. However, that idea of the button appearing upon ...
14
votes
6answers
9k views

iPad/iPhone alternative for hover states

I've recently updated my personal portfolio with some CSS3 and jQuery magic. I'm extremely pleased with the results and yes, it's fully responsive. But i have an issue. I've structured my portfolio ...
18
votes
6answers
1k views

Why is there a convention on the web for dropdown menus on hover instead of on click?

This is something I've always wondered. On all major operating systems, application menus (File/Edit/View etc) only appear on click. However, nearly every web site that uses a drop-down menu ...
8
votes
2answers
905 views

Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used. This is not the default ...
36
votes
6answers
36k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
2
votes
1answer
2k views

What should be the alternate of Hover on Mobile Devices? [duplicate]

Possible Duplicate: iPad/iPhone alternative for hover states Re-thinking “hover” functionality with touchscreens in mind We have our intranet application using the Megflyouts ...
7
votes
3answers
1k views

Change text color when hovering over hyperlink

Should the text color change when hovering over a hyperlink? I usually change my hyperlinks to a lighter shade of blue upon hover. a:link { color: #0088cc; } a:hover { color: #0099dd; } I ...
2
votes
6answers
527 views

Best practice for a desktop version dropdown hover menu to work on mobile?

I'll give my example as it explains exactly what I mean. We have a store that on the main menu has a "Shop" link that when hovered over, will display a dropdown menu of categories and subcategories. ...
2
votes
4answers
432 views

How to resolve a multilevel sidebar menu where parent sections must show children AND link somewhere

Note: When reading this keep in mind we may have more of an information architecture problem than a menu usability one. Suppose we have this menu: Item 1 ............ Should link to ...