Perception

Law of Continuity

Also known as Law of good continuation

The eye follows smooth lines and curves, so elements arranged along a line or path are perceived as related and in sequence.

Experience · UX & Design Science1 research source
Share
Dots along a flowing curve light up in sequence as the eye follows the line — an illustration of Law of Continuity.

See it in action

The same screen without and with Law of Continuity. Watch both sides play out, then compare the outcome.

Cards end at the screen edgeRecommendedLooks complete — nothing hints at more

Two whole cards fill the row, so people scroll down past the carousel and never see items 3–10.

Last card cut offRecommendedThe cut-off card continues the line →

The row visibly continues past the edge, so the eye follows it and people swipe sideways.

What to watch: the swipe — a card cut off at the edge implies the row keeps going.

Do

Align items along a clear line or curve and let horizontal lists bleed off the edge.

Don’t

Break a reading line with misaligned items, or end a scrollable row exactly at the edge.

Key takeaways

  • Align related items along a clear line so the eye moves through them in order.
  • Use alignment and flowing paths to guide users through content and steps.
  • Broken alignment interrupts reading and makes items feel unrelated.

Quick facts

Also known as
Law of good continuation
Described by
Max Wertheimer
Year
1923
Category
Perception

Law of Continuity explained

The Law of Continuity states that elements arranged on a line or curve are perceived as more related than elements that are not. The eye prefers to follow smooth, continuous paths.

When two lines cross, we see two continuous lines rather than four separate segments meeting at a point. In the same way, we see a row of items as a sequence because they lie along the same line.

Designers use continuity to guide attention and convey order. Strong alignment creates invisible lines that lead the eye from one element to the next.

Where it comes from

Good continuation was described by Max Wertheimer in his 1923 work on Gestalt principles. He showed that people perceive lines as continuing smoothly rather than changing direction abruptly, and group elements that lie along the same path.

How it shows up in apps

Grids, aligned lists, horizontal carousels, timelines and progress steppers all use continuity. When items line up, users read them as a sequence and scan them easily; misaligned items break the flow and slow scanning.

Law of Continuity examples

A product page aligns image, title, price, rating and add-to-cart button along a single left edge. Shoppers' eyes travel straight down the column and reach the button naturally.

  • Horizontal carousels

    Cards aligned in a row are perceived as a related sequence, inviting users to scroll through them.

  • Timelines and steppers

    Lines connecting steps in a process show order and progress, guiding the eye from start to finish.

  • Left-aligned forms

    Forms with labels and fields aligned along one edge are faster to complete than forms with irregular alignment.

How to apply Law of Continuity

  1. Align elements on a consistent grid.
  2. Use lines and paths to show sequence in processes and timelines.
  3. Keep related items on the same horizontal or vertical axis.
  4. Lead the eye toward the primary action with layout flow.
  5. Avoid unnecessary breaks in alignment.

Want Law of Continuity checked in your own product? Our mobile app ux audit evaluates it alongside the other principles that shape how users decide, onboard and stay.

Common mistakes

  • Centring some elements and left-aligning others in the same section.
  • Zigzag layouts that make users search for the next item.
  • Visual flows that lead the eye away from the primary action.

How to measure it

Eye-tracking and scroll heatmaps show whether users follow the intended path. Compare form completion times and error rates for aligned versus misaligned layouts.

Frequently asked questions

What is Law of Continuity?

The eye follows smooth lines and curves, so elements arranged along a line or path are perceived as related and in sequence.

Where does Law of Continuity come from?

Good continuation was described by Max Wertheimer in his 1923 work on Gestalt principles. He showed that people perceive lines as continuing smoothly rather than changing direction abruptly, and group elements that lie along the same path.

How does Law of Continuity apply to app design?

Grids, aligned lists, horizontal carousels, timelines and progress steppers all use continuity. When items line up, users read them as a sequence and scan them easily; misaligned items break the flow and slow scanning.

What is good continuation in Gestalt psychology?

It is the tendency to perceive elements arranged along smooth lines or curves as belonging together and continuing in the same direction.

How do designers use the Law of Continuity?

Through alignment, grids, carousels, timelines and visual paths that guide users' eyes from one element to the next.

How do you measure Law of Continuity in a product?

Eye-tracking and scroll heatmaps show whether users follow the intended path. Compare form completion times and error rates for aligned versus misaligned layouts.

Sources

  1. Wertheimer, M. (1923). Untersuchungen zur Lehre von der Gestalt II. Psychologische Forschung, 4. Find on Google Scholar ↗

View all 60 laws of UX

Keep exploring

Law of Continuity in practice

Pass it on

Teach this to your team

Share it before your next design review — a shared vocabulary makes product decisions faster.

Join free

Get the ideas, not the noise.

Sign up with Google and we’ll send you short UX psychology tips by email — why people tap, stall and leave, and what to do about it. Unsubscribe anytime. Prefer something to keep? Get the free Laws of UX guide as a PDF.

Get the free Laws of UX PDFFree · no spam · unsubscribe anytime
Free certification

Can you apply Law of Continuity under pressure?

Test it in 18 real product scenarios in the free Product Design Science test. Score 70% and earn a founder-signed certificate anyone can verify.

  • Credential ID
  • QR verification
  • LinkedIn-ready
Free PDF · 74 pages · 2 editions

The Laws of UX, in one field guide

60 research-backed principles in 6 categories — what each one means, why it works on the human brain and how to use it on your own screens. Written by Sushant Singh, founder of Science of Apps, who has scaled consumer apps to lacs of users and spent 10+ years leading product across startups and digital businesses in the US, EU & India.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 74 pages

Get Laws of UX by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy

Free PDF · 90 pages · 2 editions

100+ Subscription Paywalls, decoded

110 real paywalls from top apps, taken apart, rated out of 5 and decoded with the Laws of UX — plus the frameworks, copy and checklists to ship your own. By Sushant Singh, founder of Science of Apps.

  • 110 paywalls rated
  • 34 Laws of UX
  • 12 frameworks

Which paywall scored 4.8 out of 5, and which scored 2.6? It’s all inside.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 90 pages

Get 100+ Paywalls, Decoded by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy