Emotional Design User Experience (UX) topic overview/definition

What is Emotional Design?

Emotional design strives to create products that elicit appropriate emotions, in order to create a positive experience for the user. To do so, designers consider the connections that can form between users and the objects they use, and the emotions that can arise from them. The emotions a product elicits can strongly influence users’ perceptions of it.

Emotions play a central role in the human ability to understand and learn about the world. Positive experiences kindle our curiosity, and negative ones protect us from repeating mistakes. Humans form emotional connections with objects on three levels: the visceral, behavioral, and reflective levels. A designer should address the human cognitive ability at each level—to elicit appropriate emotions so as to provide a positive experience. A positive experience may include positive emotions (e.g., pleasure, trust) or negative ones (e.g., fear, anxiety), depending on the context (for example, a horror-themed computer game).

Visceral emotional design appeals to our first reactions when we encounter a product. It mainly deals with aesthetics and the perceived quality from mere look and feel, and the engagement of the senses. Here, we examine what inner or “gut” reactions tell us about an item. Behavioral emotional design refers to the usability of the product, our assessment of how well it performs the desired functions, and how easily we can learn how to use it. By this stage, we will have formed a more justified opinion of the item. Finally, reflective emotional design is concerned with our ability to project the product’s impact on our lives after we have used it—e.g., how it makes us feel when not holding it, or what values we find ourselves attaching to the product in retrospect. Here is where designers will want to maximize the users’ desire to own that item.

Literature on Emotional Design

Here’s the entire UX literature on Emotional Design by the Interaction Design Foundation, collated in one place:

Featured article

Putting Some Emotion into Your Design – Plutchik’s Wheel of Emotions

Putting Some Emotion into Your Design – Plutchik’s Wheel of Emotions

Emotional design is a big buzz word within the UX community. Designs which tap into the user’s emotions are considered to do more than just respond to their stated needs and provide a greater level of user experience. One way of understanding emotions is Plutchik’s Wheel of Emotions – this may help you deliver better experiences to your users when designing products.

Products that people love are products that people use over and over again. Products that they like, on the other hand, quickly slip from the user’s mind and are replaced in time with products that are liked better or even loved. The corner stone of emotional design is the idea that if you can elicit strong emotions in your users – you can use those emotions to either create loyalty or to drive a customer to take action.

Robert Plutchik, was a thought leader in the study of emotions. Before he passed away in 2006 he was responsible for 8 books (and editing another 7), nearly 300 articles, and 45 chapters in emotional research as a psychologist. He held a doctorate degree as well as two positions at respect universities at professorial level.

Plutchik’s Psycho-evolutionary Theory of Emotion

Robert Plutchik devised the psycho-evolutionary theory of emotion and this helps categorize emotions into primary emotions and the responses to them. He argued that the primary emotions are an evolutionary development and that the response to each such emotion is the one that is likely to deliver the highest level of survival possibility.


Author/Copyright holder: Machine Elf 1735. Copyright terms and licence: Public Domain.

He posited 10 points with regard to emotion:

  • Emotions are found at all evolutionary levels of species. They are equally applicable to all animals as they are to human beings.
  • Emotions evolved differently in different species and may be expressed differently between those species.
  • The purpose of emotions is an evolutionary survival response enabling the organism to survive when confronted by environmental challenges.
  • While emotions can be displayed and evoked through different mechanisms in different organisms there are common elements to emotions that can be identified across all emotional animals.
  • There are 8 basic, primary emotions.
  • Other emotions are simply a combination of these 8 basic emotions or are derived from one (or more) of these basic emotions.
  • Primary emotions are “idealized” and their properties must be inferred from evidence but cannot be accurately stated in full.
  • Each primary emotion is paired with another and is a polar opposite of that pair.
  • Emotions can and do vary in degrees of similarity to each other.
  • Emotions exist in varying degrees of intensity.

The 8 basic emotions that Plutchik devised were:

  • Anger
  • Disgust
  • Fear
  • Sadness
  • Anticipation
  • Joy
  • Surprise
  • Trust

The Wheel of Emotion

From this initial emotional theory Plutchik then developed a Wheel of Emotion. It was designed to help the user understand the nuances of emotion and how emotions contrast with each other. He developed both 2 and 3 dimensional models for this. The 3D model is the “cone-shaped model of emotion”. They were first described back in 1980.

Author/Copyright holder: xdxd_vs_xdxd. Copyright terms and licence: CC BY-SA 2.0

The wheel can be used by designers to examine the complexities of emotion and to act as a “colour palette” for emotional design – with the idea being that blending different emotions will create different levels of emotional response and intensities of that response.

