Picture of a phone with Shopify software

Start Your Business with Shopify

Try Shopify for free, and explore all the tools and services you need to start, run, and grow your business.

Psychological Design: 8 Tactics To Turn Leads Into Customers

Graphic of a human brand wrapped in a rope

What compels someone to buy one t-shirt over another seemingly identical garment from a different brand? The customer may not realize it, but there is science at play. Many brands tap into psychology to understand how the human brain makes decisions.

When a potential customer lands on a website, that brand has several opportunities to influence their behavior. From first impression to conversion, every design decision matters.

Here, learn how psychological design can inform everything from yourwebsite themeto your brand colors to the copy on yourBuy buttons. And explore the basic principles of psychology through tactics used by some of the world’s top brands.

The role of psychology in design

Academics’ opinions differ slightly on the actual number, but it’sbelievedthat 95% of human decision making is subconscious. Why does that matter forbrand design? It means that understanding psychological principles (like the emotional triggers that motivate people to act) will lead to more informed design decisions.

Understanding behavioral psychology can help brands ask the right questions about theirtarget audience. Beyond their basic demographics, what are their deeper motivations? How can you meet their basic needs? Or their desire to belong? What imagery and language helps them feel a sense of security or nostalgia?

Screen grab of the homepage for pet bran Finn
Finn’s homepage uses copy, photography, and design decisions to create positive feelings in its dog-owning target customers.Finn

While every audience is different and it’s important to cater your design to their preferences and behaviors, there are a set of widely accepted basic principles of psychological design. These include Gestalt Principles, cognitive load, Hick’s law, mental models, andcolor psychology. (Later in this article, you’ll learn more about how these principles can be used to influence user behavior.)

In the past few years, many designers have transitioned into UX design (short for user experience design) roles. That’s because design plays an important part in attracting and converting customers. UX designers use psychological design to create relevant and meaningful experiences that compel customers to visit, engage, follow, and buy. This user-centric framework is calleddesign thinking.

Why it’s important to learn psychological design strategies

A person organizes color swatches on a tableA beautiful design means nothing if it doesn’t evoke the right emotion or meet the needs of those who see it.

Applying design psychology tactics means the difference between going with your gut and making deliberate design choices based on science. This measured approach will save a brand time spent in trial and error, and help them better understand theirtarget customers.

A website design built with human psychology in mind can make the experience more intuitive and reduce friction. This gets your customer to where you want them, faster and without frustration.

Psychological design: 8 tactics for brands

  1. Humanize your business
  2. Use color psychology
  3. Reduce the number of options
  4. Optimize for ease of use
  5. Use Gestalt principles
  6. Guide the user’s eyes
  7. Use confirmation bias
  8. Reduce cognitive load

1. Humanize your business

Three people hang out in the wilderness on a coffee tableIt may seem obvious, but designing for humans is an effective tactic in design psychology—and some brands often overlook this basic concept. When building your brand, it’s important to stick to yourvaluesand design around your tastes, but it’s even more important to center the user experience in every decision.

Remember: Just because something appeals to you, it doesn’t mean it appeals to a potential customer.

Brands often redesign websites or even go through a full rebranding process. The best ones do so to meet changing consumer trends and address feedback. Yet, some websites stay the same forever. Take Craigslist. The popular buy-and-sell site has looked largely the same since the 1990s. Why? It works. The design is familiar and functional and serves the needs of the target customer. Implementing simplicity and ease of use means putting humans first—and is a provenconversion rate optimizationstrategy.

Trigger a positive feeling

Another way to humanize your design is to use real smiling faces in your website design and marketing. The smiling part is important. Onestudyhas found that smiling can be contagious—that humans often react to seeing a smiling face with a smile of their own. This is important because smiling hashealth benefits. The simple act of smiling can reduce stress, boost your mood, and release endorphins.

In the example below,Nuggetuses smiling children in its product page photos to induce a positive feeling—and connection—with customers.

Screen grab of product page for Nugget furniture

使用正确的设计也是cruci在自己的脸上al. Reflect the faces of your target customer back at them so they feel “This is a brand for someone like me.” Other tactics include using photos of people looking at the visitor (to engage them) or sharing photos of the real people behind the brand (to build trust).

Dream Popscustomer reviews also feature photos that trigger a familiar feeling with customers who resemble the presented ideal customers.

Screen grab of a website for Dream Pops with three customer reviews

Nopalera’s founder centers her own story in the brand’s messaging, and including her photo builds trust with audiences.

Screen grab of Nopalera's about page

Tips:

  • Create anAbout pagefor your website that includes photos of the founder and employees.
  • 如果你刚刚开始,还没有拍摄的生OB欧宝娱乐APP活方式photos, usestock photo websitesto include smiling people in your design.

2. Use color psychology

