SlideShare uma empresa Scribd logo
1 de 71
WHY IS FACEBOOK BLUE?
THE SCIENCE BEHIND COLORS IN
MARKETING
Babu Appat
TURN OUT, SOMETHING AS SIMPLE AS
TWEAKING THE COLOR OF A BUTTON
CHANGES USER BEHAVIOR OR ENDEARS
PEOPLE TO YOUR PRODUCT.
babuappat@gmail.com
Yes Of course
BUFFER'S LEO WIDRICH EXPLAINS THE
IMPORTANCE OF COLOR IN WEBSITE AND
BRAND DESIGN
babuappat@gmail.com
Yes Of course
LEMME TRY TO EXPLAIN
THE IMPORTANCE OF COLOUR IN
WEBSITE AND
BRAND DESIGN
babuappat@gmail.com
Why is Facebook blue?
babuappat@gmail.com
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.
babuappat@gmail.com
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.
babuappat@gmail.com
After all,
sight is the strongest developed
sense in most human beings.
babuappat@gmail.com
It’s only natural
that 90% of an assessment for trying
out a product is made by colour alone
babuappat@gmail.com
So how do colours really affect
us?
and what is the science of colors in
marketing, really?
babuappat@gmail.com
As we strive to make
improvements to our product
studying this phenomenon is key.
babuappat@gmail.com
Let’s dig into some of the latest,
most interesting research on it.
First: Can you recognize the online
brands just based on color?
babuappat@gmail.com
Before we dive into the
research
here are some awesome
experiments that show you how
powerful colour alone really is.
babuappat@gmail.com
Based on just the colours
of the buttons, can you guess
which company belongs to each of
them?
babuappat@gmail.com
First
babuappat@gmail.com
Second
babuappat@gmail.com
Third
babuappat@gmail.com
babuappat@gmail.com
Fourth
babuappat@gmail.com
Awesome
These examples from
YouTube designer
Marc Hemeon, show the
real power of colour
more than any study could.
babuappat@gmail.com
How many were you
able to guess?
I will tell you the
ANSWERS now
babuappat@gmail.com
First
Facebook
babuappat@gmail.com
Second
Google
babuappat@gmail.com
Third
Flickr
babuappat@gmail.com
Fourth
LinkedIn
babuappat@gmail.com
Do you know?
Which colors trigger which
feeling for us?
babuappat@gmail.com
It’s a bit ambiguous
Being completely conscious
about what color triggers us to
think in which way isn’t always
obvious. babuappat@gmail.com
LOGO
The Logo Company has come up
with an amazing breakdown which
colors are best for which
companies and why.
babuappat@gmail.com
Here are 4 great
examples:
Let’s delvea
little deepinto:
babuappat@gmail.com
BLACK
babuappat@gmail.com
GREEN
babuappat@gmail.com
BLUE
babuappat@gmail.com
And the Fourth
I would like to show you a co-relation
between colour and emotions
When we feel compelled to buy
somethin..
colourcan play a major
role.
Analytics
company KISSmetrics created
an amazing infographic on the
science of how colors affect our
purchases.
For further research:
The role of green stands out to
me as the most relaxing
colour we can use to make
buying easier.
Most companies didn’t
intentionally choose this
as the main colour although it
seems to have worked very
well so far.
At second look, we also
realized how frequently black
is used for luxury
products.
I’ll show you the full
infographic:
How to improve
your marketing with
better use of colors:
This all might be fairly entertaining,
but what are some actual
decisions we can apply today
to a website or app?
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
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. babuappat@gmail.com
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.
babuappat@gmail.com
They started out with the simple
hypothesis of choosing between
two colours (green and red)
and trying guess what would happen.
babuappat@gmail.com
Green connotes ideas like
“natural” and “environment,” and
given its wide use in traffic lights,
suggests the idea of “go” or
forward movement.
babuappat@gmail.com
The colour red, on the other hand,
is often thought to communicate
excitement, passion, blood,
and warning.
babuappat@gmail.com
It is also used as the colour for
stopping at traffic lights. Red
is also known to be eye-
catching.”
babuappat@gmail.com
So, clearly an A/B test between
green and red would result
in green, the more friendly colour.
At least that was their guess.
babuappat@gmail.com
Here is what their
experiment
looked like:
babuappat@gmail.com
So how did that experiment
turn out?
The answer was surprising:
The red button
outperformed the green button by 21%.
babuappat@gmail.com
What’s most important to consider is
that nothing else was
changed at all:
babuappat@gmail.com
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.
babuappat@gmail.com
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.
babuappat@gmail.com
Dozens of experiments were to
improve conversion rates using
changes of colors.
babuappat@gmail.com
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
babuappat@gmail.com
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.
babuappat@gmail.com
People are always very prone to go
with opinion.
Yet, data always beats
opinion, no matter what.
babuappat@gmail.com
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.
babuappat@gmail.com
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.
babuappat@gmail.com
The darkest color available at the
time that was easily
distinguishable from the black text
was that blue color.
babuappat@gmail.com
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
babuappat@gmail.com
babuappat@gmail.com
Which one do you LIKE the most?
babuappat@gmail.com
THANK YOU
babuappat@gmail.com

