F3.01.2cue cancellationdesignresearch

A difference on one dimension is easily cancelled by another

Aliases: cue conflict · opposing visual cues · weight offset

What it is

Checkout grows “Pay” from 44 px to 56 px and turns it into a pale outline. “Use offer” stays at 20 px but fills with magenta. After a three-second flash, people often name the offer chip. They did see the large button. Cue cancellation ate the size gain with a luminance and saturation loss. A single-channel “more prominent” can net to zero, or below, in the stacked ranking.

Why it happens

Selection reads a weighted sum of feature maps, not the axis the designer remembers changing. Size contributes positively, luminance contrast negatively, saturation on the neighbour positively; add them and the peak can sit on the object you did not touch. The trap is especially common where primary actions are asked to be “restrained” and marketing chips to be “lively”: restraint winds the main channel down, liveliness winds a side channel up, and the two decisions undo each other in pixels. There is no separate pathway that “respects the primary button.” There is only the peak on that frame.

Studying it

Build conflict stimuli on purpose: enlarge a designated target while dropping its contrast, shrink a distractor while raising its saturation, then measure first naming, first click, or first fixation. Independent variables are direction and magnitude of the conflict; the dependent variable is whether the target still wins. The mechanism is visible only when you can draw the curve on which size gains are eaten by contrast losses. Reviews that only show harmonious mockups never see cancellation, because those mockups hid the conflict.

Where it stops holding

Push one channel to an extreme — full-screen flicker, high-contrast alert red, a sudden motion — and cancellation pauses: a capture pathway names that object directly. If every object is already large, bright and saturated, cancellation is also unmeasurable: there is no headroom left to subtract. That is page-level emphasis failure, not pairwise offset. Anomalous colour vision reweights the hue channel, so the same conflict need not run in the same direction for every observer.

Applying it

  • When you change a primary action, write the addition and the subtraction on one line. Bigger-but-lower-contrast, bolder-but-paler, moved-to-the-start-but-smaller are cancellations, not net wins.
  • Marketing chips, badges and promo colour may not beat the primary on more channels at once. If the chip must stay vivid, the primary has to lead clearly on size or luminance — not “win a little on both.”
  • “Larger than yesterday” is not a pass condition. Yesterday’s distractor may have grown louder too.
  • Check: a three-second flash with only the primary and the loudest secondary on the page. At least four of five people should name the primary first. If not, drop the secondary’s saturation or contrast below the primary. Do not keep enlarging the primary.

Related

  • Same group: F3.01.1 Size, luminance, colour, position and whitespace jointly set visual weight · F3.01.3 Weight is relative and meaningless out of context
  • Nearby: F3.03.2 High-saturation colour jumps the queue · F3.08.1 Emphasising everything emphasises nothing · F5.11 Scarcity of accent colour
  • Search terms: cue cancellation · visual weight · saturation pop-out · contrast

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/F3.01.2