WE CREATE BRANDS PEOPLE L♥VE
Share

Gestalt Principles. Law of Similarity


Tegra - August 9, 2020 - 0 comments

Gestalt Principles
Applied to UX Design  Law of Similarity
Elements tend to be integrated into groups of they are similar to each other

Gestalt Principles. Law of Similarity 🔄

Courtesy of @tomkoszyk

Gestalt principles, or gestalt laws, are a set of rules describing how humans typically perceive objects by grouping similar elements, identifying patterns, and simplifying complex images.

Gestalt laws are pivotal in UX, especially when it comes to interface design.

After all, users must be able to understand what they see! 👀

❕ Law of Similarity — when elements appear to be similar to each other, we tend to group them together and give them the same function.

Law of Similarity  When elements appear to be similar to each other, we tend to group them together and give them the same function.

Law of Similarity

When elements appear to be similar to each other, we tend to group them together and give them the same function.

Although those elements looks the same and are evenly spaced, we tend to group them by colour.

Although those elements looks the same and are evenly spaced, we tend to group them by colour.

Here's an example of a simple sign in form. All the elements (input fields and button) looks exactly the same.  They should not! Cause we tend to perceive them as elements with the same function, thus interpreting inputs and a button as elements that work the same way.

Here’s an example of a simple sign in form. All the elements (input fields and button) looks exactly the same.

They should not! Cause we tend to perceive them as elements with the same function, thus interpreting inputs and a button as elements that work the same way.

In this example, there's a clear visual distinction between input fields and a button.  When elements appear to be similar to each other, we tend to group them together and give them the same function.

In this example, there’s a clear visual distinction between input fields and a button.

When elements appear to be similar to each other, we tend to group them together and give them the same function.

Get 50+ Marketing Tools we use in Tegra 🤘

Follow the link 👉 https://use.tegra.co/tools to get a list of 50+ free (or cheap) growth marketing tools that we and other growth agencies use to scale businesses like yours + growth hacking insights.

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *