Emotions and user experience: 7 key principles of Emotion-Driven Design

In the first part of this blog series, we delved into why integrating emotions (more specifically: emotional intelligence) into design isn’t just a trend but a necessity. Today, we’ll take a step further and explore the how by unpacking seven key principles of Emotion-Driven Design (EDD).

Each principle tis rooted in emotion-related design knowledge, providing actionable tips and real-world examples to help you bring these concepts to life.

Let’s dive in!

Principle 1: Emotions Are Subjective

Key Insight: Emotions are deeply personal, shaped by an individual’s unique history, motives and interests. While emotional responses may follow general human patterns, the intensity and nature of these responses are highly subjective and influenced by numerous factors.

This means, emotional reactions vary significantly from person to person. As a result, there is no universal design solution capable of evoking the same emotional response in everyone.

Actionable Tip: Foster introspection within your team to uncover emotional assumptions and biases. Pair this with qualitative research methods, such as in-depth interviews and diary studies, to capture users’ unique emotional interactions with your digital product.

Example: A travel booking app could conduct diary studies where users log their emotions during the search and booking process. Follow-up interviews can uncover emotional triggers, such as stress from too many choices or joy in finding a good deal. These insights help design tailored experiences that address diverse user preferences.

Design Key Takeaway: Ensure your design accommodates a wide range of emotional responses by incorporating flexibility and customization. Personalization features, such as tailored recommendations, can help address varied user needs.

Principle 2: Design Evokes Micro Emotions

Key Insight: Interactions with a design evoke a continuous stream of micro emotions — subtle, fleeting feelings that collectively shape the user experience.

Actionable Tip: Collaboratively map out your user journey using a “Micro Emotion Scan” (MES) to create an Emotion Map, identifying where micro-emotions occur. Focus on opportunities to enhance these moments with thoughtful details. Select one positive emotion to enhance and one negative emotion to minimize and develop redesigns accordingly. This exercise demonstrates that (1) human interactions with design involve a stream of fleeting micro-emotions and (2) analyzing these emotions can uncover meaningful design opportunities.

Example: In the context of online travel agencies (OTAs), where I work, visuals play a critical role in shaping emotional responses. Users want clear, compelling pictures of hotels because these images fuel trust and excitement. However, if the images are too small, take too long to load or are of poor quality, the experience can quickly turn frustrating and lead to mistrust. On the flip side, a smooth, visually rich experience — like a gallery that’s easy to navigate with zoom features or immersive transitions — can spark curiosity and make users eager to see more.

Also, a well-designed loading animation can transform a moment of waiting into something engaging, even delightful. But! These enhancements should never take priority over fixing major usability issues or pain points. If the app has clunky navigation, confusing filters or frequent crashes, no amount of charming animations will save the experience. In fact, these problems will overshadow any delight users might feel, leaving them frustrated and negatively impacting their attitude toward your product. Always start by solving the big problems first. If the core functionality is solid, these enhancements can elevate the experience, building trust, satisfaction and loyalty.

Design Key Takeaway: Its’s ok to focus on micro-interactions (if you have enough resources!) as opportunities to create delight. Even something as small as a progress indicator or a subtle sound effect can make a big emotional impact.

Principle 3: Humans Have Fundamental Needs

Key Insights: Even though people have different goals and wishes on the surface, deep down everybody has the same universal psychological needs, such as community, competence, recognition, comfort and purpose (Desmet & Fokkinga, 2020a)

own image — based on the typology of fundamental human needs that was developed by Desmet and Fokkinga (2020)

Actionable Tip: Conduct user research to identify which fundamental needs are most important to your audience. Techniques like empathy mapping and surveys can help visualize the connections between user needs, emotions and pain points. These insights about the main needs can be used as (1) a means for analyzing the emotional impact of design and (2) as a starting point for design innovation.

Example: For a mental health app like Headspace, research may reveal that users value comfort during stressful times. The app can address this by offering guided meditations linked to personal goals or live group sessions that foster a sense of community.

Design Key Takeaway: Design with universal needs in mind. Addressing core human motivations like comfort and belonging leads to solutions that resonate deeply with users across demographics.

Principle 4: Design Evokes a Wide Varity of Emotions

Key Insight: Users can experience a wide range of emotions — at least 25 distinct positive ones — when interacting with products (Desmet, 2012). This highlights the importance of understanding nuanced emotional responses.

Actionable Tip: Develop your emotional granularity by exploring and categorizing subtle emotional nuances during product interactions. Take a look at Plutchik’s Wheel of Emotions and build awareness and knowledge within your Design Team about the variety and granularity of human emotions.

https://www.6seconds.org/2022/03/13/plutchik-wheel-emotions/

Example: A personal finance app could move beyond generic emotions like “satisfaction” to include pride in achieving savings goals or relief from simplifying budget tracking. These emotional nuances foster deeper engagement.

Design Key Takeaway: Move beyond generic emotional goals like “satisfaction.” Identify and target nuanced emotional states to create a richer, more memorable user experience.

Principle 5: Negative Emotions Can Be Enjoyable

This one is a bit hard to digest.

Key Insight: Negative emotions, when framed correctly, can enhance the user experience. Think of the thrill of a horror movie or the satisfaction of solving a challenging puzzle.

Actionable Tip: Identify negative emotions that might positively contribute to your product’s experience and design ways to reframe them.

Example: Duolingo uses playful tactics to make negative emotions enjoyable. User are aware that they might make mistakes — thats part of the learning process. When users make a mistake, the app’s owl mascot might look disappointed, but in a humorous, exaggerated way. Instead of making the user feel bad, it creates a lighthearted moment. The app then motivates users by showing progress stats or unlocking streak bonuses if they continue practicing, turning frustration over mistakes into determination and even a sense of accomplishment.

