C1.19.1Cursor shape as action affordancedesign

Cursor-shape changes communicate available actions, such as resize arrows and grab hands

Aliases: cursor shape · action cue · mouse pointer

What it is

A cursor shape can signal an available action when the pointer enters an object or interaction state: an I-beam for text, resize arrows at borders, and a grab hand for draggable content. It attaches an immediate, low-interruption affordance cue to the place a person is pointing.

Why it happens

The interface chooses a cursor resource from a real-time hit test — every pointer movement effectively re-asks "what's under this pixel now." Over repeated use, people build a stable association between a given shape and its outcome, and once that association is set, it is applied as prior knowledge rather than re-verified each time. This is exactly why the shape must change before the action actually happens: if hit testing lags or is blocked on the main thread, a person has already acted on the old shape by the time the cursor catches up, and what they experience reads as the system misbehaving, not as their own misjudgment. The available shape vocabulary is also inherently limited — once a design pushes past roughly seven or eight forms that remain clearly distinguishable at small size, people can no longer reliably remember what each one maps to, and forcing a dozen fine-grained actions onto that vocabulary turns what should be a low-cognitive-load cue into a symbol table that has to be studied.

Where it stops holding

Cursor cues work reliably only with precise pointers; touch, keyboard, and assistive-technology users never pass through a "hover" step at all, so this cue class is simply invisible to them. They also cannot replace labels, disabled-state explanation, or error messaging — a shape can say "here's what you can do" but not "why you can't do it right now" or "what will happen if you do," and only text or another persistent element can carry that. Complex actions remain hard to learn from shape alone no matter how cleverly the icon is drawn, because the first time someone meets an unfamiliar shape they have no prior to draw on and can only learn it by trial and error.

Applying it

  • Use platform-familiar pointers and keep each shape's meaning stable within the product — the same grab-hand icon should not mean "drag to reorder" in one screen and "drag to resize" in another.
  • Switch only once an object is truly actionable and the hit-test result is ready; do not let the cursor shape make a promise the interface is about to refuse.
  • How to check: run a forced-choice test showing only the cursor shape with no other context, and ask people to predict what a click or drag would do; count the correct-prediction rate — a low rate means the shape vocabulary itself has already outgrown what people can reliably hold onto.

Related

  • Same group: C1.19.2 Cursor shapes are ephemeral cues that vanish when the pointer moves away · C1.19.3 A busy cursor signals system occupation, not position feedback · C1.19.4 Cursor-shape language depends on platform conventions and is not guaranteed cross-platform · C1.19.5 Cursor colour and contrast must remain discernible on light and dark backgrounds
  • Nearby: D1 Output and feedback channels · C1.01 Types and properties of pointing devices
  • Search terms: cursor · affordance · pointer

Cards in the same group

Quick Actions

Share

Share this page

ios_share

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