SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

What is Emotional Design and How Does It Increase User Engagement?

September 22, 2020 by Clarence

Trends always come and go in design. We must always be conscious of how people perceive a product and what changes we can make to improve. We have to anticipate the ever-changing preferences of society and adapt to it. An example of an upcoming trend we have to be aware of is emotional design. In fact, it’s said that being an “emotional engagement designer” may be the next big career opportunity. But what is emotional design?

What is Emotional Design?

Emotional design is basically designing to invoke the emotions of the viewer, positive emotions to be exact. Don Norman created the term in 2003 and said that great emotional design has three levels: visceral, behavioral, and reflective. The visceral level focuses on the appearance and aesthetic of the product. Basically, it is someone’s first impression of the product. Behavioral looks at the function and usability of the product. This is when the person subconsciously considers how the object can help them achieve their goals, and how easy it is to use. While the reflective level looks at the product’s value and prestige. This is depending on the brand identity of the product, as well as when the person is already consciously thinking of the product’s benefits and performance.

Increasing User Engagement

So how is emotional design connected to user engagement? How can designing for emotion improve user engagement? In Don Norman’s book, The Design of Everyday Things, he says,

“Design is really an act of communication, which means having a deep understanding of the person with whom the designer is communicating.”

In UX design, we always consider how a user will interact and respond to your design. In this case, the response we want is emotion – which is where emotional design comes in. As mentioned before, emotional design is basically about invoking emotions from a person. This could be any kind of emotion but preferably, a positive one is the goal. By letting a person have a positive association with your brand or product, that person will be a potential loyal customer.

Norman’s 3 Levels of Design can be applied in various types of design – including digital design. You’ll notice that designs that are attractive, easy to understand, and has great branding tends to attract more customers. The visceral level, the first level, is very important as it is the person’s first impression. If you invoke a positive emotion from the person, then you already have your foot in the door. Let’s take for example Apple’s website.

The design is simple yet it looks attractive enough that people would want to buy their Apple Watch. While some may not be fans of Apple products, you can’t deny that the sleek look they’re going for is a great aesthetic. And it’s enough for people to instinctively think, “Oh, that looks good.”

The second level of design as mentioned above focuses on the design’s functionality and ease of use. Moreover, the design has to work well. When it fails to perform well, it’ll create a negative emotion towards the design. You can look at Apple’s products as an example of functionality. Most Apple users will tell you that one of the things they like about Apple is their system. The Macbook is connected to the iPhone which is connected to the Apple Watch.

In terms of digital design, behavioral is much more obvious to see in app designs. If something is easy to use, people would prefer that app over others with the same features. One great example of this is the Hopper app, a travel app that predicts flight and hotel prices.

The app is straightforward in its functions and the use of colors to indicate the best and worst deals really shows the app’s ease of use.

The last level of design, reflective, is all about self-satisfaction. When a user reflect back on their user experience and it felt good and they felt satisfied, then you’ve achieved the last level. To add, if they enjoyed your design, they’re not only bound to use it more, but they’re also going to recommend it to their peers. Most of the time, people tend to enjoy designs that are beautiful and they remember that experience. If two apps have the same purpose, but one is only functional while the other one also has great visual design, then the latter will be the better app for users. There is a reason as to why some apps, products, or even businesses perform better than others.

A design that invokes positive emotions engages users more, resulting in users coming back.

You might also enjoy:

How to Use Popups Without Damaging User Experience
Customer Care Chat Design Tips Which Will Increase User Engagement

Filed Under: Design Tagged With: emotional design, user engagement, ux

Recent Posts

  • How to use a PDF file combiner to support a Web planner optimally
  • What Factors Determine the Best Digital Marketing Agency?
  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js

Archives

  • July 2022
  • June 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022