Law Of Continuity - Gestalt Laws of Perceptual Organization

The law of continuity is one of the Gestalt principles that describe how humans perceive and organize visual information. According to this principle, we tend to see elements that are aligned or connected as part of a continuous line or curve, rather than as separate or disjointed parts. This helps us make sense of complex or ambiguous stimuli and create a coherent whole.

‍

‍

The law of continuity has important implications for web design, web development, UX, and UI. By applying this principle, designers and developers can create websites that are more intuitive, user-friendly, and aesthetically pleasing. In this article, we will explain what the law of continuity is, how it works, and how to apply it in UX and UI design. We will also show you three real examples of web design that use the law of continuity effectively.

What is the law of continuity?

The law of continuity was first proposed by Max Wertheimer, one of the founders of Gestalt psychology, in 1923. He observed that when we see a series of dots or lines that form a smooth curve or a straight line, we perceive them as a single entity, rather than as individual elements. He also noticed that when two lines intersect, we tend to see them as continuing in their original direction, rather than as forming four angles.

The law of continuity is based on the idea that our visual system prefers simplicity and order over complexity and chaos. We tend to follow the path of least resistance and avoid abrupt changes or interruptions in our perception. This helps us reduce cognitive load and process information more efficiently.

How does the law of continuity work?

The law of continuity works by creating a sense of direction and flow in our perception. When we see elements that are aligned or connected in a certain way, we automatically assume that they belong together and form a continuous pattern. This pattern can be straight or curved, horizontal or vertical, diagonal or circular. The shape and direction of the pattern depend on the arrangement and orientation of the elements.

The law of continuity also works by creating a sense of hierarchy and structure in our perception. When we see elements that are not aligned or connected in a certain way, we automatically assume that they are separate or unrelated. This creates a contrast between the continuous and the discontinuous elements, which helps us distinguish between different levels or categories of information.

How to apply the law of continuity in UX design?

UX design is the process of creating products or services that are useful, usable, and enjoyable for users. UX design involves understanding the needs, preferences, and behaviors of users, as well as the context and goals of the product or service. UX design also involves designing the interaction, navigation, layout, content, functionality, and feedback of the product or service.

The law of continuity can help UX designers create products or services that are easy to understand and use for users. By applying this principle, UX designers can:

• Create a clear and consistent visual hierarchy that guides users through the product or service.
• Group related elements together and separate unrelated elements apart to help users find what they need.
• Use smooth transitions and animations to create a seamless user experience.
• Avoid unnecessary breaks or interruptions that might confuse or frustrate users.

Some examples of how to apply the law of continuity in UX design are:

• Use breadcrumbs to show users where they are and how they can go back to previous pages.
• Use cards or tiles to display information in an organized and compact way.
• Use progress bars or indicators to show users how much they have completed or how much is left to do.
• Use sliders or carousels to show users multiple options or features without taking up too much space.

How to apply the law of continuity in UI design?

UI design is the process of creating the visual appearance and style of a product or service. UI design involves choosing the colors, fonts, icons, images, shapes, buttons, menus, and other elements that make up the interface. UI design also involves creating a consistent and coherent visual language that communicates the brand identity and personality of the product or service.

The law of continuity can help UI designers create products or services that are attractive and engaging for users. By applying this principle, UI designers can:

• Create a smooth and harmonious visual flow that connects different elements and pages.
• Use contrast and alignment to create focal points and emphasize important information.
• Use curves and lines to create movement and dynamism in the interface.
• Use whitespace and negative space to create balance and clarity in the interface.

Some examples of how to apply the law of continuity in UI design are:

• Use curved shapes and lines to create a soft and friendly interface.
• Use straight shapes and lines to create a sharp and professional interface.
• Use diagonal shapes and lines to create a dynamic and energetic interface.
• Use circular shapes and lines to create a circular and holistic interface.

3 real examples of web design that use the law of continuity effectively

Here are three examples of web design that use the law of continuity effectively:

• Spotify: Spotify is a music streaming service that uses the law of continuity to create a smooth and seamless user experience. The interface uses cards and tiles to display different categories and playlists, which are aligned horizontally and vertically. The interface also uses smooth transitions and animations to show users the progress and status of their music playback. The interface uses a dark theme with bright colors to create contrast and highlight important information.
• Airbnb: Airbnb is a platform that connects travelers with hosts who offer accommodation and experiences. The interface uses the law of continuity to create a clear and consistent visual hierarchy. The interface uses breadcrumbs to show users where they are and how they can go back to previous pages. The interface also uses cards and tiles to display different options and features, which are grouped together by proximity and similarity. The interface uses a light theme with warm colors to create a friendly and inviting atmosphere.
• Netflix: Netflix is a video streaming service that offers movies, shows, documentaries, and more. The interface uses the law of continuity to create a dynamic and engaging user experience. The interface uses sliders and carousels to show users multiple genres and titles, which are aligned horizontally and vertically. The interface also uses curves and lines to create movement and direction in the interface. The interface uses a dark theme with red accents to create a bold and powerful impression.

Conclusions

The law of continuity is one of the Gestalt principles that can help designers and developers create better web design, web development, UX, and UI. By applying this principle, they can create websites that are more intuitive, user-friendly, and aesthetically pleasing for users. They can also create websites that communicate the brand identity and personality of the product or service more effectively.

The law of continuity can be applied in different ways, depending on the type, purpose, and style of the website. However, some general guidelines are:

• Use alignment and connection to create a sense of continuity and flow in the website.
• Use contrast and separation to create a sense contrast between continuous elements.
• Use smooth transitions and animations to enhance the user experience.
• Use shapes and lines to create different effects in the website.

By following these guidelines, designers and developers can leverage the power of the law of continuity to create websites that stand out from the crowd.

Other Gestalt Laws

Check out the other five Gestalt laws in our following articles:

• Law of Proximity
• Law of Pragnanz
• Law of Similarity
• Law of Closure
• Law of Common Region

Bibliography

1: M. Wertheimer, “Laws of organization in perceptual forms,” in A source book of Gestalt psychology, W.D. Ellis (Ed.), London: Routledge & Kegan Paul Ltd., 1938, pp. 71-88.

2: S. E. Palmer, Vision science: Photons to phenomenology, Cambridge: MIT Press, 1999.

3: J. Lidwell, K. Holden, J. Butler, Universal principles of design: 125 ways to enhance usability, influence perception, increase appeal, make better design decisions, Beverly: Rockport Publishers Inc., 2010.

4: A. Boulton, “Gestalt principles: How are your designs perceived?,” Smashing Magazine, October 2014. [Online].

5: L. Olyslager, “Gestalt principles for interactive design,” Interaction Design Foundation, January 2021. [Online].

‍