Propelrr logo
Wanna drop by our HQ?

Philippines.
3F DMCI Homes Corporate Center
1321 Apolinario St., Bangkal,
Makati City 1233, Philippines

Cambodia.
#F1A, B2 Building,
The Factory Phnom Penh No 1159,
National Road No.2, Chak Angre Leu,
Mean Chey, Phnom Penh, Cambodia

HomeBlogUX DesignWhen UX Design Meets Emotional Intelligence

When UX Design Meets Emotional Intelligence

UX Design Is An Avalanche of Emotions

Keep in mind that we are designing for humans; we are designing for the overall experience and to be able to connect with the users. We should consider who are our target users are and how they are going to feel and react using the product. Whitney Hess, a UX Coach, stated on one of her talks that UX is the never-ending process of seeing the world from the customers’ perspectives and working to improve the quality of their lives. We have to understand that we are not designing for ourselves but for our users.

Our applications and/or websites don’t have to be overly decorated or complicated to attract more users. Just because something looks beautiful in our perspective, it doesn’t mean it is already usable for the users. Sometimes, a very simple design wins the heart of the users because of its usability. Like Google’s search engine for example, who would have known that a simple text box with 2 buttons would be that big. Google knows how to play hardball over moolah, right?

When UX Design Meets Emotional Intelligence
Photo courtesy of Piccsy via Pinterest

By studying or observing our users’ behavioral patterns, we will have a deep understanding of their actions or what their actions are going to be. This is where AB testing and heat mapping comes into use.

Integrating Emotional Intelligence to UX Design

According to the book Emotional Design Elements by Smashing Magazine, these psychological factors can induce positive emotions:

  • Positivity
  • Surprise
  • Uniqueness
  • Attention
  • Attraction
  • Anticipation
  • Exclusivity
  • Responsiveness

By considering these factors, we will have a great chance to get the desired emotional response from our users. But of course, we can’t always get a positive response since we all differ in personality and attitude.

One technique we can use is to add User Interaction unto our web or mobile apps. By doing so, we are giving our apps the soul it needs or what we sometimes call the personality, making it more engaging to the users. These interactions can come from any form or element. It could be the message of the content, the graphics or images used, an output action or a simple animation.

Being Creatively Lost and Clever

If the data the user is looking for cannot be found, instead of just displaying an error message that can make the user more frustrated, we can also show some recommendations or be creative with the message by making it more fun in a way.

When UX Design Meets Emotional Intelligence
Photo courtesy of Smashing Magazine

Simplified Tutor

Another example is providing walkthroughs for first time users of the app; it makes it more convenient for users. It’s as if someone is actually teaching them where to start and what to do next.

When UX Design Meets Emotional Intelligence
Photo courtesy of Smashing Magazine

Interact and Impress

When competing for attention, you cannot stand behind anyone. You should be standing above them. The key? Interact and impress. Here are some examples of how you can apply human interactions when developing your mobile application:

When UX Design Meets Emotional Intelligence
Photo courtesy of Behance
When UX Design Meets Emotional Intelligence
Photo courtesy of Behance

These animated transitions make it more fun and engaging for the users. It makes them curious what your mobile application can do next as an output when they do something. Gamifying your app makes it an enjoyable experience users cannot forget.

Don’t Emote Like Weird Kinks

Another technique we can use is by mimicking human emotions. The simplest act of adding a human element is enough to get your audience’s sentiment. How would you feel seeing an image of a poor boy begging at a website’s header? And how would you feel seeing an image of a hot model smiling? Got my point? You should, by now.

When UX Design Meets Emotional Intelligence
Photo courtesy of Awwwards

Classic Taste and Habitue Style

Going minimalist is also a technique some designers use. This technique, however, is more straight to the point or sophisticated in a way. It’s tricky how designers juggle a combination of flat color palettes, large images, and typography to convey the message. But it doesn’t mean that because it’s clean and simple, it’s already missing the “Wow!” factor. You’ll be surprised what a minimal design can do, once you get to know it. It plays around with transition, parallax scrolling, and hover effects. Check this site for example, you’ll find out what a minimal site can do.

When UX Design Meets Emotional Intelligence
Photo courtesy of Awwwards

These are just few of the techniques that we can use to improve our design. Remember that the goal here is to convince users that your app or site is worth using or buying. But the real challenge after that layer is user retention. How you keep them coming back to your site or how to keep them satisfied using your app. The design trend is always changing, that means we also need to upgrade and iterate our designs from time to time to cope up with the users’ needs. That’s why they say design is a never-ending process.

Let's talk

Wanna drop by our HQ?

Philippines.
3F DMCI Homes Corporate Center
1321 Apolinario St., Bangkal,
Makati City 1233, Philippines

Cambodia.
#F1A, B2 Building,
The Factory Phnom Penh No 1159,
National Road No.2, Chak Angre Leu,
Mean Chey, Phnom Penh, Cambodia

Give us a ring

US: +1 415 685 5868PH: +632 978 0883KH: +855 81 224 028

Email us at:

info@propelrr.com

Contact us

Let's collaborate on what you imagine your brand would be.

Please select all applicable services *
Select your monthly budget*
We value your privacy. Propelrr uses the information you provide to us to contact you about our relevant content, products, and services. For more information, check out our Terms & Privacy Policy

Sorry, but you need to complete the higlighted info *