Mais conteúdo relacionado

Semelhante a Why is facebook blue

How to grow your perfect audience online fast with this little strategy ana...
How to grow your perfect audience online fast with this little strategy   ana...How to grow your perfect audience online fast with this little strategy   ana...
How to grow your perfect audience online fast with this little strategy ana...Ana Rosenberg
 
Audience survey feedback.docx
Audience survey feedback.docxAudience survey feedback.docx
Audience survey feedback.docxAmyKilbride2
 
Existing adverts
Existing advertsExisting adverts
Existing advertsMarieSie
 
The Saga of Accessible Colors
The Saga of Accessible ColorsThe Saga of Accessible Colors
The Saga of Accessible ColorsTed Drake
 
Five Ways to Get Better Data From Our Users
Five Ways to Get Better Data From Our UsersFive Ways to Get Better Data From Our Users
Five Ways to Get Better Data From Our UsersSajid Reshamwala
 
Seeing Red: Design Inspiration
Seeing Red: Design InspirationSeeing Red: Design Inspiration
Seeing Red: Design Inspirationstudiokandm
 
SXSW 2016 - Everything you think about A/B testing is wrong
SXSW 2016 - Everything you think about A/B testing is wrongSXSW 2016 - Everything you think about A/B testing is wrong
SXSW 2016 - Everything you think about A/B testing is wrongDan Chuparkoff
 
Come to the tech side
Come to the tech sideCome to the tech side
Come to the tech sidexi11um
 

Semelhante a Why is facebook blue (13)

How to grow your perfect audience online fast with this little strategy ana...
How to grow your perfect audience online fast with this little strategy   ana...How to grow your perfect audience online fast with this little strategy   ana...
How to grow your perfect audience online fast with this little strategy ana...
 
Audience survey feedback.docx
Audience survey feedback.docxAudience survey feedback.docx
Audience survey feedback.docx
 
Programming ideas
Programming ideasProgramming ideas
Programming ideas
 
Existing adverts
Existing advertsExisting adverts
Existing adverts
 
The Saga of Accessible Colors
The Saga of Accessible ColorsThe Saga of Accessible Colors
The Saga of Accessible Colors
 
Graphicsdesign
GraphicsdesignGraphicsdesign
Graphicsdesign
 
Five Ways to Get Better Data From Our Users
Five Ways to Get Better Data From Our UsersFive Ways to Get Better Data From Our Users
Five Ways to Get Better Data From Our Users
 
Social Media55
Social Media55Social Media55
Social Media55
 
Client Evaluation
Client EvaluationClient Evaluation
Client Evaluation
 
Seeing Red
Seeing RedSeeing Red
Seeing Red
 
Seeing Red: Design Inspiration
Seeing Red: Design InspirationSeeing Red: Design Inspiration
Seeing Red: Design Inspiration
 
SXSW 2016 - Everything you think about A/B testing is wrong
SXSW 2016 - Everything you think about A/B testing is wrongSXSW 2016 - Everything you think about A/B testing is wrong
SXSW 2016 - Everything you think about A/B testing is wrong
 
Come to the tech side
Come to the tech sideCome to the tech side
Come to the tech side
 

Mais de Babu Appat

Raghuvamsham 3.1
Raghuvamsham 3.1 Raghuvamsham 3.1
Raghuvamsham 3.1 Babu Appat
 
Vedic Mathematics 2
Vedic Mathematics 2Vedic Mathematics 2
Vedic Mathematics 2Babu Appat
 
The History of Cycles
The History of CyclesThe History of Cycles
The History of CyclesBabu Appat
 
Vedic Addition
Vedic AdditionVedic Addition
Vedic AdditionBabu Appat
 
Sanskrit Lesson 3
Sanskrit Lesson 3Sanskrit Lesson 3
Sanskrit Lesson 3Babu Appat
 
LSRW- Creative Writing basics.pptx
LSRW- Creative Writing basics.pptxLSRW- Creative Writing basics.pptx
LSRW- Creative Writing basics.pptxBabu Appat
 
