Four psychology principles every UX designer should know

Posted on May 22, 2023
5 min read

Share

You don't need to be a psychologist to conduct user research, but having an understanding of the field can help you make better design decisions.

Though the concept of human-centered design has gone by many names over the years (human factors, usability, human-computer interaction, user experience design), the philosophy and methodology largely took hold during World War II.

Because of military necessity and a number of other factors, U.S.-based psychologists rigorously studied the limits of the human brain and body to help inform the design of airplane cockpits. The idea was that human psychology could be used to design a cockpit that would minimize human error.

Similar work has been done to reduce errors in other professions with high stakes. For example, an understanding of human psychology has been used to help surgeons reduce errors in their work.

Whether you're improving the experience for a pilot, surgeon, or website user, the principles of human psychology can help inform your work. These evidence-based, scientific principles can elevate your UX design practice.

1) Proximity-compatibility principle

The proximity-compatibility principle states that within a display or screen, items should be grouped together when they are related to a common task.

This design principle evolves from a basic Gestalt visual principle. The Gestalt philosophy suggests that humans perceive a whole that is “greater than the sum of its parts,” meaning our brains are heroes at making sense of complex visual input. According to the Gestalt principle of proximity, we perceive grouped objects as more related than objects that are spaced farther apart.

As a UX designer, go a little deeper and consider how the proximity of items influences not only how a display looks and feels, but also the user’s task flow.

For example, look at how Eventbrite uses white space to group information together in close proximity. The pricing information and ticket link are located together because those items are integral to the same task: buying a ticket. The event date, time, and calendar are placed together because it’s likely that while users are examining event details, they also want to access their personal calendar.

By grouping related, compatible information, you help the user naturally progress through your interface.

2) Continuity principle

The continuity principle suggests that when elements are visually arranged on a line or curve, we perceive them as related or connected. This perception can even override other strong visual grouping features like color.

The continuity principle matters in UX when you are arranging elements on a page. On Amazon, we perceive the rows of books to be related because they are arranged in a continuous line. The user understands that she is looking at an organized list of items curated by Amazon algorithms.

On the other hand, Pinterest-style blocks have variable heights. The arrangement of non-straight rows conveys a less-cohesive arrangement of items. This design feels like more of a scattered corkboard than an orderly filing cabinet, which is perfect for viewing a user-curated assortment of sources and ideas.

Users probably perceive Pinterest lists as less interrelated than Amazon lists, even though they never consciously think about it. The two designs visually communicate different psychological meanings for different purposes.

In your own UX designs, think about how you can use continuous or non-continuous lines to communicate relationships within information.

3) Focal point principle and visual hierarchy

Our visual attention is drawn to items that stand out from the rest of the environment. You can thank our expired caveperson needs, like scavenging for food and avoiding predators, for that. You can use the focal point principle to your design advantage by guiding visual attention to the most important page elements.

Designers intuitively understand focal points very well. UX designers should also think about focal points as a way to make an experience easier, to make pages super scan-able while avoiding overburdening the user’s brain.

Notice that the Blue Apron homepage contains “Sign Up” and “Sign Up Now” buttons that are orange and rectangular, in contrast to the blue logo, borderless navigation links, and white tag line.

Orange is effective here because the colour and shape of the buttons visually contrast with the rest of the navigation. If a user wants to sign up for Blue Apron, he’ll have no trouble figuring out how, which certainly translates to sales benefits for the company as well. And the two similar-looking orange buttons achieve the same goal, which is important for clarity’s sake.

As a UX Designer, consider how you can employ focal points to guide users to accomplish their goals. Besides colour and contrast, you can use size, shape, typography, or motion to guide visual attention.

Of course, limit your intended focal points to only the most important items, or users will feel overwhelmed.

And speaking of overwhelmed users, how do you organize large amounts of information to be easily digestible? Use a visual hierarchy. Humans naturally perceive the biggest or most attention-grabbing items to be most important, so you can use visual differentiators to create an organization of information, from highest order to lowest order.

Newspaper editorial designers are really good at creating a visual hierarchy. Historically, pre-Twitter, passers-by on the street needed to quickly scan front pages in a newsstand to decide whether to buy a paper. Readers can rapidly digest a lot of information thanks to headlines or images providing a focal point, and subheadings giving a visual hiearchy outlining the important stories.

4) Hick’s Law

This final psychology principle is actually classified as a ‘law’ because there’s a mathematical formula involved (fancy!) In the 1950s, psychologist William Edmund Hick identified that the time it takes for a person to make a decision is dependent on how many options they are given.

What does this mean to UX professionals? To make things easier on the user, limit the number of options provided. On an app or website, if users face too many options without a clear path, their tendency may be to quit and move on.

If you’ve ever eaten at a Cheesecake Factory restaurant, you recall their massive menu. There are pages and pages of options, spanning several cuisine categories. And that’s not even including the cheesecake.

Luckily, by this point, customers have probably committed to sitting in a restaurant booth. And luckily for the business, the tasty, overindulgent calories keep them coming back for more.

But what about digital experiences? Don’t make the TOO MUCH mistake with your designs. Chances are you want your interface to feel more like a menu for Five Guys burger restaurants.

You don't need to toss out all the information and features, but if you organize decisions in a way that makes sense, you can keep users on board. That means prioritizing and opting for simplicity whenever possible. Think clear categories, logical flow, nothing extraneous.

There is a very thorough article on Hick’s Law that was recently published on the Interaction Design Foundation website if you’d like to read more examples.

All of psychology plays into UX design, from visual perception to social psychology and behavior. The more you understand how people think and feel, the better you can create positive, helpful, delightful experiences. What do you think? Are psychology principles really worth knowing in UX design?

In this Article

    Related Blog Posts

    • FinServ usability testing

      ​Financial service organizations face unique challenges when conducting user research, from strict regulations and...
    • A/B test your mobile apps and websites for quick UX wins

      Every product designer or developer needs A/B testing in their toolkit, including those who...
    • Website checklist: Test and optimize your website before launch

      Pre-launch tests enable you to evaluate whether your website can withstand real-world usage scenarios...