Law Of Proximity - Gestalt Laws of Perceptual Organization
Learn how the law of proximity, a Gestalt principle, can help you create websites that are more organized, clear, and user-friendly.
Web design and web development are not only about creating attractive and functional websites, but also about understanding how users perceive and interact with them. User experience (UX) and user interface (UI) are two essential aspects of web design and development that aim to provide a satisfying and intuitive experience for the users.
One of the tools that can help web designers and developers to create better UX/UI is the Gestalt laws of perceptual organization. These are a set of principles that describe how humans perceive and group visual elements in their environment. In this article, we will focus on one of the most important and widely used Gestalt laws: the law of proximity.
What is the law of proximity?
The law of proximity states that objects that are close to each other tend to be perceived as belonging to the same group or category, regardless of their shape, size, color, or other characteristics. Conversely, objects that are far apart tend to be perceived as separate or unrelated.
In this image, due to the law of proximity, three main groups of grouped circles are visible.
The law of proximity applies not only to shapes, but also to text, images, icons, buttons, menus, forms, and any other visual element on a website. By using the law of proximity effectively, web designers and developers can create a clear and logical visual hierarchy, improve readability and scannability, reduce cognitive load and confusion, and guide the users’ attention and actions.
Why does the law of proximity matter in UX/UI design?
- Create a clear visual hierarchy that shows the importance and relevance of different elements on a website.
- Improve readability and scannability by making text easier to read and comprehend.
- Reduce cognitive load and confusion by simplifying the perception and processing of information.
- Guide the users’ attention and actions by creating focal points and calls-to-action.
How to apply the law of proximity in UX/UI design?
- Use whitespace (or negative space) to create distance between unrelated elements or groups.
- Use grids or alignment tools to create order and consistency among related elements or groups.
- Use visual cues or indicators to show relationships or connections between elements or groups.
Real examples of the law of proximity in web design
- Mailchimp: groups its main features and benefits into sections, each with a heading, subheading, image, and button close to each other.
- Airbnb: groups its search options into categories (Location, Check-in, Check-out, Guests), each with a label and input field close to each other.
- Spotify: groups its main benefits and features into sections, each with a heading, subheading, image or video, and button close to each other.
Conclusions
The law of proximity is one of the Gestalt laws of perceptual organization that can help web designers and developers create better UX/UI for their websites. By grouping related elements together and separating unrelated elements apart, web designers and developers can create websites that are easy to use and understand for the users.
Other Gestalt Laws
Check out the other five Gestalt laws in our following articles:
Bibliography
[1] A. Fitzgerald, “What Is the Law of Proximity & Why Does it Matter in UX Design?”, HubSpot Blog.