Portrait of a person leaning on a bright blue bust sculptureColor psychology is a challenging topic muddied by varying takes and a mishmash of Google search results. It’s easy to get caught up in misinformation. Often certain colors will be associated with emotions or reactions, like blue and calmness, or yellow and energy. But not everyone has the same connections with each color.

As behavioral scientist Brian Cugelmanwrites, “In the Western world, people describe red for its emotional connections to danger and passion. But in China, red is assigned emotional associations to happiness and fortune.” Culture and diversity add nuance to color psychology that cannot be summed up by a single framework.

Onestudyconfirms this assertion, finding that although there are patterns across cultures and regions (high association of the color yellow with joy, and black with sadness), these differences matter.

Consider age and learned experience, too. An older audience may have an affinity for colors that remind them of their childhood, like the muted autumnal palette of the 1970s. And a younger audience may be influenced by trends (think “millennial pink”).

Design psychologist Sally Augustin advises designers to consider the attributes of color, too: hue, saturation, and brightness. “Colors that are not very saturated but are relatively bright relax us,” shesays.

Screen grab of a website for the brand Fly By Jing

The example above uses highly saturated, energetic, and warm colors to reflectFly By Jing’s bold brand. Below,Salt & Stoneopts for low saturation to remind the visitor of a peaceful, high-end spa experience.

Screen grab of a website for the brand Salt & Stone

These examples show how different approaches to color can change the mood of a website. However, don’t apply broad color psychology principles to your branding exercise. Research your target market, use focus groups, and understand the specific cultural or demographic differences that might affect a user’s perception of color.

3. Reduce the number of options

A manicurist shows a number of nail polish colors to a clientHave you ever stood in front of a shelf of dozens of flavors of soda or shapes of pasta, completely immobilized by this seemingly unimportant choice? It turns out there’s science behind this phenomenon. Theparadox of choice, a concept popularized by psychologist Barry Schwartz, observes that when humans are given more choice, the result is not a feeling of happiness or freedom, but one of stress and dissatisfaction.

Choice can also lengthen the time to decision making, according toHick’s law. Using Hick’s law in design means reducing the number of options and removing barriers to decision making.

When a visitor lands on your site and they are presented with a multitude of options, from products to variants toshipping rates, they may become overwhelmed and leave without making a choice at all.

As youdesign a website对于你的品牌,请考虑绝对necessa什么ry and strip out the distractions. Do your customers need 48 color options for one t-shirt? Maybe pick the 10 most popular according to your data or market research. Are there too many CTAs on your home page? Focus your customers’ attention toward the path you want them to take.

Screen grab of a website for the brand Deeps

Deepsis a single-product brand selling natural sleep patches. The brand’s website is uncluttered and focused toward a clear call to action (CTA).

4. Optimize for ease of use

A young person uses a mobile phoneAnnual mobile ecommerce sales in the US alone areprojectedto reach $710 billion in 2025. As mobile use continues to increase, it’s important your website is optimized to improve user experience on smartphones.

It’s vital to find a balance between ease of use and functionality. You may want to offer customers plenty of choice, but if it affects the usability of your mobile site, the experience may be off-putting.

Analyzing data, such as information gained from heat mapping, can help you understand how potential customers navigate your mobile site, where they get stuck, and when they drop off. A seamless experience with your website can influence a potential customer’s overall feelings about your brand.

5. Use Gestalt principles

A row of glass Coca-Cola bottlesTheGestalt principles, introduced in the 1920s, are a set of ideas that can help designers create pleasing and functional designs based on an understanding of the human brain. Our brains naturally organize and find patterns in information to better consume and understand it.

This research led to a set of psychological principles that tend to vary in number and name but often include: proximity, similarity, continuity, closure, connectedness, perception, organization, symmetry, continuation, and figure/ground.

A diagram of 6 Gestalt principles with descriptions
A few Gestalt principles explained.UX Hints

Here are a few Gestalt principles. Learn how they apply to designing a brand and ecommerce site.

Symmetry

Research suggests humans are attracted to symmetry infacesand objects. Expert Alan Lightman explored this idea in his bookThe Accidental Universe, where he writes, “The search for symmetry, and the emotional pleasure we derive when we find it, must help us make sense of the world around us, just as we find satisfaction in the repetition of the seasons and the reliability of friendships. Symmetry is also economy. Symmetry is simplicity. Symmetry is elegance.”

Humans equate symmetry with harmony, and using this device in your website design can influence a user’s comfort in navigating it. Here’s a great example from beverage brandAvec.

Screen grab of a website for the brand Avec

另一方面,不对称也可以是有效的in design depending on the feeling or action you are trying to influence in your customer. If used carefully, this can be a tool to emphasize a certain aspect of the page.

Figure/ground

