The Law of Continuity

Your constantly-updated definition of the Law of Continuity and collection of videos and articles
82 shares

What is the Law of Continuity?

The Gestalt law of continuity—or continuation—refers to how the human mind naturally organizes visual elements into continuous and uninterrupted lines or patterns. It is a fundamental concept in visual perception and design. Designers apply it to create interfaces that guide users' attention and create a smooth flow of information.  

In this video, author, designer and educator Mia Cinelli explains the importance of Gestalt principles in visual design and introduces a few of them, including continuity.   

Show Hide video transcript
  1. Transcript loading…
 

Why is Continuity Important in What Humans See?

The Gestalt principle of continuity—also, the law of continuity, principle of continuation and law of continuation—comes from the idea that the human mind perceives and organizes visual stimuli in such a way to create a sense of continuity and flow. The theory behind the law of continuity is that people usually perceive objects so that a series of visual elements belong together—and form a continuous line or pattern. This is true even if some parts are missing or obscured, and this principle is closely related to the concept—or Gestalt law—of closure. In closure, the mind fills in missing information to make a complete and unified perception out of a figure. 

The law of continuity has roots in the Gestalt psychology movement, which emerged in the early 20th century. “Gestalt” is a German word that describes the concept that an organized whole is more than the sum of its parts. For example, according to the principle of closure, figure-ground and the law of prägnanz, complex images become simplified because of the mind’s need to make sense of the object on show. To Gestalt psychologists, individual elements therefore take on a higher meaning than mere components. 

Image showing the law of continuity.

© Interaction Design Foundation, CC BY-SA 4.0

German psychologists Max Wertheimer, Wolfgang Köhler and Kurt Koffka developed the Gestalt principles to understand how humans perceive the world around them. The law of continuity is observable in the real world in that the human eye follows the smoothest path when viewing lines. That’s true regardless of how the artist has actually drawn the lines.  

When humans face a sequence of visual elements, they tend to see them as a continuous line or pattern. The human brain prefers to see a continuous flow of visual elements—as opposed to seeing separated objects. This natural inclination towards continuity is a key aspect of how humans make sense of their visual environment—an urge to extract meaning quickly from what was once a far, far more hazardous world. Because of its value, this law has seen a lot of use in a wide range of fields—including graphic design, advertising and product design.   

Why Continuity Continues to be Vital in UX/UI Design

The Gestalt law of continuity can play an important part in user experience (UX) design and user interface (UI) design. When designers apply this law in their design work, it helps them create interfaces that are intuitive and easy to navigate. Reasons why this principle is important in UX/UI design include that it:   

1.  Simplifies Navigation 

The continuity principle can guide users' eyes in a certain direction—a point that makes it easier for them to navigate the interface. It helps create a visual flow that guides users from one element to another—and so helps user interactions with a digital product or service.   

Image showing Apple macOS Dock strip of icons.

Apple's macOS Dock is a strip of icons located at the bottom of the screen. When a user hovers over an icon, it magnifies and smoothly animates to indicate selection—giving a sense of continuity and connection between the user's action and the system's response.

© Apple, Fair Use

2. Enhances Readability 

The law of continuity improves readability as it groups information in a continuous flow. It helps users easily understand—and process—the information they find on a website or app. For example, with primary and secondary navigation, designers can get continuity to work so it guides users without confusing them.   

Image showing menus with primary and secondary navigation.

Readability is a huge factor when designers have to show text information in volume. Continuity is a factor in flowing conveniently from primary to secondary navigation.

© Kapil Moon, Fair Use

3.  Creates Cohesion 

The continuity principle can give a sense of cohesion and unity to design elements. This makes the interface appear well-organized and aesthetically pleasing. At the very least, it can help calm users’ pain points if they are distracted or in busy or potentially stressful environments.  

Image showing 4 mobile screens side by side.

Alamy makes use of continuity to direct users in a smooth flow.

© Alamy, Fair Use

4.  Boosts User Engagement 

A user interface design that follows the law of continuity is likely to be more engaging as it runs in line with the natural visual perception of humans. This element of visual design is important as—typically—users will respond better to information architecture and other parts of a design in a way that they expect to find. That is, they find what they see conforms naturally to expected principles such as continuity. 

Image showing a Credit Karma screen.

Credit Karma features the law of continuity to draw attention to their services.

© UserTesting, Fair Use

Examples of the Gestalt Law of Continuity in UX Design

