2013_11_faces_featured Design

The Effect of Human Faces in Web Design

Human faces are very powerful. User Experience designer Aarron Walter describes in his book Designing for Emotion why we appreciate human faces so much. He explains that we are constantly exploring the world around us by looking for something familiar. Familiarity gives us a feeling of comfort and reassurance.

“When we see a face, we are automatically triggered to feel something or to empathize with that person. If we recognize content on a website — such as a problem, dilemma, habit or whatever else — we feel connected and understood.” (Not Just Pretty: Building Emotion Into Your Websites by Sabina Idler)

Since we know ourselves so well, we unconsciously try to relate everything we see to ourselves. Obviously, we do that with other human faces, but also with when there are no human features involved. Only the recognition of our body’s proportions in a design is enough for us to perceive the design as being familiar and harmonic. This is the reasoning behind headless mannequins. We subconsciously take what is on display and substitute ourselves for the mannequin due to the lack of ‘human’ in the image.

So faces add a human touch to your website – they help you trigger your emotions, which make them a powerful design element. Here are 10 effects human faces can have on your visitors.

1. Catch your visitors’ attention

Let’s start with a basic and maybe even the most powerful effect of human faces in web design. They catch your visitors’ attention. We orient ourselves by looking for familiar cues and things that we recognize. Human faces allow us to do just that. They add personality to a website and make us feel as if we are in some kind of social setting – rather than a hardcoded website.


Big human faces instantly draw our attention when visiting a website.

The digital agency Inzeit say they create “ground-breaking solutions, successfully surpassing the limits for mobile development”. On their homepage, they show a big image of a beautiful women looking directly at you. Rather than stating a list of facts, Inzeit convinces people on a very personal level to enter their site. They understand what retail is about in our mobile world.

2. Guide your visitors’ line of sight

Once you have caught your visitors’ attention, human faces are a great way to also guide their line of sight. This is because we are curious by nature and if other people look at something, we want to know what it is they are looking at. Online it’s the same thing.

Whenever you decide to use faces in your design, make sure you do it in a purposeful way. If you don’t – and if you don’t test the effect of your images – there is no way you can control it. This way you not only waste a powerful opportunity to guide your visitors, you even risk distracting your visitors from what you want them to do on your site.


We are curious by nature. That’s why we easily follow someone’s else’s line of sight.

Dove has long discovered the power of the human sight. When visiting their website, the first thing you see is a big picture of a young woman. After that, you automatically follow her line of sight to find out what it is she seems so happy about. And in no time, you are focussing on the actual content of the site – not realizing you were somehow tricked into it.

3. Engage your visitors

Human faces are also a great way to get your visitors engaged – if you know how. They draw our attention and they make us feel comfortable by providing us with this personal touch that websites often lack.

Any interaction that involves human faces – be it our own face, or that of a stranger – has the potential to be very captivating. As mentioned before, we like faces because we recognize ourselves. When offering your visitors the option to alter faces, enhance them, or replace them with their own face, you empower them to further increase the feeling of recognition.


Interactions that involve human faces are very captivating.

Edita’s Casting shows a random combination of different faces on the homepage. When scrolling down the page, the combination of the faces change. This simple interaction with the site is very powerful – triggering visitors to match skulls, eyes, and mouths until they have found a “perfect match”.

4. Visualize emotions

In his book Designing for Emotion, Aaron Walter defines emotions as the “lingua franca of humanity,” the native tongue that every human is born with. Emotional expressions are the same in every culture. People around the world understand what it feels like to laugh, or cry, or worry – and what that means.

Use emotional expressions in your design to visualize emotions. A photograph of someone expressing his feelings – for example while using your product – is much clearer and also more convincing than a bunch of descriptive text.


Use human faces to carry emotions and values you could otherwise not express.

George Clooney has been the face for Nespresso’s ad campaigns for a while now. On the website, you see him looking down at the cup of Nespresso he holds in his hand. Coffee in general all looks the same, making it a challenge to express it’s quality or special character in a picture. However, using a human face to carry the emotions felt – only when looking at the product – is a great way to describe your product.

5. Help visitors relate

Human faces can also help your visitors relate to your product or service. Again, when we recognize ourselves – or situations that we are familiar with – we feel understood. Especially websites with a personal topic can easily appeal to their target group.

You can help your visitors relate to your site, service, or community in many different ways. For example you can show images of different kind of people, groups of those people, or faces with different emotional expressions that resemble your target group.


Human faces can help other people relate to a certain topic or situation.

The website Kanker.nl is a great initiative to bring together people who have had cancer, still have it, or are affected by the illness in any other way. The topic is very delicate and very personal. The human faces featured on the homepage and the personal quotes that come with them help visitors relate to the topic of the site and invite them to the community.

6. Create visual appeal

You can also use human faces simply for the aesthetic aspect of your design. Human faces are abound with examples of the Golden Ratio. For example, the mouth and nose are each positioned at golden sections of the distance between the eyes and the bottom of the chin. The more a face adheres to the golden ratio, and the more symmetric it is, the more attractive we think it is.


Human faces – especially if they are symmetric and adhere to the golden ration – are very attractive.