Screenvideo of Duolingo App

By gamifying setbacks and framing errors as part of the learning journey, Duolingo keeps users engaged and entertained. Clever.

Design Key Takeaway: Leverage negative emotions like frustration or fear as opportunities to surprise users with positive resolutions, turning challenges into motivation!

Principle 6: Emotions Reveal User Motives

Key Insight: Emotions act as windows into users’ deeper motives, such as their goals, values and concerns. They bridge the gap between a stimulus (e.g., an event or interaction) and personal significance by linking it to a motive. By unpacking emotions, you uncover the “why” behind user behavior, illuminating the values or concerns that drive decisions.

Actionable Tip: During user interviews, pay attention to moments where participants express strong emotions. Ask follow-up questions like, “Why does this matter to you?” or “What would make this feel better?” to uncover underlying motives.

Fictional example: A streaming platform like Netflix noticed users expressed frustration when they couldn’t find something “worth watching.” By probing deeper, researchers discovered that users valued “quality family time” but felt overwhelmed by choice. This insight led to curated “Family Night” playlists, directly addressing their core motive while reducing decision fatigue.

Design Key Takeaway: Use emotions as a diagnostic tool to uncover deeper user motives and values. This will help inform design strategies that address not just surface-level pain points but core user desires.

Principle 7: Emotions Are Often Driven by Dilemmas

Key Insight: User emotions sometimes stem from dilemmas — situations where conflicting motives or priorities collide. By understanding these conflicts, designers can create innovative solutions that reconcile users’ opposing needs.

Actionable Tip: Use a dilemma-driven design exercise to uncover these conflicts. Start by mapping user emotions onto “motive cards”, including the associated stimulus and underlying motive. Collaborate in teams to cluster these cards into categories, identifying where motives conflict. Select three key dilemmas as starting points for brainstorming interventions that address the tension between motives.

Example: Users often face a dilemma when booking a hotel: “Do I prioritize cost or quality?” This conflict between staying within budget and wanting a comfortable, memorable experience is a common source of emotional tension.
Step-by-Step Dilemma-Driven Design Exercise:

Step 1: Map User Emotions onto Motive Cards:

• Stimulus 1: Seeing an appealing, high-quality hotel with excellent reviews and photos.

• Motive: Desire for comfort, luxury or a memorable experience.

• Stimulus 2: Spotting a budget-friendly option with fewer amenities and average reviews.

• Motive: Staying within a strict budget or saving money for other aspects of the trip.

Step 2: Cluster Motive Cards to Identify Conflicts:

• Cluster 1: Emotional satisfaction from choosing a high-quality hotel (comfort, joy, excitement)

• Cluster 2: Practical satisfaction from saving money (security, frugality, relief)

• Conflict: Emotional tension arises when the user is drawn to a premium hotel but feels guilt or stress about overspending.

Step 3: Brainstorm Interventions to Address the Dilemma, e.g.:

• Solution 1: Introduce a “Best of Both Worlds” filter or section, highlighting mid-range hotels that offer good value for money (e.g., quality amenities at reasonable prices)

• Solution 2: Add a “Compare Options” feature that makes it easy for users to see trade-offs between cost, amenities and reviews side by side.

• Solution 3: Provide flexible payment options, such as “book now, pay later,” or split payments, to reduce the stress of immediate financial strain.

Design Key Takeaway: Identify and address user dilemmas by offering solutions that help them balance conflicting motives, creating a more harmonious and satisfying experience.

7 Key Takeaways:

➥Users experience emotions differently (subjective) based on their history and motives. Design for flexibility and personalization to meet diverse emotional needs.

➥ Micro-Interactions Matter: Tiny details like animations, sound effects or instant feedback can evoke powerful micro-emotions that enhance the overall user experience (if UX is already solid!)

➥Design with universal psychological needs like belonging, competence and comfort in mind to create deeply resonant experiences.

➥ Tap into emotional nuance. Move beyond broad emotional goals like “satisfaction” or “happiness” and aim for more nuanced states such as respected, perplexed, hopeful, thankful for richer engagement (use the wheel of emotions — it’s an amazing tool)

➥ Challenges like frustration or fear can sometimes be turned into opportunities for growth, learning or humor, keeping users motivated and engaged.

➥ Stronger emotions offer insights into users’ deeper motives, values and goals. Use this understanding by interviewing your users to design solutions that align with what truly matters to your target audience.

➥ Try to minimize emotional dilemmas. Identify and address conflicting user motives, such as balancing convenience with control, to create more harmonious and satisfying experiences. Help users to reach a more aligned and balance emotional state during the usage of your digital product.

Conclusion: Designing for emotion is designing for impact

EDD is more than just adding delight or addressing pain points. It’s also about creating experiences that resonate deeply, leaving a lasting impact on users. By understanding the nuances of human emotions, designer can craft solutions that go beyond functionality. The future of UX lies in its ability to decode emotions — those subtle yet powerful drivers of user decisions. By integrating these principles into your UX research approach, you’ll not only deliver valuable insights but also help create user experiences that genuinely connect with people on a human level.

Let’s research & design with heart, purpose and a deeper understanding of what makes us human.

Additional Resources to check out

• Design for Emotion” by Trevor van Gorp & Edie Adams

References

Desmet, P. M. A., & Hekkert, P. (2007). Framework of Product Experience.

Desmet, P., & Fokkinga, S. (2020). Beyond Maslow’s Pyramid: Introducing a Typology of Thirteen Fundamental Needs for Human-Centered Design. Multimodal Technologies and Interaction, 4(3), 38. https://doi.org/10.3390/mti4030038