Emotional response in user experience design refers to feelings, reactions and experiences users have when they interact with a product or service. Designers create interfaces and interactions that evoke specific emotions to make more engaging and meaningful user experiences that consider users’ emotional needs and desires.
Author and Human-Computer Interaction Expert, Professor Alan Dix explains why emotions matter in design:
Why are Users Emotionally Responsive?
In the realm of user experience (UX) design and user interface (UI) design, emotional response plays a pivotal role. It contributes significantly to the overall user experience. Logic and action aren’t the only factors that drive human users and customers of products and services. The feelings that users respond with to a digital product—such as a website or mobile app—impact several key dimensions. Emotional reactions, and responses, can be profound in such areas as user satisfaction and customer loyalty, and extend to brand perception.
Plutchik’s Wheel of Emotion captures the range and complexity of human emotions.
© PsychCentral, Fair Use
There are many feelings on the wheel of emotions. A positive emotional response can lead to increased product stickiness, higher tolerance for minor usability issues, and improved product adoption. On the other hand, a negative emotional response can drive users away, and result in lost opportunities and lower revenue. If the negative emotions that users experience are bad enough—and enough users experience such negative responses—a brand that doesn’t take corrective action immediately can even suffer marketplace failure.
Feelings are extremely important, although they don’t account for everything. Functionality and usability are also essential in a final product. Accessibility is also a massive consideration for designers to account for in their design work. However, it’s equally critical to design for emotion to create positive and memorable experiences. Users’ emotions, intuition and memories greatly influence their decision-making process throughout the various touchpoints where they encounter brands. Product designers and service designers need to understand how the choices users make to engage with brands tend to hinge on their emotional responses to design solutions.
What are the Challenges of Designing for Emotions?
By nature, it’s challenging to know, and thus, design for how users will respond emotionally to a product. The main challenge is to understand and predict the wide range of emotional responses users may have. Feelings are complex. They can vary greatly from person to person. People can have many different feelings about designs, for instance. These notions can depend on idiosyncrasies and matters that these users might not be able to explain themselves—such as gut reactions. That makes it difficult to create a one-size-fits-all emotional design. Also, cultural, social and other personal factors can influence emotions, which further complicates the design process.
Professor Alan Dix explains the need to consider culture in design:
Another challenge for designers is how to balance emotional appeal with functionality and usability. While a visually appealing design might evoke positive emotions, it will matter little if it compromises the functionality or usability of the product.
Yet another challenge is to identify the specific emotions that are most relevant to a product or service. Different products and industries may prompt different emotional responses. Some will be clearer than others. For example, a meditation app may aim to evoke feelings of calmness and relaxation. Meanwhile, a fitness app will be more likely to aim for feelings of motivation and empowerment for its users. It’s critical to understand the target audience and their emotional needs, to design for the desired emotional responses.
Aarron Walter, author of Designing for Emotion, represents the pyramid of needs users expect.
© Interaction Design Foundation, CC BY-SA 4.0
Hand in hand with emotional responses is the need to design for context. Consider the emotional situations users can find themselves in when they use—for example—a driving app or GPS. Driving, a potentially stressful and even hazardous activity, tends to call for features that keep users informed well in advance and calm. A digital application needs to prove its designers have empathy with drivers at the level that it accounts for their emotional responses. It also must stay at least a step ahead of the many uncertainties and frustrations that come with road use.
CEO of Experience Dynamics, Frank Spillers explains the value of when designers consider the context of use:
Examples of Emotional Responses in UX Design
Beyond the personal quirks, preferences and peeves of individuals, the types of emotional responses users are likely to have can vary depending on the context and the specific product or service. They also show how emotional design can significantly impact perception and overall experience with a product or service.
These are typical emotional responses that users experience:
Joy and delight: A well-designed mobile game that brings joy and excitement through engaging gameplay, vibrant visuals and rewarding achievements.
Trust and confidence: A banking app that instills trust and confidence. It does this through secure login processes, clear and transparent communication of financial information, and reliable customer support.
Motivation and empowerment: A fitness app that motivates and empowers users to achieve their health and fitness goals. It does so through personalized workout plans, progress tracking and positive reinforcement.
Frustration and disappointment: A poorly designed e-commerce website that frustrates users with confusing navigation, slow loading times and unclear product descriptions. These lead to a disappointing shopping experience and abandoned carts.
Apple is a notable example of a brand that has incorporated emotional design into their products. From the sleek look and feel of their devices to the intuitive user interfaces, Apple creates an enjoyable experience. Also, they form a strong emotional connection with their customers, many of whom are loyal to the Apple brand. Apple’s products have become synonymous with innovation, quality and reliability. These are attributes that have helped Apple build a loyal and devoted following.
Apple has a strong brand presence to cater to how it appeals to users. Apple’s Mental Wellbeing feature lets users journal their emotions and moods, and facilitates mental health self-assessments.
© Mashable composite; Shutterstock / i_fleur, Fair Use
Amazon is another prominent example of a brand that understands the importance of emotional design. With features such as one-click checkout and personalized product recommendations, Amazon creates an effortless shopping experience. Meanwhile, Amazon also provides their customers with a sense of convenience and satisfaction. Additionally, they offer excellent customer support, which helps build trust and confidence in the brand.
Amazon appeals to a wide range of customers with its signature features such as one-click checkout and personalized sign-in experience.
© Amazon.com, Fair Use
How UX Designers Address Emotional Response
There are various strategies and techniques to create designs that resonate with users on an emotional level.
Conduct User Research
UX research divides between quantitative research and qualitative research. UX research activities include interviews, surveys and usability testing. From solid research, designers can gain insights into users' emotional needs, preferences and pain points. Designers’ findings help them understand how users currently experience and respond emotionally to the product or service. From there, they can make informed design decisions to construct good user experiences in their UX design work.
UX Strategist and Consultant, William Hudson explains user research in this video:
Apply the Principles of Emotional Design
Don Norman—the father of UX design—proposes these principles in his book Emotional Design: Why We Love (or Hate) Everyday Things. Norman suggests that emotional design can fit into three levels: visceral, behavioral and reflective.
Visceral level: This is about designing for immediate, instinctual emotional responses. It focuses on aesthetics, visual appeal and sensory elements that evoke emotional reactions in users. For example, product designers can use vibrant colors, engaging animations and pleasing visual layouts to create a positive visceral response.
Behavioral level: This is about designing for the emotional experience during interaction. When designers work at this level, they consider the users’ goals, motivations and the overall usability of the product. Designers aim to create seamless and enjoyable experiences that align with their users’ emotional needs and expectations.
Reflective level: This is about designing for the emotional impact and meaning that a product or service has on users after the interaction. It considers the users’ reflection, satisfaction and long-term emotional connection with the product. Designers aim to create a lasting positive impression and emotional attachment.
© Interaction Design Foundation, CC BY-SA 4.0
Use Personalization to Tailor the User Experience
Designers fine-tine products or services to individual users' preferences and behaviors. They might customize the content, layout or functionality of a product based on the user’s past behavior, preferences or demographic information. Designers can also use storytelling to evoke emotional responses. As they weave a compelling narrative into the design, they can engage users on a deeper emotional level and create a more memorable user experience.
Frank Spillers explains the value of storytelling in this video:
Tips for How to Design for Positive Emotional Responses
Here are tips to help designers create experiences that evoke the desired emotional responses and leave a lasting impression on users:
Understand the Users
Designers should conduct thorough user research to understand the target audience and their emotional needs. It’s also vital to understand the specific emotions that are most relevant to the product or service throughout the user flow or customer journey as individuals experience the brand.
Create a Positive First Impression
Designers should pay attention to the visual aesthetics and overall user interface. That way, they can create a positive visceral response from users. Use colors, contrast, typography and imagery that align with the desired emotional tone. For instance, colors can evoke a range of emotions, from calm and trust (blue) to excitement and urgency (red). Similarly, high-contrast designs can grab users' attention and evoke a sense of excitement or urgency.
Colors can symbolize a wide range of emotions, some of which will depend on the context and culture of the users.
© Interaction Design Foundation, CC BY-SA 4.0
Focus on Usability and Functionality
Designers must ensure that their designs are not only visually appealing but also usable and functional—and accessible. A seamless and intuitive user experience can evoke positive emotional responses.
Professor Alan Dix explains the interplay between emotion and usability in this video:
Personalize the Experience
Bring the experience home to individual users. Provide personalized recommendations, content and interactions. This helps create a sense of connection and emotional engagement. For example, well-crafted microcopy—the small bits of text that guide users through an interface—can inject personality into a design. It can make it feel more human and relatable to users. This can evoke positive emotions. Users will tend to feel valued and understood—vital objectives of a UX design process.
Use Microinteractions
Use small, delightful interactions throughout the user journey. These microinteractions can include animated buttons, subtle sounds and visual feedback that enhance the emotional experience.
Tell a Compelling Story
Use storytelling techniques to engage users emotionally and create a memorable experience. Craft a narrative that aligns with the user's emotional journey and connects with their values and hopes.
Evoke Empathy
Design with empathy: consider the user's emotions, needs and goals. It’s vital to show understanding and compassion through the design choices, content and interactions. Designers who weave empathy into their design work early on—through user personas, for example—can leverage empathy to great effect and have better results in user tests.
This video explains how valuable empathy is in design:
Seek User Feedback
It’s important to continuously gather user feedback, to understand how the design resonates emotionally with users. Designers should use this feedback to iterate and improve the emotional experience.
Test and Iterate
Conduct usability testing and gather feedback throughout the design process. That’s the way to identify any emotional pain points or areas for improvement. It’s important to iterate and refine the design based on user insights.
Measure Emotional Impact
Designers should use qualitative and quantitative measures to assess their design’s emotional impact. It’s essential to conduct user interviews, surveys and emotional response assessments to gauge user satisfaction and emotional connection.
Remember, emotions are a powerful tool in UX design and a central part of user-centered design. They’re also a vital gauge to estimate user behaviors and reactions. UX and UI designers should harness emotional design with insight and energy to ensure their brands excel at producing the most delightful experiences.
When designers and other members of the design team, such as product managers, understand emotions, they can create user experiences that resonate and win in the marketplace. Also, when designers appreciate the nature and risk of negative emotions in various contexts, they can create products that wisely anticipate how users feel. User-friendly and delightful designs are the result of carefully informed decisions that come through in good visual design, specific features, information architecture and more.
