Emotional design: Positively influencing user feelings

When users associate positive emotions with a product, service, or brand, they are more likely to become loyal customers. This concept is called emotional design, and we’ll explain what’s behind it.

07.11.2024 7 min reading time
Von: Kathrin Köhler Experience Design Director (UI)

Content

  1. In a nutshell
  2. What is emotional design?
  3. Why emotional design is essential
  4. Emotional web design in practice
  5. Don Norman: Levels of Perception

In a nutshell: Emotional design

  • Visual design that subtly triggers emotions
  • Builds deep connections between users and products or services
  • Uses design elements like color, shapes, movement, visuals, and sound to evoke emotions
  • Goal: spark positive feelings and reduce negative ones
  • Strengthens customer loyalty, boosts brand connection, and improves user experience
  • Increases conversion rates by enhancing customer satisfaction

Stay in your customers' minds with emotional design

Ever wonder why some designs stick with you while others are quickly forgotten? The secret is emotional design. It’s not just about visuals, but about creating an emotional connection that draws in your customers and keeps them coming back, giving you a clear competitive edge.

The three levels of emotional design and their effect on users; source: Don Norman

What is emotional design?

By definition, emotional design is all about crafting products, websites, or services that evoke positive emotions. Beyond meeting functional needs, your product should make users feel joy, trust, and comfort, encouraging them to return and engage again.

Why emotional design is essential for your brand

In a competitive market, where offerings are becoming increasingly similar, emotional design can make the difference in staying one step ahead of your competitors. It ensures your brand isn’t just noticed but preferred. Here’s how emotional design can offer key advantages:

1. Stronger brand loyalty
When users have positive associations with your brand, they are more likely to stay loyal and recommend your product.

2.Improved user experience
To 'design emotionally' improves the overall user experience by evoking positive feelings such as joy, satisfaction, nostalgia, identification or trust. This increases customer satisfaction, which in turn has a positive effect on conversion rates.

3. Increased recognizability
Products with emotional design stand out thanks to their unique look and feel, making your brand memorable and unmistakable.

4. Greater appreciation
Well-executed emotional design makes users value a product more, leading to higher price acceptance and a stronger perception of value.

5. Behavioral influence
Emotional design can positively shape user behavior by making products more attractive, enjoyable, and emotionally fulfilling.

Ultimately, emotional design converts users into loyal customers who not only return but also recommend your products to others.

Emotional web design in practice: How to make your brand stand out

Example of how culturally influenced color symbolism affects brand perception. Source: Interaction Design Foundation

At Moccu, we use emotional design primarily in web design to help our clients stay present in the minds and hearts of their target groups. Emotional web design often involves subtle elements that appeal to users on a subconscious level. Here are some of the techniques we use to build emotional connections:

  • Interesting details: Small, well-thought-out details in design and interaction can have a big impact on the emotional response.
  • Create atmosphere: Use colors, lighting, sound, and other sensory elements to create a specific mood that aligns with your brand message.
  • Use micro-interactions: Subtle animations, transitions, and interactions can give subtle hints and create a pleasant user experience.
  • Ensure consistency: A consistent design language and experience builds trust and security, which in turn can evoke positive emotions.
  • Show empathy: Understand the needs and desires of your users. Through targeted research and testing, you can develop designs that really address the emotional needs of your target group.
  • Maintain authenticity: Emotional design should feel genuine and authentic in order to appear credible and be logically connected to the brand and its values.


As a general rule, emotional design should take into account the context of use in order to meet the emotional needs of users in different situations and address them at the right moment.

The art of emotional design lies in sparking emotions precisely when they’ll have the strongest effect – often on pages that form the first impression, drawing visitors into a brand-aligned experience. This includes key areas like the homepage and collection or campaign pages that bring the brand to life.

However, in processes that need to flow smoothly – such as during checkout or when entering sensitive information – excessive emotional cues can disrupt the user's focus and interfere with task completion.

To summarize, an effective, emotional design strategy has three aspects:

  1. It creates something distinct, subconsciously felt by users, that evokes a positive emotional response.
  2. The design is applied consistently until it forms a cohesive brand identity or personality.
  3. The design is used with the right intention in the right context.

Now that you have a clear overview of how emotional design can give your brand strategic advantages and boost sales you can explore the fundamentals even further to grasp the mechanisms behind this powerful approach.

“Everything has a personality: everything sends an emotional signal. Even where this was not the intention of the designer, the people who view the website infer personalities and experience emotions.”

Quote from Don Norman about Emotional Design

Don Norman: Levels of perception

Don Norman, a pioneer in the field of design and usability, identified three levels of emotional design:

Visceral:
First impressions matter. How visually appealing a website is can determine within seconds whether users stay or leave. Clear, attractive designs are key. For example, a clean and intuitive user interface signals user-friendliness.

Behavioral:
The behavioral level of emotional design is concerned with the functionality and user-friendliness of a design. If a product is easy to use and offers a smooth experience, users feel competent. They unconsciously assess how well a design helps them achieve their goals and how easy it is to use. To evoke positive emotions, users need to feel confident that they have full control over the product.

Reflective:
This is about the meaning that a product has for the user. If a brand conveys values that users identify with, it strengthens the emotional bond and adds value to their experience.

Interaction of the three levels of emotional design; source: Don Norman

First functional, then emotional: Emotional Design according to Aarron Walter

In his book "Designing for Emotion", Aarron Walter explains that emotional design builds on Maslow’s hierarchy of needs: a product must first be functional and reliable before it can generate enthusiasm among users through emotional design. The basics need to be in place before emotions can be effectively used.

Emotional design is therefore the final element that helps a functional, reliable, and user-friendly product stand out from the competition and establish a strong emotional connection with users.

Maslow's hierarchy of needs as the basis for emotional design; source: Aarron Walter

What really matters

People love rough edges and are drawn to unique, creative designs that surprise them. Rigid guidelines and standardized layouts often have the opposite effect. If a design doesn’t reflect the brand and its values, it may be technically correct but still fail to resonate with users.

Creativity and individuality are crucial and distinguish an excellent design from a technically correct one. This will continue to be a noticeable advantage of human interface designers over AI-driven design solutions for a long time to come.

Important decisions should therefore be made by an experienced, human designer – while AI tools can assist, it's the designer's expertise that ensures results aren't repetitive or generic. AI-generated designs that don’t stand out from the competition can easily fall short. In contrast, custom designs tailored to a brand and its audience offer bold, unique interpretations that resonate emotionally.

The same issue is seen with template-based solutions: while they may offer quick fixes, they tend to be interchangeable, predictable, and often lack the emotional connection that truly engages users.

Important questions and answers

Would you like to know more? Then get in touch.

Kathrin Köhler Experience Design Director (UI)

Your message has been sent

Thank you for your message! We will get in touch with you as quickly as possible!

Our expert

Kathrin Köhler Experience Design Director (UI)

Kathrin Köhler has been with Moccu since 2018 and is currently an Experience Design Director. Her focus is on user interfaces, design systems, and strategic client consulting to create optimal design solutions and sustainable digital experiences.

LinkedIn

All articles by Kathrin Köhler

More insights from UI, UX and content

Back to Insights Back to Top