25 February 2014

The Importance Of Emotion In Design



Follow Lee Grace



Business on the Internet is about standing out and being noticed. We want what we do online to be thought of as remarkable and worthy of continued discussion.



Simply put, we want an audience to commit to a relationship with us. Page views, mailing list signups and product purchases are all the result of this pined-for engagement. But to achieve this, we need to show them value, trust and possibly most importantly, create an emotional connection with them.



As consumers ourselves, we’ve all become accustomed to exceptionally designed online experiences. Even if we aren’t professional web designers or graphic artists, we know what looks good and reward companies that have got their aesthetics just right by giving them our money (some examples are: Apple, Nest and Kickstarter).



Conversely, if your website and its products don’t measure up visually, trust and value won’t be established and sales could be lost.



More and more, companies are focusing on building a personality and story into every website and product. This evokes an emotional reaction from a visitor. Personality turns a lifeless product or soulless corporation into more than sum of its parts. Expressing the company’s personality helps create an emotional connection with the audience.



This isn’t just something large corporations do - savvy entrepreneurs and one-person shops have also caught on.



Effective emotional design is created for human beings first—not metrics, algorithms or SEO robots. And this can happen with products or companies with thousands of employees or just one (you).





Emotional design turns visitors to a website into brand evangelists.





Advertisers have employed emotion to sell products and build trust since the dawn of advertising (sometime around when Mad Men started).



The best commercials sell a feeling or an idea more so than an actual product. Chipotle’s Scarecrow video is a perfect example of this—the ad is an emotional story that reaches far beyond selling burritos.



At its core, emotional design shows empathy for the audience a website serves.



Design like this puts the audience first, before the company or the business owner and their goals. Anything the company wants to accomplish is first filtered through the lens of:



How will this serve our audience better?

How will this website or product make their lives easier?

What about this website or product is valuable to them?



Effective emotional design is also focused on simplicity. Not purely for the sake of aesthetics, but because it is easier to trigger a single emotion response than several.



This means limiting a visitor’s choices to one or a very few options. And then leading them there by evoking an emotional response, such as “I need this to solve X” or “This made me laugh so I want to tell my friends about it”.





Design that speaks to emotion is:



Clear and easily understood. This means navigation nomenclature makes sense and any calls to action are logical next steps. Visually appealing. Design looks professional, consistent and elements of the layout are in expected places. Enjoyable. The design wants to be looked at, the writing wants to be read and there are cues a visitor wants to follow to further pages. Memorable. What about the design stands out? Is Unique? Personal. No pretences or corporate machinations. It reflects the honest personality of what it represents.

“Emotion plays a powerful role in our lives and has gained significant attention as a priority area of study in interaction design” — Golman & Jordan





Effective emotional web design speaks to 3 main points:



First Impressions. The look of a website is an instant trust builder or trust loser. If there are flames on buttons, horrible stock photos or poorly matched colours, a visitor will leave the site faster than they typed the URL. How it functions. Once a visitor is past a favourable first impression, they’ll look for things like: clear navigation and intuitive next steps for a task they want to accomplish. Perceived value. Because attention spans are short, what’s the value of staying on the website? Is the content worthwhile? Is the product or service worth paying for?

Strong emotional web design isn’t an afterthought or something you quickly add in right at the end. It’s factored into the entire process, so all functions, features, layout and language are designed with the correct and consistent feeling. It’s incorporated into the logo, color palette, layout, photography and graphics and even content.



Would Apple sell as many computers or software if it didn’t all look gorgeous? Even the way their products are sold (from their keynote speeches highlighting case studies over features to their “coming soon” videos that feel more like feature films than technology products) appeals more to how you feel when you use them than the actual technical specifications.



Emotionally attractive design makes people feel good. It makes them feel like they belong with the product, company, person. This means putting your audience’s needs above your own in the way you frame your website.



And once you make someone genuinely feel good, you’ve successfully stood out and been noticed in the best possible way.





This article is adapted from my latest book, Everything I Know.






Top image from Imgembed.





This is a cross-post from Paul Jarvis.






Paul Jarvis is a is a web designer and author. His latest book, Everything I Know, is now available.