The principle of figure/ground is about the relationship between object and background. It encourages designers to make a clear distinction between what is considered the backdrop (the “ground”) and what you want the user to focus on (the “figure”). In this example from theNoah’s Boxhomepage, the brand uses solid boxes to emphasize the important content (text and CTA) and overlays it on a darker, busier backdrop.

Screen grab of a website for the brand Noah'sProximity

The principle of proximity is another useful way to understand how humans consume information. Because our brains want to find order in the world, people tend to organize information into buckets. Ease this strain by mimicking this human behavior and visually grouping related information.

Navigation bars, dropdowns, and footers are great examples of how design can help organize similar ideas and objects to create a seamless experience for customers. Take a look at this classic example fromLoisa. The designer uses proximity to reduce chaos and clutter in its multiple links and pages.

Screen grab of a website for the brand Loisa showing navigation optionsScreen grab of a website for the brand Loisa showing a collection page

6. Guide the user’s eyes

An older woman uses a laptopThe average person landing on your website for the first time may need a nudge to navigate to the pages and solutions that meet their needs. You can help guide them through this navigation using design psychology.

Graphic elements (like arrows or curved lines) and animation on scroll both use the Gestalt principle of continuity to help a user connect objects and follow a path. You can also use emphasis through color, size, or design elements to draw a user’s attention to a focal point.

See how your eye travels to the orange elements on this product page byPetaluma. By highlighting the subscribe option they are nudging customers to become repeat buyers. This also creates a visual hierarchy, using color to indicate importance.

Screen grab of a website for the brand Petaluma showing a product page

The example below fromDippin’ Daisy’sguides the eye with a strategically cropped image and strong graphics.

Screen grab of a website for the brand Dippin Daisies

7. Use confirmation bias

Two people lay on a couch relaxing with cucumber slices on their eyesConfirmation bias is the human behavior that sees us seeking out information that confirms our own beliefs, while ignoring that which doesn’t. While you want to try to avoid the trap of confirmation bias in your market research (that is, ignoring data that doesn’t jibe with your existing beliefs about your audience), there are ways to use it as a design tool.

Diagram illustrating the concept of confirmation bias
James Clear

Taking a strong opinion as a brand means that while you alienate some, you attract others by confirming their beliefs. It’s a mistake for a brand to try to be everything to everyone—it’s impossible. Instead, define your target customer in sharp detail and be clear about your values.

8. Reduce cognitive load

A mesh bag full of oranges casts a shadow on a beige wallPut simply, cognitive load is the amount of available space for memory in a human brain. Too much information or a cluttered design can overload the mind. Miller’s law, created by George Miller in the 1950s, states that a person’s working memory can process and hold around seven pieces of information at one time.

Ways to reduce clutter in your design include stripping out redundant links or info, converting large blocks of text into an infographic or another visual descriptor, organizing a lot of info into smaller chunks, and building on existing mental models.

This example fromHeiststrips down the top navigation to three options and centers a single CTA button atop an uncluttered video of models wearing the brand’s products.

Screen grab of a website for the brand Heist

Mental models in web design refer to beliefs users have about the way websites should work based on design patterns. These are founded upon a user’s previous experience and expectation that certain elements will appear consistently in the same places or function the same way. For example, placing a menu in the top left or right corner of a website, indicated by a stack of lines, can reduce cognitive load—the user doesn’t have to find the menu because it lives where they expect it to be.

Use psychology to improve your design—and customer experience

By employing the tactics above and conducting your own research, you can make more informed decisions about the design of your brand and your website. The first step is having a clear vision, a well-defined target audience, and a concrete set of measurable goals. These are the foundations of great design—and they will help you remain focused.

Data and feedback will then help you scale. Pay attention to how users are responding to and moving through your design, and use these insights to constantly tweak and improve your design around the needs of the customer. Tapping into what makes your customer tick makes it easier to build better experiences and drive conversion.

Psychological design FAQ

What is psychological design?

Psychological design is an approach to UX design that focuses on the needs, goals, and behaviors of the user. It uses research and data-driven insights, and common psychology principles like Hick’s law and Miller’s law to understand an audience and build experiences that appeal to them. User-centered design and visual cues are used to simplify, focus, and convert a target user.

How are psychology and design related?

Psychology and design are related because design relies on understanding human psychology to create designs that motivate a viewer or customer toward a specific goal. Designers who study human behaviors and understand psychology principles can build websites and user experiences that influence emotion and action. Psychology plays a big part in effective design strategy.

Why is the psychology of design important?

The psychology of design is important because it informs the design of a brand or a website beyond what’s aesthetically pleasing. It combines user research and psychology principles to create designs that evoke a desired emotion or reaction from a user. It also helps a designer focus their design to reduce confusion, simplify navigation, and inspire a positive aesthetic impression of a brand.

Topics: