Law of Similarity
The Law of Similarity is a principle from psychology that explains how our brains naturally group similar items together. When elements look alike - in color, shape, size, or style - we perceive them as part of the same group rather than as separate pieces.
Surinder Thakur · AI Product Designer
Founder of ProUXUpdated
- Principle · 147
- UX biases
- CRO techniques
- UX principles
- UX fundamentals
Why It Matters
Why Is It Important for Your Business?
- Enhances User Experience: Makes your website or app intuitive and enjoyable to use.
- Improves Navigation: Helps users understand the structure of your interface.
- Increases Engagement: Organized designs encourage users to interact more.
- Boosts Conversion Rates: Users are more likely to take desired actions when they can quickly find what they need.
- Strengthens Brand Identity: Consistent visuals reinforce your brand and build trust.
- Encourages Repeat Use: Positive experiences lead users to return to your site or app.
How to Improve
How Can You Apply the Law of Similarity?
- Design Clear Navigation Menus: Use the same colors or icons for related menu items to make navigation straightforward.
- Create Consistent Buttons and Icons: Similar shapes and styles signal that actions are related.
- Organize Content Visually: Group related information using headings, spacing, and alignment.
- Simplify Forms: Place related fields together and use consistent layouts to make forms easier to fill out.
- Highlight Calls to Action: Make primary actions stand out by using similar design elements.
Key Takeaway
In Summary
By applying the Law of Similarity, you create interfaces that are intuitive and easy to navigate. This not only enhances the user experience but also benefits your business through increased engagement, higher conversion rates, and stronger brand identity.
Questions about Law of Similarity
Buttons that do the same kind of thing should; buttons that do different kinds of thing should not. Primary, secondary and destructive actions are three categories, and consistency within each is what makes the difference between them legible.
Give them the same shape, weight and colour. People infer function from appearance, so two things that look alike are assumed to behave alike. The reverse is also true, which is why an element styled like a button but not clickable is a real defect.
These answers come from nineteen years of UX practice. More about Surinder →
AI Product Designer
19 years designing products, mobile first, grounded in UX psychology.
Founder of ProUX.
