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?
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' ...
5
votes
6answers
441 views

Rough and fine adjustments with horizontal slider

I'm used to scrolling being thrice as effective as arrowkeys in Firefox. I want to give the ability to quickly and roughly adjust values by hovering over the slider and using the scrollwheel. Finest ...
6
votes
2answers
1k views

Examples of a zoom/pan on hover [closed]

I've got this user interface idea in mind for my dashboard app, and I swear I've seen it before but cannot find an instance of it on the web. The essence is that you present a thumbnail image to the ...
6
votes
3answers
793 views

Why are different cursors used when hovering over buttons in Gmail?

In the Gmail interface they are not consistent in which cursor they use on button/link hover. They use the "hand" pointer for: Links in the sidebar(mail, contacts, inbox, starred etc..) The mails ...
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 ...
5
votes
2answers
527 views

Hover over icon

Along the lines of visual clues when hovering over a hyperlink, doesn't the same apply to icons? I ask this question since I noticed none of the SE sites I know of have this behavior when hovering ...
35
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, ...
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 ...
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. ...
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 ...
7
votes
4answers
2k views

How long should the delay be before a tooltip pops up?

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 ...
13
votes
5answers
894 views

box-shadow hover effect when box isn't necessarily clickable

It isn't a secret that giving the user feedback on a link hover (image swap/sprite, link color/decoration change, etc.) is a necessary practice for optimal UX. In css-tricks.com's recent redesign, ...