why is facebook blue

71
WHY IS FACEBOOK BLUE? THE SCIENCE BEHIND COLORS IN MARKETING Babu Appat

Upload: babu-appat

Post on 22-Jan-2015

431 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Why is facebook blue

WHY IS FACEBOOK BLUE? THE SCIENCE BEHIND COLORS IN

MARKETING

Babu Appat

Page 2: Why is facebook blue

TURN OUT, SOMETHING AS SIMPLE AS TWEAKING THE COLOR OF A BUTTON

CHANGES USER BEHAVIOR OR ENDEARS PEOPLE TO YOUR PRODUCT.

[email protected]

Page 3: Why is facebook blue

Yes Of course

BUFFER'S LEO WIDRICH EXPLAINS THE IMPORTANCE OF COLOR IN WEBSITE AND

BRAND DESIGN

[email protected]

Page 4: Why is facebook blue
Page 5: Why is facebook blue

Yes Of course

LEMME TRY TO EXPLAIN THE IMPORTANCE OF COLOUR IN

WEBSITE AND BRAND DESIGN

[email protected]

Page 6: Why is facebook blue

Why is Facebook blue?

[email protected]

Page 7: Why is facebook blue

According to The New Yorker

the reason is simple. It’s because Mark Zuckerberg is red-green color blind; blue is the color Mark can see the best.

[email protected]

Page 8: Why is facebook blue

Not highly scientific, right?

That may not be the case for Facebook,

but there are some amazing examples of how colours actually affect our purchasing decisions.

[email protected]

Page 9: Why is facebook blue

After all,

sight is the strongest developed sense in most human beings.

[email protected]

Page 10: Why is facebook blue

It’s only natural

that 90% of an assessment for trying out a product is made by colour alone

[email protected]

Page 11: Why is facebook blue

So how do colours really affect us?

and what is the science of colors in marketing, really?

[email protected]

Page 12: Why is facebook blue

As we strive to make improvements to our product

studying this phenomenon is key.

[email protected]

Page 13: Why is facebook blue

Let’s dig into some of the latest, most interesting research on it.

First: Can you recognize the online brands just based on color?

[email protected]

Page 14: Why is facebook blue

Before we dive into the research

here are some awesome experiments that show you how powerful colour alone really is.

[email protected]

Page 15: Why is facebook blue

Based on just the colours

of the buttons, can you guess which company belongs to each of

them?

[email protected]

Page 16: Why is facebook blue

First

[email protected]

Page 17: Why is facebook blue

Second

[email protected]

Page 19: Why is facebook blue

Fourth

[email protected]

Page 20: Why is facebook blue

Awesome

These examples from YouTube designer

Marc Hemeon, show the real power of colour

more than any study could.

babu

appa

t@gm

ail.c

om

Page 21: Why is facebook blue

How many were you able to guess?

I will tell you the

ANSWERS now

[email protected]

Page 22: Why is facebook blue

First

Facebook

[email protected]

Page 23: Why is facebook blue

Second

Google

[email protected]

Page 24: Why is facebook blue

Third

Flickr

[email protected]

Page 25: Why is facebook blue

Fourth

LinkedIn

[email protected]

Page 26: Why is facebook blue

Do you know?

Which colors trigger which

feeling for us?

[email protected]

Page 27: Why is facebook blue

It’s a bit ambiguous

Being completely conscious about what color triggers us to think in which way isn’t always

obvious. [email protected]

Page 28: Why is facebook blue

LOGO

The Logo Company has come up with an amazing breakdown which

colors are best for which

companies and why. babu

appa

t@gm

ail.c

om

Page 29: Why is facebook blue

Here are 4 great examples:

Let’s delve a

little deep into:[email protected]

Page 30: Why is facebook blue

BLACK

[email protected]

Page 31: Why is facebook blue

GREEN

[email protected]

Page 32: Why is facebook blue

BLUE

[email protected]

Page 33: Why is facebook blue

And the Fourth

I would like to show you a co-relation between colour and emotions

Page 34: Why is facebook blue
Page 35: Why is facebook blue

When we feel compelled to buy somethin..

colour can play a major

role.

Page 36: Why is facebook blue

Analytics

company KISSmetrics created

an amazing infographic on the science of how colors affect our

purchases.

Page 37: Why is facebook blue

For further research:

