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

2
votes
2answers
169 views

Name this widget: mouseover extends text that doesn't fit in its table cell

I'd swear this used to be a widespread feature, but now I can't find any evidence of it. A table cell contains information that is too wide for the column, so it is displayed in truncated form, and ...
2
votes
3answers
65 views

Would it be easier to scan a list of grayscale profile pictures compared to colored?

Our search is giving a list of persons and their profile picture with some additional information, last updated, name & title. As of now, we are grayscaling the profile pictures, with full color ...
0
votes
1answer
58 views

Hover or click on dropdown menu

My application allows a PNG export thanks to my 'E' button. The user can choose to export the image with captions or without it. The client with which I am working doesn't like the hover effect on my ...
-1
votes
1answer
38 views

Usefulness of twitter tooltip? [closed]

i was wondering when you hover an element from your twitter profil as 'number of tweets' you have this tooltip comming out. Why do they need to repeat this information ? Is this for an ...
1
vote
3answers
141 views

Usage of mouse click or replacing with hover

Is it a better practice to user hover drop downs than onClick drop downs? Enter text field input on hover or on click? check this website hover state was elegantly used.Do check the communicate>the ...
0
votes
1answer
94 views

What is this hover menu on mobile website called? is it custom built or third party tool?

I stumbled upon this great browsing experience on reuters mobile site. It uses hovering menu, when clicked opens up a number of other tools such as search, share, font, etc. I was wondering what it ...
3
votes
3answers
167 views

Why hover colors are often inverted

Recently I see more and more websites using color invertion as a hover visualization. For me it's really annoying as I usually start to read the first few words and than hover over the line to have a ...
1
vote
1answer
106 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
2
votes
2answers
76 views

Hover states on tables with striping

Do hover states on tables which already use zebra striping add any value? I'm really looking to understand what the benefit of a hover state is, and particularly if there is any additional value to ...
3
votes
1answer
257 views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for ...
22
votes
8answers
3k views

Are hover states necessary?

