UI UX Design

Psychology and UX

You probably come across various billboards, hoardings, posters, notices, messages, letters or even just images and text on paper every day. Some of these may be important and would require your attention, and others would be just be something you saw while traveling to work, scrolling through your feed or going through a magazine/ newspaper casually. All these are just images for our brain to analyze, sort through and dispose of eventually. But some of these are a bit more interesting to our brain even though they don’t need to be. There is a reason to why particular designs or layouts catch your eye or get your heart pumping.

Enter Neuroscience.

Wait, did you just mention Neuroscience in a UX blog?

Let me explain. Cognition is complex, and many factors play into gut reactions or any instant and random impression. When you ask someone, “Why’d you do that?” there’s a high chance they won’t be able to answer or that you’ll misinterpret their response for a bias. The thing is, our human brain is lazy, repetitive and prone to shortcuts

While research methods like observation and interviewing often require the UX researcher and participant to make guesses, modern technology like eye tracking allows researchers to study nearly imperceptible reactions and preferences.

In the case of products with substantial traffic, seemingly tiny details like the width of a button or the color contrast of text can make millions of dollars of difference. That’s why tech giants like Facebook and Google are beginning to employ neuroscience-based techniques to study how people use their products.

Let’s start with a few design principles which harness the knowledge of neuroscience and psychology and can help designers by understanding the mind of the user.

1. Spoilt For Choice

psychological study was done at a gourmet market, in which people could choose from 24 different jam flavors at one stand, and only six jams at another. While 60% of customers were drawn to the stand with a bigger number of choices, only 3% of them actually made a purchase.

On the flipside, 30% of those who had only six jam options bought themselves a jar.

This is related to Hick’s Law, which states that people take more time to choose if there is a greater number of choices in front of them. UX design is about helping users get what they need — quickly. The best approach for your design is to present a limited number of options, rolled out at optimal points while they are browsing through your interface.

Avoid overwhelming your audience. Even though many people think they are great at managing multiple things at the same time, most aren’t truly adept multitaskers. And those are the people for whom you need to design.

2. Hack Into The User’s Mind

It is no secret that much of what drives human behavior is subconscious. In the milliseconds after a person encounters a new app or website, millions of neurons fire and the brain makes hundreds of subconscious decisions.

Am I in the “right” place? Should I trust this site?

A 2012 study found that people form aesthetic reactions to a web page in the first 17 to 50 milliseconds after exposure.

To put that into perspective, it takes the eye 300–400 milliseconds to blink. Your product may receive its trial, judgment, and sentence all in less than the blink of an eye.

For example, if a site loads slowly and the brain reads the first items that load as “off-topic” the user may navigate away immediately rather than wait for the site to load.

Companies like Facebook invest significant resources into studying load order of elements. If someone logs into Facebook and doesn’t see any notification badges, they may navigate away instantly. If the badges load first, they may wait while the content-heavy News Feed loads.

Human brain’s decision making can be classified into 2 simple categories

System 1: fast, automatic, frequent, emotional, stereotypic, subconscious.

System 1 thinking is reactive — responsible for complex but instinctive cognition like determining the distance between objects or determining emotional responses.

System 2: slow, effortful, logical, calculating, conscious, infrequent.

System 2: thinking is analytical and is applied to more complex scenarios, like determining appropriate social behavior or comparing two products with different prices and characteristics.

Since the brain doesn’t want to re-process information or make novel decisions every time it is faced with a new scenario, much of human decision-making falls into System 1, or “fast thinking.”

When making decisions quickly the brain can over-rely upon schemas or mental models — familiar patterns of information and interaction. When System 1 thinking is engaged, System 2 never kicks into effect. People may not be aware of their brain’s decision-making, but it strongly impacts their behaviors and perception of the product

3. Make It Standout

Everyone arrives at a website or an app with some expectation of what it should look like. Staying close to that expectation helps designers benefit from instant subconscious decision making.

The person who opens your app or website wants to know a) does this have what I am looking for; and b) is this high quality? Keeping designs simple and keeping brand, services, and products front and center help people orient themselves.

Putting some information front and center means keeping other information from crowding it out. Decluttering a design is just as important as re-arranging components.

These minimalist designs outperform more complex designs in task completion and visual clarity is shown to impact purchasing decisions on and offline.

It’s been scientifically proven that visually simple and clean designs perform better. The lazy brain can grasp the site’s purpose instantly and understand what action to take.

4. Organize and Profit

Eye tracking studies are able to follow a person’s gaze as they interact with a product. They can produce heat maps that show the length of time spent focused on one part of the screen, or maps of how the eye jumps around the page.

We know that, across industries and app types, the brain commonly scans for information in an F-pattern (or E-pattern). The person looks at the information at the top, reading to the right, and then scanning down the page for relevant information or icons.

Breaking the F-pattern — for example, putting important information in the bottom-right corner — will make it harder to find.

5. Go Easy On The Text

According to a study, people read only about 20% of the text on a page. Worse, on sites with more content, people dedicated only about 4 extra seconds for each additional 100 words of text.

In a world where people don’t read word-for-word, Nielsen Norman employs the following guidelines for scannable text.Highlighted keywords

Meaningful subheadings

Bulleted lists

One idea per paragraph

The inverted pyramid style — start with the conclusion

Half the word count (or less) of conventional writing

Color theory, weights, and contrast can be used to direct user attention. NASA’s cockpit design team uses luminance to help manage the pilot’s attention in an area crowded with competing for information. The cockpit design team uses color and contrast to give visual prominence to the most important elements.

Contrast and luminance are just a first step. Color theory suggests balancing your product’s colors by using the dominant color 60% of the time, secondary 30%, and accent 10%. This breakdown is consistent with the neuroscience behind what draws the eye. Because the accent color is used the least, it draws the eye the most.

Just as the use of bright color can draw the eye, use of more muted colors can help a user determine which information is secondary or less important. For example, most websites use footer areas with a more neutral color to show separation from the rest of the information on the page.

Your User’s Memory Is Complex, But Their Recall Is Limited

In order to remember something, the human mind reconstructs memories. This explains why you could get four different versions of the same event from four different people.

Translating this knowledge into UX design, you mustn’t force users to remember too many steps when they use your product. If there are too many steps to recall, they are bound to forget a few.

It’s essential that your designs respect the restrictions of the brain’s cognitive load. If a user is forced to think too much in order to complete a task, they’re likely to avoid it in the future or to forget steps and become frustrated if they do try it again. Frustration does not create an optimal user experience.

A common web design best practice is to provide no more than three or four steps in any given user task. If you over-complicate your tasks, you run the risk of unpleasant user experience. This leads to lower quality website signals, lower search rankings, and of course, abandoned carts and lead generation forms.

A good solution is serial positioning, or the human brain’s tendency to best recall the first and last steps in a process. This is why many popular apps position “home” and “profile” either to the far left or the far right.

Wrapping Up

Your task as a designer is to come up with an efficient design that will help your users solve problems. Psychology is an essential factor in delivering on that objective in user experience. You need to understand the human psyche: how people come up with different thoughts and ideas to solve an issue. This way, you can create designs with true meaning and exceptional usability.

Successive
Advantage

Successive Advantage

We design solutions that bring unmatchable customer experience to life and help companies accelerate their growth agendas with breakthrough innovation.

Connect with us ➔
pattern
pattern icon