Page 38: Why is facebook blue

The role of green stands out to

me as the most relaxing colour we can use to make

buying easier.

Page 39: Why is facebook blue

Most companies didn’t

intentionally choose this as the main colour although it

seems to have worked very well so far.

Page 40: Why is facebook blue

At second look, we also

realized how frequently black

is used for luxury products.

Page 41: Why is facebook blue

I’ll show you the full infographic:

Page 42: Why is facebook blue
Page 43: Why is facebook blue

How to improve your marketing with better use of colors:

Page 44: Why is facebook blue

This all might be fairly entertaining,

but what are some actual decisions we can apply today

to a website or app?

Page 45: Why is facebook blue

If you are building an app that mainly targets women, experts

suggest that women love blue, purple, and green, and dislike

orange, brown, and gray

Page 46: Why is facebook blue
Page 47: Why is facebook blue

In case your app is strictly

targeting men, the rules of the game are

slightly different.

Men love blue, green, and black, but can do without brown,

orange, and purple. [email protected]

Page 48: Why is facebook blue
Page 49: Why is facebook blue

In another experiment,

Performable (now HubSpot) wanted to find out whether simply

changing the colour of a button would make a difference to

conversion rates.

[email protected]

Page 50: Why is facebook blue

They started out with the simple hypothesis of choosing between

two colours (green and red) and trying guess what would happen.

[email protected]

Page 51: Why is facebook blue

Green connotes ideas like “natural” and “environment,” and given its wide use in traffic lights,

suggests the idea of “go” or forward movement.

[email protected]

Page 52: Why is facebook blue

The colour red, on the other hand, is often thought to communicate

excitement, passion, blood, and warning.

[email protected]

Page 53: Why is facebook blue

It is also used as the colour for

stopping at traffic lights. Red

is also known to be eye-catching.”

[email protected]

Page 54: Why is facebook blue

So, clearly an A/B test between

green and red would result in green, the more friendly colour.

At least that was their guess.

[email protected]

Page 55: Why is facebook blue

Here is what their

experiment looked like:

[email protected]

Page 56: Why is facebook blue
Page 57: Why is facebook blue

So how did that experiment turn out?

The answer was surprising:

The red button

outperformed the green button by 21%.

[email protected]

Page 58: Why is facebook blue

What’s most important to consider is

that nothing else was changed at all:

[email protected]

Page 59: Why is facebook blue

21% more people clicked on the

red button than on the green button. Everything else on the pages

was the same, so it was only the button colour that made this difference.

[email protected]

Page 60: Why is facebook blue

This definitely made me wonder: If we were to read all the research

before this experiment and ask every researcher which version they would guess would perform better, I’m sure

green would be the answer in nearly all cases.

Not so much. [email protected]

Page 61: Why is facebook blue

Dozens of experiments were to improve conversion rates using

changes of colors.

[email protected]

Page 62: Why is facebook blue

While the results weren’t as clear, we still saw a huge change.

One hypothesis is that for a social media sharing tool, there is less of a barrier to signup, which makes

the differences less significant

[email protected]

Page 63: Why is facebook blue

Despite all the studies, generalizations are extremely hard

to make.

Whatever change you make, treat

it first as a hypothesis, and see if the actual experiment supports

your ideas. [email protected]

Page 64: Why is facebook blue

People are always very prone to go with opinion.

Yet, data always beats opinion, no matter what.

[email protected]

Page 65: Why is facebook blue

Quick last fact: Why are hyperlinks blue?

This is something that always is of great interest and

is actually a fun story.

In short, it offers the highest contrast between the colours used on early websites.

[email protected]

Page 66: Why is facebook blue

Tim Berners-Lee, the main inventor of the web, is believed to be the man

who first made hyperlinks blue. Mosaic, a very early web

browser, displayed webpages with a (ugly) gray background and

black text.

[email protected]

Page 67: Why is facebook blue

The darkest color available at the time that was easily

distinguishable from the black text was that blue color.

[email protected]

Page 68: Why is facebook blue

Therefore, to make links stand apart from plain text, but still be

readable, the colour blue was selected.

Since then, the blue colour for links has stayed for the most part

[email protected]

Page 70: Why is facebook blue

Which one do you LIKE the most?

[email protected]

Page 71: Why is facebook blue

THANK YOU

[email protected]