B1.12.4Hit areadesignresearch

Hit area, not visual size, determines difficulty when they differ

Aliases: hot zone · hit testing · effective target width

What it is

A control's visible outline can differ from its actual hit area: a small icon can have a larger hot zone, and transparent padding can accept input. For motor acquisition, effective width and Fitts difficulty are determined by the system's hit area, not the drawn boundary. A mismatch, however, can undermine predictability.

Why it happens

Hit testing determines whether an endpoint is accepted, so expanding a hit area directly increases tolerance and reduces misses. Visual outline guides a person's estimate of where interaction is possible. A modest larger hot zone tolerates endpoint error; expansion into a neighbour or beyond expectation can cause accidental action and unclear outcomes.

Studying it

Record visible boundaries, actual hot zones, and endpoints, comparing matched and mismatched variants on hits, accidental activation, exploratory clicks, and understanding. Include adjacent controls and touch conditions, where hot-zone conflicts surface. Do not only inspect implementation; observe how people act from visual cues.

Where it stops holding

Visible boundaries still guide search and trust, so a large hot zone cannot make an indistinct icon usable. Some actions need strict acquisition—drawing, text selection, safety-critical control—where large tolerance can misinterpret intent. Assistive input may follow accessibility bounds rather than ordinary hit testing.

Applying it

  • Expand real hit areas for small icons while keeping adjacent zones separate or governed by an explicit conflict rule.
  • Use alignment, spacing, and pressed feedback to show operable regions; do not make invisible expansion feel like accidental behaviour.
  • Visualise hit regions during development and verify edge, neighbour, and assistive-input results on devices.

Related

  • Same group: B1.12.1 Two-dimensional targets require both width and height; minimum-edge and projected-width models differ · B1.12.2 Approach angle changes effective width, so the same button differs by direction · B1.12.3 Elongated targets are easier along the long axis than the short axis
  • Nearby: B1.01 Fitts's law · B1.02 Fitts's law on touchscreens
  • Search terms: hit area · hit testing · effective target width

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/B1.12.4