How Emotional Design Can Help You Develop Better Applications

2023-04-25
Photo by Alvaro Reyes on Unsplash

Emotional design is a concept introduced by Don Norman in his book “Emotional Design: Why We Love (or Hate) Everyday Things.” Norman argues that successful design should not only be functional, but also appeal to the emotions and desires of users.

Emotions are an essential component of human experience, and they play a vital role in our decision-making process. Emotional design refers to the intentional design of products, services, or environments to evoke certain emotions in users.

The concept of emotional design is not limited to physical products or environments; it can also be applied to web/mobile development.

First of all, let’s understand more about Emotional Design concepts. Norman identifies three levels of emotional design: visceral, behavioral, and reflective.

Visceral

Visceral design refers to the immediate, instinctive emotional response to a product’s appearance or sensory characteristics. For example, a sleek and shiny sports car might evoke feelings of excitement and desire in someone.

Behavioral

Behavioral design refers to the emotional response that results from using a product. A product that is easy to use and provides a sense of control and accomplishment can create positive feelings in users.

Reflective

Reflective design refers to the emotional response that comes from the memories and experiences associated with a product. For example, a family heirloom might hold sentimental value and evoke positive emotions in someone.

Norman argues that emotional design can lead to stronger connections between users and products, which can ultimately lead to increased satisfaction and loyalty. He also notes that emotional design can be applied to any product, not just those traditionally associated with aesthetics, such as fashion or home decor. Overall, emotional design is an important consideration for designers, as it can greatly impact the way users perceive and interact with a product.

Applying In Tech Contexts

To apply emotional design principles to web development, it is important to understand the user’s emotional state. The context of use, the user’s goals, and the user’s personality are some factors that can affect the user’s emotional state. By understanding these factors, web developers can tailor the design of web experiences to meet the emotional needs of users. Here are some ideas to explore:

Color

Color is one of the most powerful tools in emotional design, and it is no different when applied to web development. Different colors can evoke different emotions in users, and using the right color can help create the desired emotional response. For example, blue is often associated with trust, while red is associated with excitement and passion. By using the right colors, web developers can create web experiences that evoke the desired emotions in users.

Typography

Typography is another powerful tool in emotional design, and it can be used to convey different emotions. For example, a script font might convey elegance and sophistication, while a bold, sans-serif font might convey urgency and excitement. By choosing the right typography, web developers can create a web experience that evokes the desired emotional response in the user.

Images

Images and illustration are another important element in emotional design, and they can be used to create emotional connections with users. By using images of happy people enjoying a product or service, web developers can evoke positive emotions in users and encourage them to make a purchase. Similarly, using images of people in distress can evoke empathy and encourage users to take action, such as donating to a charity or signing a petition.

Animations

Animations can enhance the user experience of web applications in several ways. They can capture users’ attention, provide visual feedback, create a more engaging experience, tell a story or convey a message, and add an emotional element. Animations can improve user satisfaction and increase the likelihood of users returning to the website.

Gamification

Gamification is the process of incorporating game-like elements into non-game environments to encourage engagement and participation. By using gamification techniques, such as badges or points systems, web developers can create a more emotionally engaging experience that encourages users to interact with their products or services.

To create a successful emotional design, it is important to create a consistent emotional experience across all aspects of the web experience. This means ensuring that all design elements, such as color, typography, and images, work together to create a unified emotional response. By creating a consistent emotional experience, web developers can create a web experience that resonates with the user and encourages them to engage with the product or service.

In conclusion, emotional design by Don Norman can be a powerful tool in web development. By understanding the user’s emotional state, using color, typography, and images to evoke emotions, and creating a consistent emotional experience, web developers can create web experiences that resonate with users and encourage them to engage with their products or services. Emotional design can create a more engaging, personalized, and successful web experience for users, making it an essential component of web development.

And finally, of course I strongly recommend that you read the book itself, as it is a very extensive subject and requires our commitment to gain depth in the subject.

Thanks for reading! Before you go:

References

  1. Norman, D. (2004). Emotional Design: Why We Love (or Hate) Everyday Things. Basic Books.
  2. Lidwell, W., Holden, K., & Butler, J. (2010). Universal Principles of Design. Rockport Publishers.
  3. Diener, E., & Ryan, K. (2009). Developing and Applying Measures of Subjective Well-Being in Organizations. Handbook of Positive Psychology in Work Organizations, 11–24.
  4. Hassenzahl, M., & Tractinsky, N. (2006). User experience — a research agenda. Behaviour & Information Technology, 25(2), 91–97.
  5. Desmet, P. M. (2012). Faces of product pleasure: 25 positive emotions in human-product interactions. International Journal of Design, 6(2), 1–29.
  6. Holopainen, J., & Sarvas, R. (2015). Designing for Emotional Complexity in Games. Proceedings of the 2015 Annual Symposium on Computer-Human Interaction in Play, 165–175.
  7. Hassenzahl, M. (2010). Experience design: Technology for all the right reasons. Synthesis Lectures on Human-Centered Informatics, 3(1), 1–95.

How Emotional Design Can Help You Develop Better Applications was originally published in Bootcamp on Medium, where people are continuing the conversation by highlighting and responding to this story.