Figure-ground ambiguity

Visual communication relies on contrasts. One element should stand out while the rest recedes into the background—that's the intent. Yet users report confusion, misinterpretation, and disorientation when interfaces are cluttered. The question is: When does contrast tip into ambiguity? Which factors determine perceptual hierarchy—and what evidence exists about this?

Studies

The Rubin Vase

Edgar Rubin created the most famous demonstration of figure-ground ambiguity in his 1915 dissertation at the University of Copenhagen. He presented test subjects with a silhouette: when viewed as black against a white background, it appeared as a vase; when the white was perceived as the figure, two faces in profile emerged. Subjects reported spontaneously flipping between both perceptions—they could not perceive both interpretations simultaneously. The remarkable aspect: the identical physical contours produced completely different perceptions, depending on which element was interpreted as the figure. Rubin identified factors such as closure, convexity, and smaller area as predictors of figure perception.

Influence of Meaning on Figure-Ground Segregation

Mary Peterson conducted a series of experiments at the University of Arizona in 1994 demonstrating that not only form but also meaning influences figure-ground perception. She presented 48 students with ambiguous black-and-white images for just 200 milliseconds—too brief for conscious interpretation. Some contours formed recognizable objects on one side (e.g., a woman's silhouette) while showing only abstract shapes on the other. In 67% of cases, participants spontaneously perceived the meaningful side as the figure, even though formal factors such as size were balanced. The surprising finding: semantic knowledge influences basic perceptual organization in just 200ms—a top-down effect on what was presumed to be a purely bottom-up process.

Principle

Which principle for Customer Experience Design can be derived from this? The principle of conscious figure-ground design states that designers should either structure visual hierarchy unambiguously or deliberately employ ambiguity, depending on context and objectives. In functional areas such as navigation, forms, or critical call-to-action buttons, clear separation between foreground and background is essential to minimize cognitive load and ensure usability. Conversely, controlled ambiguity in marketing elements, advertising banners, or creative content can capture attention and encourage longer viewing time. The critical factor is that ambiguity must never compromise core functionality or create frustration in essential user tasks. The following guidelines demonstrate how to implement this principle in practice.

Guidelines

Establish a clear visual hierarchy

Use strong contrasts in size, color, and white space to distinguish figure (action-relevant elements) from background (context). Avoid mixing hierarchy levels by giving them similar visual weight. A call-to-action button should never carry the same visual prominence as footnote text. In functional interfaces, clarity takes precedence over aesthetic complexity.

White space as a segregation signal

White space is not wasted space but an active design element. It signals to the visual system that one group ends here and a new one begins there. Surround important elements with sufficient white space so they are perceived as independent figures. Reduce spacing within related groups. The law of proximity states that what is spatially close belongs together and is perceived as one figure.

Targeted Ambiguity for Engagement

In marketing contexts, controlled figure-ground ambiguity can capture attention and generate engagement. A logo or key visual that permits multiple interpretations is viewed longer and remembered more effectively. This effect works because the brain actively attempts to resolve the ambiguity. Important caveat: This technique only works for non-functional elements. Navigation and forms must never be ambiguous.

Design background with minimal meaning

What is meant to serve as background must recede both visually and semantically. Avoid complex patterns, high-contrast textures, or meaningful symbols in the background, as these compete with the figure for attention and create ambiguity. A solid-colored or subtly textured background supports figure-ground separation. Product photos on white backgrounds work precisely for this reason: they offer zero competition and maximum clarity.