C4.26.2Collapsed three-state visual cuedesignresearch

Using one visual cue for all three states leaves users unable to judge progress

Aliases: single visual cue · collapsed three-state · cannot judge progress

What it is

Rendering in-range, locked, and activated as the same ring of light or the same stroke, varying only brightness and size, is a single visual cue. Three stages collapse onto one intensity axis. Users read “brighter,” not “the stage changed.” The signature question of failed progress judgment is: “am I aiming, holding, or have I already clicked?” Mid-air has no key travel to answer it.

Why it happens

Brightness, opacity, and slight scale are magnitudes. People hear them as more or less of the same thing, not as a category switch. Going from 30% bright to 100% bright feels like “more sure,” so locked is treated as “about to click,” and release strategy follows a tap—submit when they meant to cancel, or refuse to let go when they meant to submit. Vision’s reading of absolute brightness also depends on background and adaptation; the same step looks “not yet locked” on a light UI and “already done” on a dark one. A single cue also occupies that visual channel, leaving nothing to encode something else (out-of-volume, for example). Progress is a category problem; an intensity axis cannot answer a category problem.

Studying it

Contrast a set that only changes ring opacity with a set that changes shape (dot / ring / check). Pause frames at random and have participants label the three states and choose “what happens if I let go now.” Compare classification accuracy and accidental submits. Place the same ring on a light and a dark ground to see whether intensity encoding is stable across background. Do not only ask “did you see feedback”; seeing is not telling stages apart.

Where it stops holding

If the product has only two states (hand seen, tap), an intensity axis can suffice and a third form is waste. When the user is blind or eyes-free, even a refined shape difference is zero, and this failure mode is replaced by a wrong channel. Animation enthusiasts may read a slow brightness ramp as a transition, which can look more like “the stage is changing” than a hard cut of the same shape—that borrows time, it is not the intensity axis becoming categorical. Hue is more like a category than brightness, but it is dragged by color vision and theme and cannot be the only life-raft.

Applying it

  • Change shape or motion for at least one state; do not only change opacity of the same graphic.
  • Photograph the three states on light, dark, and high-ambient displays, and have people who have not read the design note classify them. If they cannot, it is still an intensity axis.
  • In logs, count “released in locked yet submitted” and “still waiting to grab in activated” separately: those two are the signature errors of a collapsed cue.

Related

  • Same group: C4.26.1 In-range, locked, and activated need three distinguishable feedback forms · C4.26.3 Transitions among the three states need their own transitory feedback, not only end-state cues · C4.26.4 A non-visual channel can carry at least one of the three states
  • Adjacent: C4.11 Substitutes for contact feedback · C4.22 Perceiving interaction-volume boundaries
  • Search: collapsed cue · opacity encoding · progress judgment

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/C4.26.2