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

1
vote
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 ...
6
votes
4answers
712 views

Navigation & Link Hover State

Note: Please link me if this has been asked, I couldn't find what I was looking for I just had a conversation with my mate who is an Art Director in regards to a website he designed, when it was ...
5
votes
2answers
1k views

Mouseover to reveal more data in a table

I have a table containing users like so: download bmml source – Wireframes created with Balsamiq Mockups In the system, users can associate multiple emails with their account. When the ...
3
votes
5answers
797 views

How to ensure a user knows a box is clickable/hoverable

I have a calendar interface that indexes a bunch of gym classes for a user to pick among. These classes are represented as small boxes on the calendar, in a similar manner to how hipmunk.com does ...
6
votes
2answers
580 views

Shading buttons darker than the normal state vs. highlighting

While coding up pieces of a website, I was puzzled as to why the designer chose a hover state that is a shade darker than its normal state. It seems logical to me that a rollover state should be a ...
3
votes
1answer
425 views

Hover for More Info on a data grid

Should a data grid be able to use a hover for more information pattern? This type of pattern is commonly used in interfaces that have more of a thumbmail view of items, for instance on Netflix when ...
10
votes
8answers
637 views

How can I make it obvious that a page element is to be hovered over?

On my webpage I have five boxes containing the names of each step in a five step process. When the user hovers over one of the boxes, it expands and shows text explaining that process. How can I ...
7
votes
2answers
380 views

Best way to give user two controls (expand and select) on a single object

We're working on an organizational tree visualization, for each node (circle) in the tree the user has two options - expand the node to see its children OR select the node In general, the primary ...
5
votes
3answers
4k views

Better to use hover vs. click to display dropdown menus on main navigation of web app?

I work on a web-based medical records system. In the previous version, main horizontal menu employed ExtJS. It used the standard click to display the sub-menu found in ExtJS. I'm considering whether ...
5
votes
6answers
448 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
814 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 ...
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 ...
5
votes
2answers
533 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 ...
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 ...