We're having a discussion in the UX department here at work as to whether or not hover states are necessary to a UI. We're kind of divided. Here are the two arguments: Against (started the ...
2
votes
5answers
341 views

Should button icons enlarge on hover?

Context: I had done the creative for a web application and sent it to the front end developer to take care of. He took the initiative about 1 aspect that I'm unsure about how it effects users. I ...
2
votes
4answers
439 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 ...
2
votes
2answers
93 views

Duplicating dropdown heading

We've recently launched a site, (http://whispir.com/). My manager feels that the "Why Whispir" link may be missed, as it is triggers a hover menu. His feeling is that if people rollover "Why Whispir" ...
1
vote
1answer
417 views

HTML button Hover effect standards, principles or best practices

Are there any standards, principles or best practices to change the color or effect of a button on hover. Something like : Make it lighter Make it darker Change background and foreground color Add ...
1
vote
1answer
96 views

For an icon/button with toggle functionality, is it better to highlight the icon on mouseover or to change it (to the icon it would toggle to)?

I am creating a To Do list in my company's web application. Each item on the to-do list is marked with a flag, which acts as a toggle (as in outlook) for to-do/completed. The icon cycles between a ...
0
votes
2answers
92 views

What is the benefit of the “hover to reveal additional buttons” interface found in Gmail? [duplicate]

When you compose a new message in Gmail on a computer, the bottom of the compose window looks like this: When you put your mouse over the + button, it looks like this (with the mouse being on the ...
1
vote
3answers
222 views

How do I best maintain top level nav links when they open a dropdown on click instead of hover?

I'm working on a Bootstrap site and having difficulties figuring out the best solution for structuring the nav. There will be about 5 top level items, each with their own subpages accessible through ...
1
vote
1answer
76 views

Issue with having the same color for active and hover states in a menu?

Im styling a flyout menu. Im going to style the active link and the hover state, and im wondering if it could be confusing to have them styled in the same way?
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' ...
2
votes
2answers
155 views

Is it acceptable to have an editable field visible on hover?

I have a chart that is mostly used for viewing, but can be edited. It is a bar chart of percentages (beneath the bars) that can be edited. Unfortunately, if I display the fields the table becomes more ...
3
votes
2answers
179 views

Standards or examples of graphically combining hover and sorting, in a column header?

I want to combine two things in the list header in our product: Sort highlight like Spotify. We have a small sorting arrow indicator, but adding a highlight to the header of the sorted column makes ...
3
votes
1answer
270 views

Is double click on a mega menu item commonly used?

I am working on a design which requires a mega menu to popup when top link is hovered over. The top link is also a link and clicking on it takes the user to a specific page. While this works pretty ...
1
vote
2answers
143 views

Draggable and Edditable - How to solve?

I have elements on a web app im designing. Its sort of a WYSIWYG thing for a CMS. The elements are boxes. There are different types of boxes, or "micro templates" as I call them. One is a heading ...
5
votes
3answers
131 views

How large should the active menu area be?

Here are two similar examples of a typical menu bar. What would you expect as an active hover area for click? Should it be the same or different in these two examples? Does the device matter? ...
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. ...
1
vote
2answers
124 views

Is 'single click to select' list item wrong if its only used to show position?

For a PC messenger like application, in the 'Inbox' view, messages are arranged in a list. I have a mouse hover state and a selected state. the selected state is invoked by clicking once on the item, ...
36
votes
6answers
38k 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
6answers
557 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. ...
4
votes
4answers
230 views

showing buttons on hover?

Lately I have noticed that a lot of websites are displaying a delete "X" when you hover over that specific panel. I have been thinking whether or not this was very usable for the user because there is ...
5
votes
4answers
193 views

Hovering over an element to raise opacity

I'm working on a site where we display testimonials on the side of the page. We don't want these to be the main point of interest, so we dimmed the opacity, and on hover it goes to full opacity. We ...
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?
1
vote
1answer
74 views

Is it ok to have both a placholder and a title on an input tag? [duplicate]

Is is a common practice to do that ? Or should I put informations linked to this input next to it ? For example: <input type="text" title="You first, not your last name !" placeholder="Name"/> ...
1
vote
2answers
102 views

Is it ok to show 'might interest you' on hover-cards?

I'm trying to decide regarding content of hover-cards. The conflict I'm trying to resolve is whether it's alright to direct to other pages on my site that can interest the viewer, or should I keep it ...
13
votes
4answers
1k views

Making space for the “drop cue” in a drag-n-drop design

I'm developing a drag-and-drop reordering interface for books on shelves. (You can try it live if you're on the latest WebKit.) When you drag a book over a shelf, it accommodates space for it by ...
3
votes
3answers
394 views

Why don't most forms have a hover state?

I've been looking at a bunch of forms and noticed that most form inputs do not have a hover state. Is there a good reason for this, that I'm missing? A slight hover state, to me, is effective because ...
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 ...
1
vote
3answers
797 views

Hover over web images for additional details best practices

I know that a discussion was already made on various places whether it is good to use hover on images on the web or in mobile apps. With the rise in mobile use where touch is prevalent do you think ...
2
votes
0answers
46 views

Mouse over gesture in touch interface [duplicate]

Possible Duplicate: What are some alternatives to “hover” on touch-based devices? I'm looking for a touch gesture/ other solution that would replace a mouse over indication ( like we see ...
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 ...
13
votes
5answers
902 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, ...
9
votes
4answers
478 views

Should we be designing for touch first?

Touch interaction is becoming more ubiquitous and often the only option. Should we be designing for touch first or even touch only? What are the ramifications of taking this approach? As someone ...
64
votes
7answers
13k 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 ...
47
votes
9answers
8k views

Should a button become lighter or darker on hover?

We're having a discussion in the office about whether a button should become lighter or darker when a user hovers over it. Here are some examples from the field: Apple "Buy Now" button (Second is ...
3
votes
2answers
202 views

Using hover-overs on the web when the goal is to allow rapid clicking

I'm working to design a webpage where users are presented with a large number of product options, most of which will be irrelevant. Each product will appear as a tile and the tile will disappear upon ...
3
votes
6answers
504 views

What do you call that interfacing zone?

What would you call the surface of contact which can activate an element when it passes over it. For example, the area that's covered is different whether you use a stylus, a finger or a mouse. In ...
19
votes
5answers
2k views

Why this timed-hover “like button”?

I recently caught "Where Good Ideas Come From" by Stephen Johnson on Alex Hillman's blog, and was intrigued by Alex's unique implementation of a 'like button'. Behaviour The element's initial state: ...
1
vote
1answer
169 views

How to render text that contains a tooltip / hover state?

I'm wondering about the best way to represent text that contains a flyout / tooltip (similar to Foursquare - see image below) but is not a link to another page. In my case, there are a number of ...
8
votes
2answers
945 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 ...
8
votes
1answer
300 views

How often do users overlook controls that are revealed by hovering?

Techniques that reveal controls on hover (as used by apps like twitter) have been suggested as a way to simplify an interface and focus attention on content. However I wonder how many people fail to ...