The importance of emotion in design

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:

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:

“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:

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, colour 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.