Law of common region

Image created with Midjourney. Image prompt:
Image created with Midjourney. Image prompt: A flat 2D minimalistic illustration of various abstract shapes (circles, squares, triangles) in different colors, grouped within larger geometric boundaries, illustrating the principle of the Law of Common Region.

In a world where user experience can make or break a digital product, understanding how people perceive and interact with visual elements is crucial. One of the principles that can guide the design of digital products is the Law of Common Region, a principle that falls under the Gestalt laws of grouping.

Understanding the Law of Common Region

The Law of Common Region states that elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary1. The principle was first proposed by Gestalt psychologists, who posited that the human mind has an innate disposition to perceive patterns based on certain rules, including proximity, similarity, continuity, closure, and connectedness1.

The Law of Common Region is particularly relevant in digital product design as it directly impacts how users perceive and interact with the interface.

Practical Examples in Digital Product Design

Navigation Menus

Consider the navigation menu on a website or an app. The list of options (e.g., Home, About, Services, Contact) are usually enclosed within a clearly defined boundary, often a rectangle. This helps users perceive these options as a single group related to navigation, thereby making the interface more intuitive.

Form Fields

In a digital form, fields related to the same information are often grouped within a common region. For instance, in a signup form, the 'username', 'password', and 'confirm password' fields may be grouped together, clearly demarcating them from other sections of the form, such as personal information or preferences. This makes it easier for users to understand and fill out the form.

Cards in User Interfaces

In modern user interface design, cards are commonly used to group related information. Each card acts as a common region that groups elements like an image, title, description, and action buttons. This allows users to understand that these elements belong together and represent one piece of information.

Connecting the Dots

In the design of digital products, the Law of Common Region allows designers to guide users' perceptions and interactions with the interface. By grouping related elements within a clearly defined boundary, designers can create intuitive, user-friendly interfaces that streamline the user experience and make the product more effective.

In a broader context, the Law of Common Region highlights the importance of understanding cognitive psychology in design. As digital product designers, harnessing these principles can help us create products that are not just visually appealing, but also cognitively intuitive. In the end, a product that respects and leverages the user's natural perception mechanisms is more likely to succeed in the competitive digital landscape.


The principles of grouping (or Gestalt laws of grouping) are a set of principles in psychology, first proposed by Gestalt psychologists to account for the observation that humans naturally perceive objects as organized patterns and objects, a principle known as Prägnanz. Gestalt psychologists argued that these principles exist because the mind has an innate disposition to perceive patterns in the stimulus based on certain rules. These principles are organized into five categories: Proximity, Similarity, Continuity, Closure, and Connectedness.