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
22 views

Delay in loading dropdown menu

I am currently using Amazon and I noticed that when you mouse over a dropdown menu (e.g. "Shop by department" or "Your Account"), there is a slight delay before it brings up the menu. Most other ...
7
votes
8answers
248 views

How to handle tooltips on moving control/object?

My company is building an on-line map which displays moving objects (vehicles) and static objects (bus stops). When the user hovers over an item, a tooltip with additional info about all the objects ...
3
votes
3answers
222 views

Choosing the hover color of a link, logically

The menu color of the apple website fades out when you hover it, which I believe is wrong because hovering an item is like activating it, hence a positive action. With that said, what's a logical ...
21
votes
4answers
2k views

How do users know to hover over elements?

I realized something today. I was looking at a new icon at Airbnb's site, and wanted to hover over it to see if there was anything hidden that would expose on hover: there was. My question: How do ...
2
votes
1answer
55 views

Should minor links be styled with the same hover effects as primary links?

I have the following article which has a primary title link as well as breadcrumb and social links. Should I use the primary links' hover effect style for the breadcrumb and social links or ...
3
votes
4answers
108 views

How to indicate data in a table is clickable on a touch device?

For users on a touch device, what is the convention for indicating each figure (cell) is clickable to a page with information on where the figure originated? On desktop it would be easy to have a ...
4
votes
3answers
181 views

Does the hover functionality on Netflix's website break UI best practice?

For example: My explanation of what's happening in the gif: When a title has been hovered for a short amount of time, that title expands, pushing other content off the screen and grabbing the ...
2
votes
2answers
65 views

When do hover animations become a distraction to users?

I'll often visit beautiful websites with hover animations on links that become distracting to me, and I've noticed that I just play around with the animation and don't even end up clicking the link. ...
0
votes
2answers
86 views

On Hover Styling for dropdown in top header

In my application, I've a selection drop-down in the main top-header menu. Now, I'm a little confused on how I should have on hover for that element. These are the two options: Option 1: No ...
1
vote
2answers
417 views

Using sound effects on Mouse Hover / MouseOver

I'm building an application that is will mostly be used by "novice users". My team wants to add a sound effect to help aid the user understand that something is clickable when they hover over a ...
1
vote
3answers
149 views

Ads that expand on hover aka. engagement ads

Expanding on https://www.thinkwithgoogle.com/products/engagement-ads.html -- is anybody aware of any research that covers usability vs. profitability in hover-to-expand ads (aka. engagement ads) vs. ...
5
votes
4answers
241 views

Lowering opacity on hover. Isn't it totally wrong?

It's a common practice to highlight an element on hover state. By highlighting it, I obviously mean making it more visible than other elements. But lately, I've witnessed the opposite trend on a ...
1
vote
1answer
71 views

How should I display this information if not in a tooltip?

I've got a tooltip (image below) that when the user hovers over it, they are given a quick one line summary of what they hovered over and then 8 more lines of information. I already know that's way ...
1
vote
1answer
40 views

Any non finicky way to show extra rollover info on an iphone

I'm converting a really long survey from a web app to a mobile app. It's 250 questions long so I've divided it into logical sections to split it up a bit. The idea is a user is presented with a ...
8
votes
2answers
627 views

Best practices for rollovers on mobile?

I noticed that most mobile browsers transform rollovers into touch/tap actions. This is good, but of course there's no indicator that the action is available to the user. So I was wondering what ...
1
vote
1answer
349 views

Responsive Grid View with Hover layer

I have a grid layout which has an hover state which reveals information that are crucial as below. The Content of each Grid Item Dish Name Dish Photo Rating Chef Name Chef Photo Chef Location ...
0
votes
3answers
102 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
3
votes
5answers
2k views

Alternatives to tooltips in tablets?

I understand this question has been discussed a couple of times on the site. However, it seems not to be getting the answer or inspiration I am looking for. BTW, my background is a programmer in case ...
1
vote
3answers
514 views

How to show the user can hover for more information

I have a simple table showing the configuration of various installs of a product. This particular product enables different profiles that enable/disable features and options. In this table, for each ...
2
votes
1answer
293 views

Link states – should keyboard focus replicate hover or active

I realise that this question may be quite specific CSS-wise, but it feels more like a UX question than a StackOverflow one. My question is should links have a :focus state that replicates their ...
2
votes
3answers
86 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
553 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
59 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 ...
0
votes
1answer
148 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
230 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 ...
2
votes
2answers
206 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 ...
4
votes
3answers
305 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
2answers
144 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 ...
1
vote
3answers
709 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 ...
3
votes
1answer
1k 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 ...
2
votes
4answers
931 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 ...
3
votes
2answers
130 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" ...
2
votes
1answer
941 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
144 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
118 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
335 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
185 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?
2
votes
2answers
364 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
1answer
485 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
189 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 ...
1
vote
2answers
155 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, ...
5
votes
4answers
236 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 ...
4
votes
4answers
368 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 ...
2
votes
6answers
822 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. ...
1
vote
1answer
77 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"/> ...
3
votes
3answers
613 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 ...
1
vote
2answers
108 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 ...
23
votes
8answers
4k 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 ...
1
vote
3answers
1k 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 ...
9
votes
4answers
557 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 ...