Design for Emotion to Increase User Engagement

“Design is really an act of communication, which means having a deep understanding of the person with whom the designer is communicating.” ― Donald A. Norman, The Design of Everyday Things

The reward for companies that connect with customers’ emotions in a positive way can be substantial. How can we identify the powerful motivators that lead to making those connections?

Emotional design can influence those motivators, paving the way to competitive advantage and growth.

How is Emotion Connected to Design?

Everything around us has been designed in some way and all design ultimately produces an emotion. We experience an emotional reaction to our environment moment-by-moment: a like or a dislike, elation, joy, frustration. We ‘feel’ it. It’s personal.

There is an old adage in the UX professionals’ world: “interaction with any product produces an experience (emotion) whether it had UX or not.” Take industrial design for example and you will find its end products elicited an emotion from their audience, whether good or bad, pleasing or frustrating.

An iron — industrial design is also emotional design

Response > Emotion

Let’s reflect on the definition of UX design: “UX design considers how a user interacts with and responds to an interface, service or product.” That response is an emotion. User experience designers not only strive to design usable, functional products but to also generate a certain emotional effect on the user while they are using a product — usually a positive one :) — and try to maintain it throughout the user journey.

When we talk about emotional design, we’re talking about how a product’s design, or an interaction with it affects the user. In the case of digital design, it’s a moment-by-moment effect “in the flow” and operates on three levels in the brain: visceral, behavioral and reflective. There is a delay between these levels: first it’s visceral, second it’s behavioral and lastly reflective. But more about this later.

An example of classic visceral design: James Bond’s Aston Martin, sleek, elegant, exciting.

Hire the World’s Best Designers at Toptal

No-Risk Trial, Pay Only If Satisfied

Utilitarianism and Brutalism

Emotional design is an evolution of “functional design,” or utilitarian design which very much subscribes to the “form follows function” style prevalent since the early 20th century. The idea behind it is that the shape of an object or building should be based mainly on its function and purpose, not its aesthetic.

The twin brother of utilitarianism is brutalism, where not only does form follow function, but is also put together with the least amount of effort, the cheapest materials available and with zero regard to appearance or the human experience. Examples include the the housing estates in London and the concrete and steel housing projects built during the reign of communism in Eastern Europe.

A brutalist housing estate in London. Functional? Yes. Pretty? It’s not.

Aesthetics and Perceived Usability

In the early 90s two Japanese researchers studied two different layouts of controls for ATMs. They were interested in finding out how aesthetics affected “perceived usability.” All versions of the ATMs were identical in function, but some had less and some had more attractive interfaces. The researchers found that the ones with attractive interfaces were perceived to be easier to use, i.e. “they worked better.”

Braun, a very successful design and manufacturing company founded nearly a 100 years ago in Germany was famous for its minimalist, elegant designs which captivated people. They were functional but also simple, refined, good-looking and consequently a joy to use.

Utilitarian designs that are simply functional and feature-rich do not please people. In this day and age they don’t measure up and no longer satisfy customers.

“A basic design is always functional but a great one will also say something.” — Tinker Hatfield, shoe designer, Nike.

The Emotional Design Pyramid

Human motivation is based on people seeking fulfillment and change through personal growth as stated in Maslow’s hierarchy of needs, a theory in psychology proposed by Abraham Maslow in his 1943 paper “A Theory of Human Motivation.” Maslow’s pyramid of “self-actualization,” and “self-transcendence” is a pattern that human motivations generally move through. Emotional design can be similarly put on a pyramid that illustrates its importance.

Functional and attractive things are actually perceived by people to “work better.” As we saw earlier with the Japanese ATM experiment, a product’s attractive aesthetic affected “perceived usability.” Furthermore, products that include a pleasing aesthetic and anticipatory design can lead to such a degree of customer satisfaction, that people will forgive minor frustrations when encountering imperfections with those products.

Hire the World’s Best Designers at Toptal

No-Risk Trial, Pay Only If Satisfied

Do we remember Blackberry and Nokia? Something rings a bell but they’re pretty much history. Contrast their designs with the iPhone’s or Samsung’s people-pleasing slick designs.

Apple and Samsung mobile phones — smooth, slick, functional and attractive: emotional design

Emotions and The Brain

Emotions actually change the way the human brain operates. Negative experiences focus the brain on what’s wrong; they narrow the thought process and make people anxious and tense. We don’t feel free and “in the flow.” We feel restricted and frustrated. If a website or an App is badly designed and doesn’t perform to expectations, the feeling can grow into anger. This is known as “computer rage.” Our pulse-rate goes up, we click away from the site and we delete the App in frustration. This is an example of “design gone wrong” producing an extreme emotion. Good emotional design elicits pleasure and a sense of security and safety.

Even the ol’ potato peeler can be designed for emotion. It’s about how it looks, feels, functions.

“Design is How it Works”

Why is one product more successful than another? There were plenty of beige-box PCs at the time the translucent, candy-colored iMacs were released in 1998. The arrival of those iMacs signaled more than a renaissance for Apple; it sparked a widespread industrial design revolution.

Steve Jobs had the brilliant insight earlier than most that design is emotional. “Most people make the mistake of thinking design is what it looks like. People think it’s this veneer — that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works.” — Steve Jobs, CEO Apple Computer, Inc. in The Guts of a New Machine”

‘’People are seeking out products that are not just simple to use but a joy to use.’’ — Bruce Claxton, Professor, Design Management at Savannah College of Art and Design.

Similar to the candy-colored translucent iMac, the Fiat 500 has a cute, fun, approachable design

Hire the World’s Best Designers at Toptal

No-Risk Trial, Pay Only If Satisfied

From Passive to Interactive

We didn’t always have “interactive relationships” with the objects and systems around us. They’ve been mostly “dumb,” passive, one-way machines. It’s been mostly one way because the relationship hasn’t been interactive. A car was for getting us from A to B. Now we expect to talk to it; it talks back to us. We’re forming a relationship with it and that “gets emotional.” Generally, we used to press a button and the machine turned on and did something; like the TV or a record player. Now we have Music Apps, interactive TVs and fridges connected to apps that tell us when we need to get more milk.

These days we have an emotional relationship with our “machines” which gives rise to anthropomorphism: the tendency to project intentions, human qualities, behaviors, emotions, and character traits onto inanimate objects. When people form relationships with ‘things,’ there is a potential for negative emotions to kick in when ‘the thing’ is not doing what we want. People start feeling frustrated and no longer in control. Annoyance and irritation may arise with the possibility of escalation into anger if the aggravation persists. Or, at the other end of the spectrum, users feel satisfied and altogether delighted because it puts just what they were looking for at their fingertips and at the perfectly right moment.

Positively valenced emotions are evoked by positively valenced events, objects, or situations.

How do We Deliver an Ideal Emotional Design That Gives Rise to Positive Emotions?

Customer experience strategies need to include designing for the entire human experience which includes emotion. Use the power of user research and product testing to effectively set up and gauge the emotional effect of the product on users. Doing user-testing, deep research and subsequent touch-point mapping that identifies pain points, designers can identify the frustrations users may encounter while using the product. Not only should designers strive to eliminate these frustrations, but in addition, find opportunities that bring customers pleasure…

Continue reading on the Toptal Design Blog at www.toptal.com >>>


Hire the World’s Best Designers at Toptal

No-Risk Trial, Pay Only If Satisfied

Like what you read? Give Miklos Philips a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.