Cryptocurrency- Digital Money
Cryptocurrency- Digital MoneyCryptocurrency- Digital Money
Cryptocurrency- Digital MoneyBabu Appat
 
Grade 3 English Grammar 13
Grade 3 English Grammar 13Grade 3 English Grammar 13
Grade 3 English Grammar 13Babu Appat
 
Englsih Grammar for lkg ukg and1st
Englsih Grammar for lkg ukg and1stEnglsih Grammar for lkg ukg and1st
Englsih Grammar for lkg ukg and1stBabu Appat
 
Academic writing
Academic writingAcademic writing
Academic writingBabu Appat
 
Vocabulary Module 1
Vocabulary Module 1Vocabulary Module 1
Vocabulary Module 1Babu Appat
 
St. Alphonsa College of Hotel Management
St. Alphonsa College of Hotel ManagementSt. Alphonsa College of Hotel Management
St. Alphonsa College of Hotel ManagementBabu Appat
 
Grade III English 10 collective nouns
Grade III English 10 collective nounsGrade III English 10 collective nouns
Grade III English 10 collective nounsBabu Appat
 
Grade III English 9 collective nouns.
Grade III English 9 collective nouns.Grade III English 9 collective nouns.
Grade III English 9 collective nouns.Babu Appat
 
Grade III English 8
Grade III English 8Grade III English 8
Grade III English 8Babu Appat
 
Essay writing a story- 10th std
Essay writing  a story- 10th stdEssay writing  a story- 10th std
Essay writing a story- 10th stdBabu Appat
 
Grade III English 6
Grade III English 6 Grade III English 6
Grade III English 6 Babu Appat
 
English Grade III-5
English Grade III-5English Grade III-5
English Grade III-5Babu Appat
 
Grade III English- 4
Grade III English- 4Grade III English- 4
Grade III English- 4Babu Appat
 

Mais de Babu Appat (20)

Raghuvamsham 3.1
Raghuvamsham 3.1 Raghuvamsham 3.1
Raghuvamsham 3.1
 
Vedic Mathematics 2
Vedic Mathematics 2Vedic Mathematics 2
Vedic Mathematics 2
 
The History of Cycles
The History of CyclesThe History of Cycles
The History of Cycles
 
Vedic Addition
Vedic AdditionVedic Addition
Vedic Addition
 
Sanskrit Lesson 3
Sanskrit Lesson 3Sanskrit Lesson 3
Sanskrit Lesson 3
 
LSRW- Creative Writing basics.pptx
LSRW- Creative Writing basics.pptxLSRW- Creative Writing basics.pptx
LSRW- Creative Writing basics.pptx
 
Cryptocurrency- Digital Money
Cryptocurrency- Digital MoneyCryptocurrency- Digital Money
Cryptocurrency- Digital Money
 
Grade 3 English Grammar 13
Grade 3 English Grammar 13Grade 3 English Grammar 13
Grade 3 English Grammar 13
 
Englsih Grammar for lkg ukg and1st
Englsih Grammar for lkg ukg and1stEnglsih Grammar for lkg ukg and1st
Englsih Grammar for lkg ukg and1st
 
Academic writing
Academic writingAcademic writing
Academic writing
 
Vocabulary Module 1
Vocabulary Module 1Vocabulary Module 1
Vocabulary Module 1
 
Transactions
TransactionsTransactions
Transactions
 
St. Alphonsa College of Hotel Management
St. Alphonsa College of Hotel ManagementSt. Alphonsa College of Hotel Management
St. Alphonsa College of Hotel Management
 
Grade III English 10 collective nouns
Grade III English 10 collective nounsGrade III English 10 collective nouns
Grade III English 10 collective nouns
 
Grade III English 9 collective nouns.
Grade III English 9 collective nouns.Grade III English 9 collective nouns.
Grade III English 9 collective nouns.
 
Grade III English 8
Grade III English 8Grade III English 8
Grade III English 8
 
Essay writing a story- 10th std
Essay writing  a story- 10th stdEssay writing  a story- 10th std
Essay writing a story- 10th std
 
Grade III English 6
Grade III English 6 Grade III English 6
Grade III English 6
 
English Grade III-5
English Grade III-5English Grade III-5
English Grade III-5
 
Grade III English- 4
Grade III English- 4Grade III English- 4
Grade III English- 4
 

