C1.05.2Cursor hotspot offsetdesign

A cursor's visual centroid and hotspot can create systematic offset

Aliases: cursor offset · hotspot offset · visual centroid

What it is

A cursor hotspot offset occurs when the graphic feature people naturally treat as the pointing location—its centroid or tip—does not match the system hotspot. People aim at the visual reference while events consistently land to one side, yielding directional systematic error.

Why it happens

People infer location from contour and salient features; the system hits an invisible coordinate. With a fixed distance between them, visual-motor calibration is continually misled. Experience can partly compensate, but a cursor shape change, scaling, or tiny target exposes the offset again.

That compensation is really learning one fixed offset. It keeps working as long as the relation between the visual reference point and the real hotspot stays constant, and people usually never notice they are compensating at all. The trouble is that relation is not always stable: swap in a different cursor graphic for a hover or drag state, or let the visual reference and the hotspot scale at different rates, and the learned offset stops applying. People have no cue that anything changed — the graphic still looks normal — so they typically blame themselves for suddenly being "off," rather than the hotspot having moved under them.

Where it stops holding

Some cursors intentionally put the hotspot at a corner to reveal a target or avoid occlusion. That is not erroneous if the graphic clearly identifies its pointing end. Problems are more common in circles, crosshairs, and custom icons, which have no natural "tip" to tell people where the visual reference should even be — people are left guessing.

System accessibility features — magnified cursors, high-contrast cursor themes — are an easily overlooked source of this offset: a theme swap is usually concerned only with visibility, and if it carries over the original graphic's hotspot coordinate without re-anchoring it to the new graphic's visual centre, it is exactly the group most dependent on precise cursor feedback that absorbs the largest offset.

Applying it

  • Put the hotspot at an obvious pointing end; for non-directional graphics, keep it near visual centre.
  • Compare hotspot metadata across every scale and state asset, not bitmap appearance alone.
  • Inspect missed-click vectors; a persistent directional bias warrants a hotspot-offset check.
  • Keep a table of hotspot coordinates per cursor state as a regression baseline; whenever a cursor asset is replaced or added, verify the new hotspot keeps the same relative position to the visual pointing end — run this check separately before any accessibility cursor theme ships.

Related

  • Same group: C1.05.1 A hotspot is the single reference location within a cursor graphic · C1.05.3 A hit region can exceed its visual region · C1.05.4 Overlapping hit regions need explicit priority rules
  • Nearby: C1.03 Control-display gain · C1.08 Drag and drop
  • Search terms: cursor hotspot offset · systematic error · visual centroid

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/C1.05.2