Law of Prägnanz

People look for a coherent, simple organisation in what they see.

01 / UNDERSTAND

The idea

When a visual arrangement could be interpreted in several ways, perception tends to favour a stable, orderly whole. This Gestalt idea concerns how a scene is organised, including its shapes and relationships. It does not mean that the product with the fewest features is automatically the best.

Give a complex display an intelligible structure: a clear dominant shape, consistent alignment, distinguishable layers and an obvious relationship between overview and detail. Keep the information needed for the decision, even when it complicates the picture. Then test the interpretation. If people see the wrong grouping or infer a connection that is not real, making the drawing more elegant will not fix its meaning. The aim is a coherent representation of the task, rather than minimal decoration for its own sake.

02 / RECOGNISE

See it in real products.

Examples of how the principle can appear in an interface.

AppleEXAMPLE 01

Give a complicated street map a legible route structure

Apple Maps draws a route as a coherent path over a more complex street network. The highlighted line and route summary give the display an overall structure that can be understood before every road name is read. This is a lens for assessing the map’s organisation; it does not establish that simpler maps are always more accurate or easier for every journey.

Apple · Interface exampleProduct reference
FigmaEXAMPLE 02

Use a small visual vocabulary for a complex process

FigJam’s connector examples represent a login process with simple shapes and directional paths. The limited visual vocabulary makes it possible to see a process as an organised whole before reading the text inside every step. The diagram still needs accurate labels and a real flow: visual order cannot compensate for missing branches or an incorrect relationship.

Figma · Interface exampleProduct reference

03 / CONNECT

Why it matters.

An orderly visual structure may support recognition and interpretation. Ask people to explain the display and compare their answers with the relationships it actually represents.

Possible influences to investigate, rather than guaranteed outcomes for every product.

04 / APPLY

Put it into practice.

  1. 01

    Make the overall visual organisation easy to recognise

  2. 02

    Use simple forms that preserve important distinctions

  3. 03

    Check what people infer before explaining the screen

05 / EXPLORE WITH UPSLIDE

Apply it with Upslide.

Use a practical guide, read a deeper explanation, or examine a related Upslide project.

Keep exploring

70 PRINCIPLES TO EXPLORE

The UX glossary

Current principle: 34 of 70 · Alphabetical order

THE UX GLOSSARY

Find your next idea.

PASS THE IDEA ALONG

Share this page

LinkedIn WhatsApp Email

UPSLIDE DESIGN STUDIO

Watch the explainer

Playback unavailable? Watch on YouTube ↗

SHARE WHAT YOU NOTICED

Contribute an example.

Share a screenshot and a few words. We’ll review it before publishing.

Add links or contact details (optional)

Reviewed by the Upslide team.