Here are some chief examples of how designers use the Gestalt law of continuity in interfaces: 

●  Menus and Navigation Bars 

In websites and applications, menus and navigation bars often follow a linear layout. This is something that lets users perceive them as a continuous group of elements. 

●  Progress Bars 

Progress bars are another example where the continuity principle often turns up. The continuous line in progress bars gives users a visual cue about how much progress they’ve made and how much is left. 

Image showing a progress bar.

Progress bars help keep users on board and can represent a highly encouraging aspect of continuity in flow.

© Michael Xavier, Fair Use

●  Typography and Text Layouts 

The way designers arrange and present text also adheres to the law of continuity. In Western cultures, for example, users naturally read text in a continuous flow from left to right, top to bottom. 

See typography expert, author, designer and educator Mia Cinelli explain the virtues of the law of continuation in typography: 

Show Hide video transcript
  1. Transcript loading…
 

Best Practices to Apply the Law of Continuity in UX Design

Some key ways that UX designers apply the Gestalt law of continuity in their designs are that they use it to: 

1.  Maintain a Logical Flow 

Designers should ensure that design elements follow a logical and predictable flow. This could be from left to right, top to bottom or along a specific path that guides the user towards the desired action. 

Image showing steps involved in the Sprig service.

Sprig applies continuity to direct users conveniently to the steps to use their app.

© UserTesting, Fair Use

2. Group Related Elements 

Use the principle of continuity to put related elements together—something that helps users perceive them as being a single entity. This improves the overall structure of an interface, and the readability of it. 

3. Use Lines and Paths 

Use lines, paths and similar visual cues to guide users' eyes in the direction that’s desired. This can be particularly useful in guiding users towards call-to-action buttons or important information. 

Image of the Nike site.

Nike applies continuity to direct users’ eyes horizontally through the rows.

© Nike, Fair Use

4. Ensure Consistency 

Consistency is key when it comes to making a continuous flow. So, be sure that elements like fonts, colors and button styles show up in a consistent way across the interface. Users find they can trust consistently crafted interfaces. A UI that improves the user experience will be one that matches their expectations while it distinguishes the brand message.   

5. Design with Intention 

For interface design, have a clear vision of the user flow and how to arrange elements to create continuity. Continuity comes best when designers arrange elements to lead the user’s gaze from one section to another. This creates a seamless experience—something that’s vital to keep users on board. 

Short animated GIF showing smooth navigation.

Good continuity keeps the users in flow—via smooth navigation, for example.

© Incharaprasad, Fair Use

6. Use Directional Cues 

Directional cues like arrows or curved lines can help make a clear path that users can follow. They also create continuity within the design. This can be especially helpful when designers want to guide users through complex processes or interactions.   

Screenshot from Google Maps, showing directions.

Google Maps keeps a good continuous flow to mirror the users’ needs.

© Google Maps, Fair Use

7. Incorporate Smooth Transitions & Animations 

Smooth transitions and animations create a sense of connection between different states of an interface. They also provide continuity between different pages or sections. This helps make an uninterrupted experience for the user while they navigate different areas of the design.   

8. Use Grid Systems & Layouts 

Grid systems and layouts are vital for putting order in designs and a sense of continuity throughout interfaces. Consistent spacing, alignment and hierarchy will help ensure that all elements fit together harmoniously. They’ll also guide the user’s eye from one area to another without disruption. 

Animated GIF image showing good hierarchy on an illustrated mobile screen.

A good, solid hierarchy goes a long way to aiding the users in flow.

© Incharaprasad, Fair Use

9. Create Good Flowcharts & User Journeys 

Flowcharts are great tools for mapping out how users move through an application or website. They help designers spot potential disruptions or gaps in the flow—problems that could impact overall continuity within their designs. They’re also vital tools in terms of how they can communicate design ideas among team members. 

10. Design Gestural Interfaces with Care 

Gestures like swiping or pinching should always give a smooth and continuous experience for touchscreen users. So, designers need to beware of letting jarring disruptions happen at all costs. That way, they can help achieve true continuity within their designs. 

Risks and Considerations

The law of continuity is a great benefit in UX/UI design—but it's important to be mindful of potential risks and considerations, and here are some:

Overuse of continuity:  The overuse of the principle of continuity can make for an interface that’s cluttered and confusing. So, don’t overwhelm users with too many elements in a continuous flow. Strike a balance between continuity and simplicity—to make sure a pleasant user experience becomes a reality. For example, think about using ample negative space or white space; it’ll give valuable breathing room to a design.  

