Gestalt Laws

The Psychology of Perception

Gestalt laws are a set of psychological principles that explain how humans naturally perceive and organize visual information. These state how our brains attempt to find structure and patterns in what we see. Understanding these laws is essential for designing intuitive user interfaces.

• Proximity: We perceive things that are close together as a group.
• Similarity: Elements that look alike — through color, shape, or size — seem related.
• Continuity: We tend to see items arranged in lines or curves as connected.
• Closure: When an image is incomplete, our brains naturally fill in the gaps.
• Figure-Ground: We instinctively separate elements into a foreground and a background.
• Prägnanz: We prefer to interpret complex images using simpler primitives.
• Symmetry: We naturally seek balance and order, grouping symmetrical elements together.
• Connectedness: Objects linked by lines or borders are strongly perceived as a group.
• Common Region: Items enclosed within the same boundary feel like they belong together.
• Focal Point: Anything that visually stands out will immediately grab our attention.
• Common Fate: Elements moving in the same direction appear to share a common purpose.

Gestalt Violations in Practice

TV Remotes

I don’t know about you but I always struggled with the TV remote as a kid. There were bazillions of buttons on the remote with weird label and symbols that seemed totally alien to me. The design tried to follow some laws (common region, similarity, connectedness) but failed to properly implement them while also completely neglecting other laws.

The biggest violation is perhaps the Gestalt law of proximity — the buttons are tightly cramped together leading us to perceive them as one big overwhelming block. We can clearly separate the buttons into functional groups using borders (law of common region), different colored backgrounds (figure-ground), and empty space between groups (law of proximity).

Additionally, most buttons on the remote have the same size and color. According to the Gestalt law of similarity, this makes all buttons seem similar and we fail to distinguish between their functions. The volume and navigation buttons are the most used buttons on a TV remote. Even if they are slightly different in the design, they fail to grab our attention. They should be made more distinctive (bigger, more vibrant) so they grab the user’s attention immediately (Law of Focal Point).

Lastly, the buttons lie in a big grid making them all seem connected (law of connectedness). We can reduce the number of buttons by removing rarely used buttons, and lay out only functionally similar buttons along connected lines and curves.

“False Bottom” on Websites

A “false bottom” happens when a webpage section aligns cleanly with the bottom edge of the screen, or ends with a large horizontal gap. Because no elements peek out from underneath, users assume they have reached the end of the page and never scroll.

This design fails the law of continuity. Human vision naturally follows visual paths; a hard, clean horizontal cut breaks that flow and signals a complete stop. Combined with the screen bezel acting as an enclosing boundary (law of common region), the visible content is perceived as a finished, self-contained unit.

We can trigger closure by letting the bottom row of cards or text get cut in half by the edge of the screen. Because our brains instinctively seek to complete unfinished shapes, seeing half an element creates visual tension that prompts the user to scroll. We can also restore continuity by using subtle visual paths — like an arrow, a timeline, or elements that break section boundaries — to lead the eye downward.