Y3.12.3Salience saturationdesign

When the whole screen is bright and saturated, nothing on it can signal that it matters more

Aliases: salience saturation · process control interface

What it is

Filling the entire screen with high-saturation color produces salience saturation: every region competes for the same limited pool of attention, and as a result no region can reliably signal "this one matters more." This is the mirror image of the low-saturation background and the salience budget: once the background stops being low-chroma and color stops being treated as a scarce resource to allocate, the total amount of visual stimulation goes up without the operator gaining any more usable information.

Why it happens

Whether visual search can complete through preattentive pop-out depends on there being one clear feature difference between a target and its surroundings. When a screen is filled with many high-saturation, high-contrast regions at once, no single anomalous color remains the one thing that stands out; the operator's search mode shifts from automatic feature detection to serial checking, region by region — far slower, and far more prone to missed detections. Prolonged exposure to this intensity of color also produces adaptation and visual fatigue, further reducing sensitivity. A subtler failure is that if state color (alarm, deviation) and purely decorative background color share a similar saturation and hue, the operator cannot tell from vividness alone whether a color is reporting a real state; the semantic load color was supposed to carry gets diluted by decorative use.

Where it stops holding

Some tasks genuinely need several hues distinguished on the same screen, such as a geographic zoning map or an equipment classification map; these should not simply follow "fewer colors is always better," but the competition among categories can be controlled with lower chroma, texture, or grouped boundaries instead of relying on high saturation itself to do the distinguishing. Conversely, forcing an entire interface into pure black and white can also strip out coding capacity that was actually needed — removing all color and reducing color to serve only genuine priority signals are two different things. The goal is a clear hierarchy, not the absence of color.

Applying it

The audit cannot stop at the main screen; pop-ups, toolbars, and persistent status overlays must be included too, since a vivid color in any of these local components still draws on the same screen-wide salience budget and competes with the main display. In practice, convert a screenshot into both a grayscale version and a chroma heat map: the grayscale version confirms whether structural information stays legible once color is removed, and the heat map identifies which regions run high in saturation so each one can be checked for what action it is meant to signal — anything unclear gets dropped to low chroma. Unify the rule for state color so the same severity level is expressed with the same color everywhere in the interface. Validate by comparing anomaly detection time, wrong clicks on non-target regions, and subjective fatigue ratings after extended monitoring, before and after the change.

Related

  • Same group: Y3.12.1 Low-saturation background for anomaly salience · Y3.12.2 Reserve high contrast for action · Y3.12.4 Decorative depth cues in control displays
  • Nearby: Y3.03 Color and coding conventions · Y1.04 Vigilance decrement in prolonged monitoring
  • Search terms: salience saturation · feature integration theory · serial search · visual clutter

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/Y3.12.3