Gestalt laws of perception

The eye groups things before the mind reads them

Intuition

Look at a settings page. Before you read a word you already see which fields belong together and which button is the main one. The Gestalt laws describe the shortcuts your visual system uses to make that call.

Lecture 2 presents seven Gestalt laws of perception. All describe how people group and parse a scene automatically. Designers use them to make structure visible without extra labels.

Mechanism

• Proximity: objects close to each other are perceived as a group. Items that belong together should be grouped together, and items that do not should be separated with space or separator lines.
• Similarity: objects that look similar are perceptually grouped together.
• Common fate: objects that move together are perceived as grouped or related.
• Continuity: we are biased to perceive continuous forms rather than disconnected segments.
• Closure: our visual system automatically tries to close open figures so they are perceived as whole objects.
• Symmetry: complex scenes are parsed in a way that reduces complexity (the slide prints “symmetry”, see the aside), and providing a symmetric design helps users in their interpretation.
• Figure/ground: the visual field is separated into figure (foreground) and ground (background). Pop-up windows help focus our view.

Each law has one cue, so match the cue to the law

The cue is what separates the laws. Closeness gives proximity. Shared appearance gives similarity. Shared movement gives common fate. A smooth line gives continuity. A gap that the eye fills gives closure. Balance gives symmetry. Foreground against background gives figure/ground.

Compare

Similarity

Cue: looks alike (colour, shape, size). Static. Example: all links in the navigation share a colour.

Common fate

Cue: moves alike. Example: a set of list rows that slide in together reads as one group.

Exam detail

Sample exam question 12 asked for the correct statements about similarity. The answers are “similar colours, shapes or sizes lead to grouping” and “objects that look similar are perceptually grouped”. The wrong options were symmetry (“symmetric arrangements reduce visual complexity”), common fate (“objects moving in the same direction appear grouped”) and continuity (“we perceive continuous forms rather than disconnected segments”). Expect this pattern: each option is a true statement about a different law.

Pitfall

An option can be a perfectly true statement about the wrong law. Read the law named in the question stem first, then check the cue in each option. Do not pick an option just because it sounds like good design.

Optional aside

The lecture slide on symmetry reads “Complex scenes are parsed in a way that reduces symmetry”, which looks like a typo, since the standard wording in the textbook is “reduces complexity”. This page follows the sample exam, which treats “symmetric arrangements reduce visual complexity” as a statement about symmetry. Check the recording if the exact slide wording matters to you. The slide asking which Gestalt law is used in image (B) relied on a figure that did not extract.

Use the laws to build a visual hierarchy

The design implication on the slides is to use visual hierarchy to help people focus on relevant information. Group related items by proximity, mark categories by similarity, and use figure/ground (such as a modal or pop-up) to bring the current task to the front. Worksheet W3 puts this into practice with a card-sorting-style task: sort a handout of animals into groups, then name which Gestalt principle denotes each group (proximity if you cluster them spatially, similarity if you group by looks).

Try it: worked example

You sort 20 animals into four labelled piles on the table, one pile per habitat. Which Gestalt laws signal the groups?

Show answer and steps

AnswerProximity (items in a pile are close) and, where piles use the same card style, similarity.

1. Each pile is a cluster separated from the next by empty table. That is proximity.
2. If every card in a pile shares a border colour or shape, the eye also groups by looks. That is similarity.
3. If you drew a loop around each pile, you would be adding a shared boundary, which is common region, not closure. Closure is the eye completing a broken outline, such as a circle drawn with a gap.
4. Name the cue that actually marks the groups, not every law that could apply.

Recall

Which Gestalt law does each cue match: closeness, shared looks, shared movement?

Proximity, similarity, common fate.