Hover feedback signals that an element is interactive
Aliases: hover feedback · pointer affordance · rollover · discoverability
What it is
A hover affordance is the immediate change when a pointer passes over an element, signaling that it can be clicked, dragged, expanded, or queried for more information. Color, shadow, outline, cursor, preview, and tooltip can all serve, provided the change has a stable relation to an available action. It gives mouse and trackpad users low-cost exploration: they can discover potential interaction before committing to a click.
Why it happens
Digital objects often lack physical handles and may visually resemble text, containers, or decoration. A local change on pointer entry temporarily binds a location to a possible action and reduces uncertainty. Its value is reversibility: people can sweep across candidates, compare feedback, and decide whether to activate. When clickable elements remain inert and inert containers use similar animation, discovery becomes trial and error. When feedback promises a different action from the one delivered, it teaches a false affordance.
Studying it
With first-time participants, ask which elements are operable and what they expect before permitting clicks, then run find-and-activate tasks. Compare presence, strength, and consistency of hover feedback using discovery rate, erroneous clicks, and exploration time. Eye tracking or pointer trajectories can show whether people scan with hover, but passage count does not prove understanding. Distinguish seeing a change from interpreting the correct action.
Where it stops holding
Hover exists only on pointer devices and cannot be the sole route to discovery for touch, keyboard, voice, or assistive-technology users. Not every clickable element needs an emphatic change; dense table rows, reading links, and high-frequency tools can use restrained signals. Hover also cannot carry warnings or essential instructions: it disappears on exit and may obscure content through accidental passage.
Applying it
- Give each hoverable object an exploratory signal consistent with its action: a draggable object shows a grasp relation, an expandable one a preview or direction, rather than a generic decorative shadow.
- Ensure inert containers cannot trigger the same feedback as actionable elements.
- Provide persistent labels, focus cues, explicit controls, or contextual help for input modes without hover.
- Validate with first-use tasks. People should find targets and predict actions without blind clicking; concentrated exploration errors call for revising the signal or architecture.