Disruption of user expectations: If a design's continuity doesn't align with common UX patterns or user expectations, it can end up confusing users and even frustrating them. Always bear in mind the established conventions and user expectations in the design field—for example, include design patterns that work well.  

Neglect of other design principles: Remember, the law of continuity is just one of many Gestalt principles. It's important, indeed—still, don't neglect other principles such as proximity, similarity and closure. Those are equally crucial when it comes to making a cohesive and user-friendly design.  

The law of continuity—which plays a vital role in a seamless and enjoyable user experience—is a way to guide users' attention, establish logical flows and more. Ultimately, user testing will show fine points about how well the law of continuity actually works in a digital product or service. Overall, though, it’s an essential item in a designer’s tool kit—one that can help greatly in a site or app’s UX to keep a sure footing on the journey from user to customer.   

Screenshot from Amazon.com showing selection of women's boots.

Amazon's website uses the principle of continuity in their product listings, displaying in a continuous flow. This makes it easy for users to browse through items.

© Amazon, Fair Use

Learn More about the Law of Continuity

Take our Gestalt Psychology and Web design: The Ultimate Guide course.

Read our piece Laws of Proximity, Uniform Connectedness, and Continuation – Gestalt Principles (Part 2) for helpful in-depth insights.

Find further fascinating insights in Gestalt Design Principles | by Kai Tomboc.

Read this article for more in-depth points and examples: The Law of Continuity: Designing for Smooth Transitions | by Incharaprasad

Discover further aspects in this piece: UX Psychology: Gestalt’s Law of Continuity | by Dani Jones

Questions about Law Of Continuity

What are the limitations of the Gestalt law of continuity in complex interfaces?

In complex interfaces where there are many elements and dense information, overuse of this principle can end up confusing users. They might find it hard to distinguish between related and unrelated elements because everything seems interconnected.  

 To navigate these limitations, it’s important for designers to complement the Gestalt law of continuity with other principles—such as proximity and similarity. For example, if they group related elements together—proximity—or use similar visual styles for related items—similarity—they can help reinforce relationships between elements. Particularly, if designers set out a clear visual hierarchy through varying sizes, colors and typography, they can guide the user's attention to the most important information. This will help in the processing of complex interfaces. 

 Watch Hype4’s Creative Director and CEO, Michal Malewicz explain how the law of proximity helps establish a good hierarchy: 

Show Hide video transcript
  1. Transcript loading…
 

Do cultural differences affect the perception or application of the Gestalt law of continuity in design?

Cultural differences can have a bearing on how people perceive and apply the Gestalt law of continuity in design. Cultures vary when it comes to their visual languages, symbols and patterns—and this fact can affect how different cultures interpret design principles. For instance, Western cultures might emphasize linear, analytical processing—and be in favor of clear, continuous lines—while Eastern cultures may focus on holistic processing, valuing the overall balance and flow. Designers must think about these cultural nuances if they’re to make sure their designs communicate effectively across users’ different cultural contexts. So, an understanding of the audience's cultural background helps designers work the Gestalt principles into their interfaces in a way that resonates more effectively with that audience's perception and interpretation. 

Watch as author and human-computer interaction (HCI) expert Alan Dix explains about how to design for cultural considerations: 

Show Hide video transcript
  1. Transcript loading…
Video copyright info

Copyright holder: Tommi Vainikainen _ Appearance time: 2:56 - 3:03 Copyright license and terms: Public domain, via Wikimedia Commons

Copyright holder: Maik Meid _ Appearance time: 2:56 - 3:03 Copyright license and terms: CC BY 2.0, via Wikimedia Commons _ Link: https://commons.wikimedia.org/wiki/File:Norge_93.jpg

Copyright holder: Paju _ Appearance time: 2:56 - 3:03 Copyright license and terms: CC BY-SA 3.0, via Wikimedia Commons _ Link: https://commons.wikimedia.org/wiki/File:Kaivokselan_kaivokset_kyltti.jpg

Copyright holder: Tiia Monto _ Appearance time: 2:56 - 3:03 Copyright license and terms: CC BY-SA 3.0, via Wikimedia Commons _ Link: https://commons.wikimedia.org/wiki/File:Turku_-_harbour_sign.jpg

 

How can designers use the Gestalt law of continuity to enhance accessibility in designs?