The wheel is a simple model and there are almost certainly additional emotional inferences that could be drawn from a more complex model – however, it focuses on the basic emotions that most designers are likely to want to elicit in their users and as such provides a useful starting point.

Basic Emotional Pairs on

The basic emotional pairs are as follows:

  • Joy and Sadness
  • Trust and Disgust
  • Fear and Anger
  • Surprise and Anticipation

Emotions on Plutchik’s wheel may be combined as follows:

  • Anticipation + Joy = Optimism (with its opposite being disapproval)
  • Joy + Trust = Love (with its opposite being remorse)
  • Trust + Fear = Submission (with its opposite being contempt)
  • Fear + Surprise = Awe (with its opposite being aggression)
  • Surprise + Sadness = Disapproval (with its opposite being optimism)
  • Sadness + Disgust = Remorse (with its opposite being love)
  • Disgust + Anger = Contempt (with its opposite being submission)
  • Anger + Anticipation = Aggressiveness (with its opposite being awe)

Criticisms of Plutchik’s Model

The biggest criticism of this model is its failure to take into account the pairing of Pride and Shame. These are emotions which designers often play to. For example, gamification efforts may attempt to tap into a user’s pride through leaderboards or badges. Conversely charitable and campaigning organizations may try to tap into shame to encourage action.

It is also often felt that the model is too simplistic and that there are greater emotional nuances not captured within it.

However, it is generally agreed that the Wheel of Emotion is a good starting point when considering what emotions a design may elicit. It does not prevent the UX designer from looking for additional tools to aid in emotional design.

The Take Away

The Wheel of Emotion is a useful tool to get UX designers thinking about how they may elicit certain emotions through their product design. It is not considered to be a complete emotional design toolkit and may be too simplistic for some situations and may neglect other strong emotions completely.

References

You can find several emotional models here on Wikipedia - https://en.wikipedia.org/wiki/Contrasting_and_categorization_of_emotions#Plutchik.27s_wheel_of_emotions

You can find some great ideas for emotional metrics for emotional design at Smashing Magazine - http://www.smashingmagazine.com/2011/05/optimizing-emotional-engagement-in-web-design-through-metrics/

UX Review looks at emotional mapping for design here - http://theuxreview.co.uk/driving-more-valuable-customer-journeys-with-emotion-mapping-part-1/

Hero Image: Author/Copyright holder: shellgreenier. Copyright terms and licence: CC BY-NC-ND 2.0

Show full article Show collapsed article

Learn more about Emotional Design

Take a deep dive into Emotional Design with our course Emotional Design: How to make products people will love.

What separates great products from good ones? Attractive designs? User testing? Genius designers? Well, these might be contributory factors, but the true distinction lies in how they make users feel. Every experience has an emotional component, and using products is no different. Incorporating emotion should therefore be a key consideration when designing products or websites. This course will provide you with an understanding of emotional responses and how to create designs that encourage them.

An understanding of emotional design—how users feel and what affects these feelings—is essential if you want to provide great user experiences. There are probably things near you right now that are not necessarily the best, and they might not even be particularly attractive, but you are nonetheless still using them. Take a seashell from your favorite beach, or your very first tennis racket, for example; they are meaningful to you, and you consequently feel a connection to them. These connections are powerful; they subconsciously affect you and have the capacity to turn inanimate objects into evocative extensions of you as an individual.

In this course, we will provide you with the information necessary to elicit such positive emotional experiences through your designs. Human-computer interaction (HCI) specialist Alan Dix provides video content for each of the lessons, helping to crystallize the information covered throughout the course. By the end of it, you will have a better understanding of the relationship between people and the things they use in their everyday lives and, more importantly, how to design new products and websites which elicit certain emotional responses.

All literature

User Experience and Experience Design

Ch 3: User Experience and Experience Design

I open my eyes. Lush light floods the room, birds chatter. It is only 6:30 o'clock in the morning, but I feel well-rested and alive; time to get up, to brew some coffee. Are you jealous of my morning routine? Were you startled out of your sleep by a merciless alarm clock? Was it dark outside, no birds around, and did you feel groggy and bleary-e...

Book chapter
Affective Computing

Ch 12: Affective Computing

As Human-Computer Interaction (HCI) and Interaction Design moved from designing and evaluating work-oriented applications towards dealing with leisure-oriented applications, such as games, social computing, art, and tools for creativity, we have had to consider e.g. what constitutes an experience, how to deal with users’ emotions, and understand...

Book chapter
Emotion and website design

Ch 40: Emotion and website design

This chapter is about hedonic or affective elements (footnote 1) of website design and the potential of such design to elicit emotion in the user. In an online environment hedonic elements of website design include color, images, shapes, and use of photographs, among other characteristics, which are expected to provide the user with emotional ap...

Book chapter