Gestalt Principles Applied To UX Design

A common adage in the product design world is “don’t make users think”. It can be a challenging goal to achieve, but what if I told you, getting there could be easier?

Gestalt theory implies that the mind understands the whole is greater than the sum of its parts. Simply put, our mind will always try to make order out of chaos.

The Gestalt theory is guided by 5 principles — Proximity, Similarity, Continuation, Closure, and Figure/Ground.

Proximity

When an individual perceives an assortment of objects they perceive objects that are close to each other as related.

In the example above you’ll find that closer that items are they form a relationship. In turn, they are easier to read and associate with each other.

Similarity

Elements can visually be grouped together if they have visual similarities. This can be applied in the form of color, shape, or iconography.

Visual nomenclature can help identify items that belong to similar or different categories while maintaining a consistent patterns across experiences.

Continuation

Continuity happens when the eye is guided to move from one object to another.

Components containing tabs or dropdown selections with a partial option within view provides an affordance that there are additional options or interactions.

Closure

Individuals perceive objects such as shapes, letters, pictures, etc., as being whole when they are not complete. Specifically, when parts of a whole picture are missing, our perception fills in the visual gap.

Loading states, completion meters are great examples of this.

Figure/Ground

Refers to our ability to visually separate elements on different planes of focus. There are three ways to effectively execute this, of these through layering, contrast, and information hierarchy.

Modals, overlays, and information hierarchy all abide to the law of figure ground. Material design goes as far as to classifying z-axis of elevation within their visual language.

Wrapping up

These principles should be a mainstay in your toolbox. If applied correctly, they can provide you with some quick wins out of the box. What are some examples of how you may have applied these?

0 0 vote
Article Rating
Creative Entrepreneurshttps://creattiv.net
My name is Reza Barauntu. I am passionate about entrepreneurship, technology, web design, art, and music. I design and develop experiences that make people's lives simpler. Follow Creative Entrepreneur on Instagram @founders.guides
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments

Sponsor

Discover

Latest

USA Cities Animated | Abduzeedo Design Inspiration

Today I want to share some really cool illustrations but they are not just beautiful, they are also animated. The work was done by Latham...

Nine Facts of Fundraising You Need To Know

“Hey Brett, I’m going to be on vacation for the next couple of weeks. I’ll pick up the diligence when I get back,” Tucker...

How to Create an SEO Strategy for 2020 [Template Included]

Here are nine steps you can take to make sure all of your SEO bases are covered in 2020. Also, grab your free planning template to master on-page SEO.

Sketch Workflow — 8 point Soft Grids

I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please read...

If a startup has a great product, then why don’t people buy it still?

Even with the best budget and marketing effort, some products failed. See how Apple, Amazon, Google, Microsoft, Sony, and some big names product failed.
0 0 vote
Article Rating
0
Would love your thoughts, please comment.x
()
x