Why is facebook blue

  • 1. WHY IS FACEBOOK BLUE? THE SCIENCE BEHIND COLORS IN MARKETING Babu Appat
  • 2. TURN OUT, SOMETHING AS SIMPLE AS TWEAKING THE COLOR OF A BUTTON CHANGES USER BEHAVIOR OR ENDEARS PEOPLE TO YOUR PRODUCT. babuappat@gmail.com
  • 3. Yes Of course BUFFER'S LEO WIDRICH EXPLAINS THE IMPORTANCE OF COLOR IN WEBSITE AND BRAND DESIGN babuappat@gmail.com
  • 4.
  • 5. Yes Of course LEMME TRY TO EXPLAIN THE IMPORTANCE OF COLOUR IN WEBSITE AND BRAND DESIGN babuappat@gmail.com
  • 6. Why is Facebook blue? babuappat@gmail.com
  • 7. 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. babuappat@gmail.com
  • 8. 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. babuappat@gmail.com
  • 9. After all, sight is the strongest developed sense in most human beings. babuappat@gmail.com
  • 10. It’s only natural that 90% of an assessment for trying out a product is made by colour alone babuappat@gmail.com
  • 11. So how do colours really affect us? and what is the science of colors in marketing, really? babuappat@gmail.com
  • 12. As we strive to make improvements to our product studying this phenomenon is key. babuappat@gmail.com
  • 13. Let’s dig into some of the latest, most interesting research on it. First: Can you recognize the online brands just based on color? babuappat@gmail.com
  • 14. Before we dive into the research here are some awesome experiments that show you how powerful colour alone really is. babuappat@gmail.com
  • 15. Based on just the colours of the buttons, can you guess which company belongs to each of them? babuappat@gmail.com
  • 20. Awesome These examples from YouTube designer Marc Hemeon, show the real power of colour more than any study could. babuappat@gmail.com
  • 21. How many were you able to guess? I will tell you the ANSWERS now babuappat@gmail.com
  • 26. Do you know? Which colors trigger which feeling for us? babuappat@gmail.com
  • 27. It’s a bit ambiguous Being completely conscious about what color triggers us to think in which way isn’t always obvious. babuappat@gmail.com
  • 28. LOGO The Logo Company has come up with an amazing breakdown which colors are best for which companies and why. babuappat@gmail.com
  • 29. Here are 4 great examples: Let’s delvea little deepinto: babuappat@gmail.com
  • 33. And the Fourth I would like to show you a co-relation between colour and emotions
  • 34.
  • 35. When we feel compelled to buy somethin.. colourcan play a major role.
  • 36. Analytics company KISSmetrics created an amazing infographic on the science of how colors affect our purchases.
  • 38. The role of green stands out to me as the most relaxing colour we can use to make buying easier.
  • 39. Most companies didn’t intentionally choose this as the main colour although it seems to have worked very well so far.
  • 40. At second look, we also realized how frequently black is used for luxury products.
  • 41. I’ll show you the full infographic:
  • 42.
  • 43. How to improve your marketing with better use of colors:
  • 44. This all might be fairly entertaining, but what are some actual decisions we can apply today to a website or app?
  • 45. 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
  • 46.
  • 47. 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. babuappat@gmail.com
  • 48.
  • 49. 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. babuappat@gmail.com
  • 50. They started out with the simple hypothesis of choosing between two colours (green and red) and trying guess what would happen. babuappat@gmail.com
  • 51. Green connotes ideas like “natural” and “environment,” and given its wide use in traffic lights, suggests the idea of “go” or forward movement. babuappat@gmail.com
  • 52. The colour red, on the other hand, is often thought to communicate excitement, passion, blood, and warning. babuappat@gmail.com
  • 53. It is also used as the colour for stopping at traffic lights. Red is also known to be eye- catching.” babuappat@gmail.com
  • 54. So, clearly an A/B test between green and red would result in green, the more friendly colour. At least that was their guess. babuappat@gmail.com
  • 55. Here is what their experiment looked like: babuappat@gmail.com
  • 56.
  • 57. So how did that experiment turn out? The answer was surprising: The red button outperformed the green button by 21%. babuappat@gmail.com
  • 58. What’s most important to consider is that nothing else was changed at all: babuappat@gmail.com
  • 59. 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. babuappat@gmail.com
  • 60. 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. babuappat@gmail.com
  • 61. Dozens of experiments were to improve conversion rates using changes of colors. babuappat@gmail.com
  • 62. 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 babuappat@gmail.com
  • 63. 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. babuappat@gmail.com
  • 64. People are always very prone to go with opinion. Yet, data always beats opinion, no matter what. babuappat@gmail.com
  • 65. 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. babuappat@gmail.com
  • 66. 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. babuappat@gmail.com
  • 67. The darkest color available at the time that was easily distinguishable from the black text was that blue color. babuappat@gmail.com
  • 68. 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 babuappat@gmail.com
  • 70. Which one do you LIKE the most? babuappat@gmail.com