Published on <a href="http://ift.tt/2qGudZL">| Prototyping: From UX to Front End &mdash; Medium</a> Sophie Riwaters <img alt="" src="http://ift.tt/2qbaCNA">
Objects, apps, websites we use on a daily basis like computers aren’t supposed to be a big pile of function anymore. Humans are curious beings, we like interactions and things that are responsive. This applies to the internet also. People are looking a way to connect emotionally. As UX is evolving, new methods appear. However, that doesn’t mean they are entirely new. In fact, it goes way back to the core concept of User Experience.
Trust is one of the key factors when you wish to represent your product, service or yourself as a brand. It plays a significant role that determines how others will react to you in the first place.
Ever wondered how can you or your brand appeal more user-friendly? More alive and human even if you communicate your messages for example over a webpage?
My goal with this article is to give a peek into the world of emotional design from a UX perspective. Some tips you can use when designing.
<h4>So what is emotional design anyway?</h4>
The expression might start to form little clouds in your head filled with trending emojis, <a href="http://ift.tt/2pAxr0J">funny error messages</a>, the little T-rex from Google and so on.
<img alt="" src="http://ift.tt/2qb50Tq">
This is partially right but this is just recent stuff. However it has been around for quite awhile now. Recently it started to <a href="http://ift.tt/2qGnQp4">gain more attention as new technologies evolve</a>.
<a href="http://ift.tt/1I4Duf5">Donald D. Norman</a> is the man behind the scenes. We can say that he’s the one who popularized the term <a href="http://ift.tt/2qGq33R">with his book Emotional Design</a> which apparently was his way of addressing the criticism of The Design of Everyday Things that was published in the late 80s. There he talked about “usable but ugly” products. In Emotional Design the wrote:
<blockquote>“Usable but ugly. That’s a pretty harsh judgment. Alas, the critique is valid. Usable designs are not necessarily enjoyable to use. And, as my three-teapot story indicates, an attractive design is not necessarily the most efficient. But must these attributes be in conflict? Can beauty and brains, pleasure and usability, go hand in hand?” — Donald D. Norman</blockquote>
<img alt="" src="http://ift.tt/2qbeCxF">
It turns out that attractive products draw more attention, light up our fantasies. They are simply more interesting and interest is one step towards trust and tolerance. Yes, we tend to be more tolerant towards something that is designed to be catchy and functional at the same time. So when talking about emotional design what you do is actually designing the context itself that triggers certain emotions. In other words, you are designing for emotions.
<h4>The Maslow of Design</h4>
<blockquote>“A chef in a restaurant wants his food to be more than edible, he wants it to be delicious. As designers, we should want our websites to be more than usable.” — Stephen Anderson</blockquote>
It is basically the <a href="http://ift.tt/2qGtbg5">pyramid of needs translated into product design</a> and it works like a charm!
Functionality — the foundation of your project, it starts with a great idea that has one single goal at this point. To work and serve a certain need. A good example would be laptops such as ToshibaT1100 back in the day.
<img alt="" src="http://ift.tt/2qbaFce">Not so pretty but hey it works!<img alt="" src="http://ift.tt/2qGsMu3">
Reliability — now you are at the point where people want something they can trust to work, not only function under one condition, but they can rely on it in multiple ways. After dealing with skepticism and proving his words by selling almost 10.000 of the model T1100 within the first year, <a href="http://ift.tt/2qbaGgi">Mr. Atsutoshi Nishida</a> told the audience in a marketing seminar sponsored by IDC, that he has a vision. A vision of laptops being the size of A4 papers and having colored screens. Then libretto 50 was born in 1997 followed by 100CT in 1998, the smallest Windows 95 ever developed.
<img alt="" src="http://ift.tt/2qGdh5f">So it was praised!<img alt="" src="http://ift.tt/2qbmmQh">
Usability — is often <a href="http://ift.tt/2egkt2H">mixed with UX Design itself</a>. In this context, it means, that people want more and what you did so far is impressive but not enough. This is a good thing, it means you are on track and have the opportunity to make your project future proof. Now you can think of form-factories, UI and so on. Going back to our example, the keyboard was the Achilles of the libretto. Users started complaining about being hard to type on it without failing too much. A year later a new solution was born focusing on highly on usability. It was bigger than the libretto, but it also had the ideal keyboard, plus it was the thinnest at the time.
<img alt="" src="http://ift.tt/2qb5Hwg"><img alt="" src="http://ift.tt/2qGm6fz">
Proficiency — you’re half way through the pyramid. This is where it starts to get really interesting. Your product is not only functional but usable and reliable also. Proficiency is the way of converting a well usable product into more convenient, by asking yourself the question:
<blockquote>“How else would the users approach my product?”</blockquote>
The evolution of mobile phones can be a great example to demonstrate this step. As laptops, mobile phones have their story starting with core functionality that the first portable phone by Motorola offered. Then moving on through upgrading cellular networks and shrinking the technology until it fitted into pockets made it reliable in many situations. Then a design company and an engineering company came together with the aim on usability and so Sony Ericcson was born and brought colors into the game. Then came smartphones — I skip tech in between then and now on purpose since the article would go off topic — with big colorful <a href="http://ift.tt/2lUhXis">touchscreens that offer a new convenient method</a>. Gestures.
<img alt="" src="http://ift.tt/2qGk6nE">by <a href="http://ift.tt/2qbsY0T">Mauricio Bucardo</a><img alt="" src="http://ift.tt/2qGBIjd">
Creativity — stands on the top of the pyramid. The most enjoyable part of all. Your ultimate goal is to provide a pleasurable experience towards your users. This part includes aesthetic beauty and innovative interactions, where people feel your product.
<img alt="" src="http://ift.tt/2qbaLAQ"><img alt="" src="http://ift.tt/2qGhCpq">
<blockquote>“This is where users say, damn I need this in my life, it looks so awesome!”</blockquote>
<h4>Designing for emotion</h4>
Key metrics that makes something emotionally valuable can be effort and success that walk hand in hand. Making things too easy will eventually lose value and interest. Instead, when designing make sure that you leave enough room for discovery. You don’t need to overuse tutorials, let them reveal your product and reward your users when completing a task or a series. Giving achievements and rewarding completion is a good practice that has been around for years.
Emotions are a bit more complicated to determine. People tend to hide their feelings and while asking them they might seem honest but that’s not the reality in most cases. This is where UX meets technologies such as face recognition or eye tracking. These can deliver objectivity into the game, allowing <a href="http://ift.tt/1b19THV">UX professionals to collect valuable measurable insight</a> on unconscious feelings. This leads to a new way of sculpturing overall experience. Combining usability with data gathered by using mixed technologies.
<h4>Benefits of mixed technologies</h4>
How can UX Designers benefit from mixed technologies in practice? If we consider webpages as an example the different technologies can answer questions such as:
Eye tracking:
<ul>
<li>Where users look the most, or first (pricing, photos, CTAs)?</li>
<li>Which element “locks” their attention for the longest time period?</li>
<li>Do they scan the content in <a href="http://ift.tt/2p3ej89">following the desired pattern</a>? (F or Z)</li>
</ul>
EEG, facial response:
<ul>
<li>How do their emotions change during browsing?</li>
<li>Where does their excitement “top-out”?</li>
</ul>
Self-report methods:
This is a more direct way of doing a research since it involves the user in the process. For example, self-report methods such as the <a href="http://ift.tt/2qbl2wB">DRM method can reveal</a>:
<ul>
<li>What was the most meaningful experience?</li>
<li>Why did the user look at certain element?</li>
<li>Why did the user feel a certain way when looking at elements?</li>
<li>How did the user like or dislike a certain part of the webpage?</li>
</ul>
<img alt="" src="http://ift.tt/2qGnQFA">Arousal/valence model developed by James Russell and Lisa Feldman Barrett
If we wish to describe certain feelings and connect them to different levels of engagements, it would look something like shown on the <a href="http://ift.tt/2qbiXB7">Arousal/valence model</a> above.
Activated and Pleasant means the individual is:
<ul>
<li>alert</li>
<li>excited</li>
<li>enthusiastic</li>
<li>elated</li>
<li>happy</li>
</ul>
Deactivated and Pleasant means that the individual is:
<ul>
<li>contented</li>
<li>serene</li>
<li>relaxed</li>
<li>calm</li>
</ul>
Deactivated and Unpleasant means that the individual is:
<ul>
<li>bored</li>
<li>sluggish</li>
<li>depressed</li>
<li>sad</li>
</ul>
Activated and Unpleasant means that the individual is:
<ul>
<li>upset</li>
<li>stressed</li>
<li>nervous</li>
<li>tense</li>
</ul>
<h4>Conclusion</h4>
With the rapid development of technologies such as face recognition, eye tracking, EEG or AI I think, that we are getting a step closer each year to a new way of human-computer interaction. At the moment, we have apps that are functional, reliable and easy to use. Plus with <a href="http://ift.tt/1RR9Jpn">the design trends behind us</a>, they often look attractive. But still they can’t determine whether you have a good or bad day, are you in a rush or not and often what we experience and decide to describe with words doesn’t correspond and represent the truth.
<blockquote>Let’s face it, we are human beings we smile, we lie, we pray, we cry, we hope, we try.</blockquote>
Please write a comment, your feedback means a lot to me! Also sharing and recommending is a big motivation. I appreciate every help! ❤
<img src="http://ift.tt/2qbq1gR" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="http://ift.tt/2qGsMKz">What I think about Emotional Design from a UX Perspective</a> was originally published in <a href="http://ift.tt/2cAqCpx">Prototyping: From UX to Front End</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

What I think about Emotional Design from a UX Perspective

Top Stories