The website of Cirque du Soleil shows a very prominent, beautifully painted face on its homepage. Other than the face, the design is very minimalistic and clean. Yet, the face expresses so much human beauty that it easily bears enough excitement to fill the whole page – and to invite visitors in.

7. Create sphere

Just like one single facial expression can carry emotions, faces can also create a certain sphere. For example, one happy face indicates that someone is happy – maybe because they just heard a joke, or they enjoy something they are doing. Many happy faces together can be much more powerful.

A group of people that feels the same way can creates an infectious sphere. It can make us want to be part of the group and whatever it is they are experiencing.


Groups of people expressing the same emotion can create a powerful sphere on your website.

The homepage of Pastbook shows a group of friends celebrating a birthday party. Even though the image is somewhat blurry and in the background, it creates a very powerful sphere on the site.

8. Create trust

Human faces can also create a feeling of trust – of course if the people we see are likeable and trustworthy looking. For example, for your team page, customer support page, or when showing quotes from your customers, use images of faces to build trust.

The web is a mediated and impersonal place. It’s not necessary to ever meet someone in person before sharing information, having a discussion, or doing business together. Yet, we prefer to know the people we interact with, because that makes it much more personal and in some way also more real. Showing who you are allows your visitors to get a better idea of you as a person and whether you can be trusted.


Once we have seen someone – be it in person of in a picture – we have a much better idea of that person than without a picture in mind.

The team behind Pursuit show themselves as very likeable, down-to-earth guys. While they don’t take themselves too serious, their appearance shows that they very well know what they are doing. If you called them for an enquiry, it wouldn’t feel like you call complete strangers – but some nice guys, who help you find the perfect suit.

9. Create authority

Human faces – especially those of celebrities or other famous people – can create authority. Obviously, this only works if the person you decide to show on your website is believed to have expertise in the area relevant to your site or product.

For example, a politician might be an extremely well-known person, but that doesn’t mean they know anything about makeup. An actress or model on the other side isn’t expected to be very politically active. However, they are considered an authority when it comes to fashion and beauty products.


Faces of famous people can create authority – as long as you use them within their field of expertise.

The cosmetic brand Dior advertises with Natalie Portman, who is not only successful, but also beautiful. On the site, they write: “the Oscar-winning actress shows her timeless elegance through the streets of New York, with her lipstick in hand, her must-have, her Rouge Dior of course”.

10. Make your visitors smile

Last but not least, you can use human faces to make people smile. And yes, please don’t forget to make your visitors smile every now and then. You know how some people laugh so intense that it makes you smile every time you see them laugh – even if you don’t know why they are so amused? You could perfectly use that effect for your site.

Of course, human faces don’t always have to be photographs. Illustrations, or even caricatures work just as good.


Human faces – be it photographs or illustrations – can add some humour to your site.

The affinity platform ChiPlatform visualize different answer options with changing emotional expressions of little illustrated characters. The faces are rather abstract, but they perfectly reflect human traits – for example of being happy or disappointed. These different faces are very expressive and also a bit exaggerated, making them even more fun.

9 comments

  1. Rob Isaacs

    Hi Sabina,

    Great article.

    I was wondering whether there is any evidence or case studies that help support this?

    Thanks,

    Rob

  2. Flashwebz

    Good one this is very nice. This is something new. Good. Thanks for post.

  3. Sabina Idler

    Hi Rob,

    Thanks for taking the time to read it! The idea for the article was based on a case study we did a while back about the emotional tricks of beauty brands: http://blog.usabilla.com/case-study-the-emotional-pull-of-beauty-brands/

  4. Web Design

    Really human faces play importance role to get attraction to your website, thanks for sharing great information.

  5. Nicole Lowe

    Such a nice post and good points discovered in it . These all will be helpful to web designer . i am also agree that these kind of images and graphics or faces make a good interaction between your web page and users .

  6. Kerry Adams

    These are valuable tips. I used to think that faces should be avoided; reason being that this the after all the world wide web, lots of races, skin colors, cultures etc in this wide world and all (well almost all) of them at one end of the web’s strands. I preferred animal themes: a cat in New York is like a cat in Manila. But after reading this I realize there’s more to faces than just a pretty looking person. BTW, what’s your view on cartoon faces instead of real faces? Anyway, these are useful tips. Thanks.

  7. Dirck

    I agree with the credibility of using faces in a webdesign. Initially I had an counter view, but eventually I realized that these add more value and help in engaging with the customers more easily. Your above mentioned tips have given more clarity on the topic.

  8. Natilya James

    I am amazed with this post . It has so much valuable that can we utilize in over projects to make than more interactive and nice ..

  9. Jade McCarthy

    Really great article, The main feature that a face gives on a website to me is the trust factor. This is something that you definitely need in order for your websites visitors to make a purchase.

    I went with a company called Urban Media to go ahead with my web design and they did a fantastic job.

    If you want a website that gets results I can easily recommend using Urban Media.

    http://www.urbanmediahighwycombe.co.uk/web-design-high-wycombe/

Leave a Reply

Your email address will not be published. Required fields are marked *