A1.32.4Deliberate illusion usedesign

Known illusion patterns can be deliberately used to produce an intended visual effect

Aliases: deliberate perceptual design · perceptual boost

What it is

Geometric illusions are usually treated as a problem to catch and avoid, but their cause is stable, predictable, and reliably reproducible — which means the same pattern can just as well be exploited deliberately in the other direction. To make an element look more prominent or larger without changing its actual size, surround it with noticeably smaller elements; to give a set of lines or icons a "tilted, dynamic" visual feel, lean on an orientation-induction effect instead of actually rotating the element. This isn't a matter of triggering an illusion by accident and then rolling with it — it's building a known illusion pattern into the design from the start as a low-cost visual tool.

Why it happens

This relies on the exact same relative-encoding mechanism discussed elsewhere: the visual system never judges size or orientation in isolation — it always factors in the surrounding configuration. Since this processing produces a systematic bias whenever a designer unintentionally creates an inducing structure, the very same bias can be constructed deliberately and precisely by a designer instead: as long as a geometric relationship known to produce a given directional effect is reproduced (a size-mismatched surround, a background of diagonal lines at a particular angle), the visual system delivers the same directional, same-character output regardless of whether the configuration was intentional. The only difference is that when it's triggered unintentionally, the designer has no idea the effect exists and its direction and magnitude are accidental, whereas when it's used deliberately, the designer knows in advance which direction the bias will run and can tune the inducing element's parameters to control its magnitude — treating it as an adjustable effect parameter.

Where it stops holding

  • The effect depends on the user judging things directly by eye, without an external measuring aid; once a user checks the actual size with a precise measurement tool, or the product itself displays exact figures elsewhere, the manufactured effect gets exposed, and discovering "it actually never changed" can itself produce a negative impression — a risk worth weighing.
  • The magnitude and direction of the effect are highly sensitive to the specific geometric parameters; parameters borrowed from a classic textbook demonstration don't necessarily reproduce the intended strength of effect at your own elements' actual sizes and proportions — it needs to be tuned and verified against the real elements.
  • Individual differences still apply — the effect can't be assumed to work equally well for every user; users who are relatively insensitive to the underlying illusion may not perceive the intended effect at all.

Applying it

  • When you need to boost an element's visual prominence without changing its actual size or coordinates, consider adjusting the relative size or arrangement of the elements around it first, rather than relying solely on other means like color or shadow.
  • When you want a combination of lines or an icon shape to convey a specific sense of direction or motion, you can introduce background line angles known to produce an orientation-induction effect instead of literally rotating the element, keeping its original, regular coordinates intact.
  • Before formally adopting the technique, test the actual effect strength with a simplified prototype to confirm it meets expectations, since the specific parameters (size ratio, angle, spacing) determine the effect's magnitude — it can't just be copied from prior experience without checking.
  • Verification: have users who weren't told the design intent in advance look at the actual interface and independently describe or rate the relative size/orientation they perceive, checking that against the intended direction to confirm the effect actually shows up with the expected direction and magnitude — and also watch for whether users later react negatively upon discovering that the actual size never changed.

Related

  • Same group: A1.32.1 Geometric illusions show that perception is not a direct mapping of the physical stimulus · A1.32.2 Guides, borders, and shadows in an interface can unintentionally trigger known illusion patterns · A1.32.3 Size and orientation illusions bias users' alignment and comparison judgments · A1.32.5 Triaging visual-anomaly reports should rule out illusion as a non-defect cause
  • Nearby: A2 Gestalt Principles
  • Search terms: deliberate perceptual design · size-contrast illusion · perceptual boost

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/A1.32.4