Design—

The psychology behind UX/UI design

How are designs perceived by our minds? It's human nature to take in information in certain ways. This blog post goes through the most fundamental psychological principles behind user experience. 

3 min

How are designs perceived by our minds? It's human nature to take in information in certain ways. This blog post goes through the most fundamental psychological principles behind user experience. 

Law of Proximity

Law of Proximity: Objects that are close to each other tend to be grouped together. Our brain associates proximity with connectedness and naturally buckets things based on closeness. 

In the picture above, each column of 34 circles are grouped together based on the nearly zero distance between them. We also group the two columns on the left together, separate from the two columns on the right, because of proximity.

Law of Common Region

Law of Common Region: When elements that are located in the same closed region, we perceive them as belonging to the same group.


In the picture above, the circles are right next to each other so that the dot at the end of one circle is actually closer to the dot at the end of the neighboring circle. Even with the close proximity, the dots inside the circles are grouped together.

Law of Continuity

Law of Continuity: Points that are connected by straight or curving lines are seen in a way that follows the smoothest path.

In the picture above, we group the dots together in a curved line, creating a larger path.

Law of Pragnanz

Law of Pragnanz: When presented with complex objects, we tend to simplify them as much as possible.

In the picture above, the Olympic logo is a complex shape at first glance. Our brains simplify this to see five overlapping circles rather than a bunch of connected curves.

Law of Closure

Law of Closure: Elements that seem to complete some entity tend to be grouped together in our minds.


In the picture above, the separate lines/corners seem grouped together because they collectively form a diamond shape.