Designers can increase the level of accessibility in their work when they use the Gestalt law of continuity to organize elements in a way that guides the user's eye smoothly from one component to the next. This principle can help designers make intuitive navigation paths for users—and that includes those with visual impairments—since it has an emphasis on clear, logical sequences of information or actions. From aligning elements along curves or lines, designers can make interfaces easier to understand and interact with. So, it lessens the amount of cognitive strain and makes content more accessible—to everyone. 

Take our Master Class on Accessibility, with Elana Chapman, Accessibility Research Manager at Fable

How can the Gestalt law of continuity assist in the redesign process of an existing product?

The Gestalt law of continuity can help in an existing product’s redesign through how it helps a designer improve that product’s visual and navigational flow. They can leverage this to create a more intuitive user experience—and so organize content and navigation elements in a way that feels natural and logical. 

Continuity can help when it comes to clarifying the hierarchy and relationships between different parts of the product. That will make it easier for users to understand and interact with the product—efficiently. From reorganizing components to follow natural sight lines, a designer can make navigation paths that are more intuitive. That will make it easier for users to understand and engage with the product. This approach doesn’t just clarify the product's structure and hierarchy—it gives its aesthetic appeal a boost, too, something that leads to a more cohesive and user-friendly interface. 

Take our Gestalt Psychology and Web Design: The Ultimate Guide course for extensive insights into how to make the visuals work even better in designs. 

How can designers apply the Gestalt law of continuity in mobile app design, and what are the benefits?

Designers can integrate the Gestalt law of continuity in mobile app design to make for more streamlined user experiences. This principle suggests that elements that are aligned in a line or curve get perceived as being related—and so can guide users through content with ease. When it’s at work, it improves navigation and coherence across various screen sizes—something that’s vital for responsive design. In a mobile-first approach, when designers prioritize simplicity and continuity, they make sure that content scales seamlessly from smaller to bigger screens. So, tips include to use consistent alignment and directional cues—to lead the eye—and to design with scalability in mind to accommodate different devices. This doesn’t just enhance the usability—it boosts aesthetic appeal, too—so making apps more intuitive and engaging. 

Take our course, Mobile UX Design: The Beginner’s Guide for in-depth insights about the fineries of mobile design. 

In what situations would the Gestalt law of continuity be more beneficial than the law of similarity?

The Gestalt law of continuity is better to use than the law of similarity in situations calling for a viewer's eye to get guided through a sequence or along a specific path. This is especially true in design contexts where the goal is to lead the user naturally from one element to the next—so creating a fluid and intuitive user experience.  

For example, in web design, the law of continuity helps create a sense of flow from the landing page down to the call-to-action. That makes sure that users follow the intended navigation path—and don’t get lost or distracted. That’s crucial for websites with complex information structures or multiple sections, as it keeps the user's journey coherent and focused.  

In interface design—such as the design of mobile apps or software—continuity excels in terms of organizing elements in a way that feels logical and predictable to the user. When buttons, icons and information follow a clear path, users can navigate more efficiently. That enhances usability and satisfaction.  

Overall, while the law of similarity is excellent for grouping and categorizing elements, the law of continuity shines in scenarios where movement, flow and directional guidance are of the essence. That makes it an indispensable source of help for creating engaging, user-friendly designs. 

Take our Gestalt Psychology and Web Design: The Ultimate Guide course for extensive insights into the various users of Gestalt laws in interface design. 

Can designers use the Gestalt law of continuity and the law of closure together? Provide an example in user interface design.

Yes, designers can effectively use the Gestalt laws of continuity and closure together in user interface (UI) design. An excellent example of this is in the design of navigation menus on websites or apps: think about a dropdown menu that—when activated—displays items in a curved or diagonal layout rather than a straight vertical or horizontal line. This use of the law of continuity encourages the user's eye to follow the path of menu items smoothly—something that boosts both the usability and the aesthetic appeal. 

Simultaneously, if some menu items are partially hidden or only icons appear without text, the law of closure lets users recognize these items as part of a complete menu. Users mentally fill in the gaps, understanding the full shape or form of the menu—even if all parts aren't fully visible. This combination doesn’t just make a visually engaging interface—it supports intuitive navigation as well. That’s because users can easily predict and follow the menu's flow, which improves their overall experience with the product.   

Take our Gestalt Psychology and Web Design: The Ultimate Guide course for extensive insights into the various users of Gestalt laws in interface design. 

What are some highly cited pieces of scientific research about the Gestalt law of continuity?

Chang, D., Dooley, L., & Tuovinen, J. E. (2002). Gestalt Theory in Visual Screen Design — A New Look at an old subject. In Selected Papers from the 7th World Conference on Computers in Education (WCCE’01), Copenhagen, Computers in Education 2001: Australian Topics, Volume 8 (pp. 5–12). Melbourne: Australian Computer Society.  

This publication revisits the application of Gestalt theory in educational visual screen design. It critically examines the common yet narrow application of Gestalt laws in design literature and identifies eleven relevant laws for enhancing visual screen design in educational contexts, including the law of continuity. The study applies these principles to redesign an instructional multimedia application, 'WoundCare', and it presents an evaluation of the new designs based on user feedback. It highlights the positive impact of these principles on learning and design aesthetics. 

What are some highly regarded books about the Gestalt law of continuity?

​Malone, E. (2023). A Guide to Gestalt Principles for UX Designers: A mini visual design guide to help user experience designers leverage gestalt principles for better designs. 8 paw press. 

This book offers a concise exploration of Gestalt principles in UX design. Erin Malone provides a practical guide—applying these principles to digital interfaces with a focus on mobile and web examples. The book delves into visual hierarchy, animation and microinteractions—aiming to help readers improve design skills. It also includes downloadable templates for design documentation—which make it a hands-on resource for UX designers. 

Answer a Short Quiz to Earn a Gift

Question 1

What is the main purpose of the law of continuity in design?

1 point towards your gift

Question 2

How does the law of continuity improve navigation in UX/UI design?

1 point towards your gift

Question 3

How does the law of continuity support readability?

1 point towards your gift

Question 4

What effect does the law of continuity have on the cohesion of a design?

1 point towards your gift

Question 5

Why does the law of continuity boost user engagement in design?

1 point towards your gift

Better luck next time!

0 out of 5 questions answered correctly

Do you want to improve your UX / UI Design skills? Join us now

Congratulations! You did amazing

5 out of 5 questions answered correctly

You earned your gift with a perfect score! Let us send it to you.

Letter from IxDF

Check Your Inbox

We’ve emailed your gift to name@email.com.

Do you want to improve your UX / UI Design skills? Join us now

Literature on the Law of Continuity

Here’s the entire UX literature on the Law of Continuity by the Interaction Design Foundation, collated in one place:

Learn more about the Law of Continuity

Take a deep dive into Law Of Continuity with our course Gestalt Psychology and Web Design: The Ultimate Guide .

One of the key ingredients to a successful product is the creation of effective, efficient and visually pleasing displays. In order to produce such high-quality displays, whether they are graphical (e.g., websites) or tangible (e.g., remote controls), an understanding of human vision is required, along with the knowledge of visual perception. By observing, researching, and identifying examples of our perceptual abilities, we can design products according to these unifying qualities. In order to spread such skills within the world of interaction design, we have developed “Gestalt Psychology and Web Design: The Ultimate Guide.”

Gestalt psychology is a theory of mind which has been applied to a number of different aspects of human thought, action, and perception. In particular, Gestalt theorists and researchers attempt to understand visual perception in terms of the way in which underlying processes are organized and how they help us make sense of the world. The organization of these cognitive processes is important to our understanding of how we interpret the constant stream of visual information entering our eyes and how it becomes a cohesive, meaningful and usable representation of the world. Over the last twenty years, the work of Gestalt psychologists has been adopted by interaction designers and other professionals involved in the development of products for human users.

Within this course, we have compiled and consolidated some of the best resources currently available on the subject of Gestalt psychology and visual perception. To help you appreciate how you can apply Gestalt psychology to web design, we have provided many different examples from existing designs. These draw attention to the exact qualities, quirks, and features of visual perception. Moreover, they discuss how these have been accommodated and, on a number of occasions, exploited so as to support either the user's intentions or those of the designer or client.

The application of Gestalt thinking to design provides us with insights and new ways of approaching problems and challenges. By cementing in our own minds the many ways we organize visual information, we can improve our designs for all users.

All open-source articles on the Law of Continuity

Please check the value and try again.

Open Access—Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!

Share Knowledge, Get Respect!

Share on:

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this page.

Interaction Design Foundation - IxDF. (2024, February 12). What is the Law of Continuity?. Interaction Design Foundation - IxDF.

New to UX Design? We’re Giving You a Free ebook!

The Basics of User Experience Design

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

A valid email address is required.
316,392 designers enjoy our newsletter—sure you don’t want to receive it?