How the Psychology of Color Can Increase Your Website Conversions

54
Neil Patel, co-founder at KISSmetrics How the Psychology of Color Can Increase Your Website Conversions

Transcript of How the Psychology of Color Can Increase Your Website Conversions

Page 1: How the Psychology of Color Can Increase Your Website Conversions

Neil Patel, co-founder at KISSmetrics

How the Psychology of Color Can Increase Your Website Conversions

Page 2: How the Psychology of Color Can Increase Your Website Conversions

@thuelmadsen #KISSwebinar

Join the conversation on Twi!er

Page 3: How the Psychology of Color Can Increase Your Website Conversions

Neil Patel - KISSmetrics - @neilpatel !Neil Patel is a serial entrepreneur and the co-founder of KISSmetrics and Crazy Egg. He helps companies like Amazon, NBC, GM, HP, and Viacom grow their revenue. The Wall Street Journal calls him a top influencer on the web and Entrepreneur Magazine says he created one of the 100 most brilliant companies in the world.

Your presenter

Page 4: How the Psychology of Color Can Increase Your Website Conversions

Doing Business on the Web for 11 Years

Page 5: How the Psychology of Color Can Increase Your Website Conversions

@neilpatel #KISSwebinar

Join Neil on Twi!er

Page 6: How the Psychology of Color Can Increase Your Website Conversions

1 How Colors Affect Us

2 Using the Psychology of Colors to Your Advantage

3 Color Tips

Today we will cover

Page 8: How the Psychology of Color Can Increase Your Website Conversions

How Colors Affect Us

1

Page 9: How the Psychology of Color Can Increase Your Website Conversions

Humans Can See About 10 Million Different Colors

Source: http://www.simoneye.com/blog/how-many-colors-do-we-actually-see

Page 10: How the Psychology of Color Can Increase Your Website Conversions

Colors Can Create Emotional Reactions

Source: http://psycnet.apa.org/journals/xge/123/4/394/

One study examined which colors were the most and

least pleasant

Page 11: How the Psychology of Color Can Increase Your Website Conversions

Pleasant Hue

Source: http://psycnet.apa.org/journals/xge/123/4/394/

Blue:

Page 12: How the Psychology of Color Can Increase Your Website Conversions

Most Pleasant & Most Arousing

Source: http://psycnet.apa.org/journals/xge/123/4/394/

Blue-Green:

Page 13: How the Psychology of Color Can Increase Your Website Conversions

Pleasant Hue & Most Arousing

Source: http://psycnet.apa.org/journals/xge/123/4/394/

Green:

Page 14: How the Psychology of Color Can Increase Your Website Conversions

Pleasant Hue

Source: http://psycnet.apa.org/journals/xge/123/4/394/

Red-Purple:

Page 15: How the Psychology of Color Can Increase Your Website Conversions

Pleasant Hue

Source: http://psycnet.apa.org/journals/xge/123/4/394/

Purple:

Page 16: How the Psychology of Color Can Increase Your Website Conversions

Pleasant Hue & Least Arousing

Source: http://psycnet.apa.org/journals/xge/123/4/394/

Purple - Blue:

Page 17: How the Psychology of Color Can Increase Your Website Conversions

Least Pleasant

Yellow:

Page 18: How the Psychology of Color Can Increase Your Website Conversions

Least Pleasant & Most Arousing

Green-Yellow:

Page 19: How the Psychology of Color Can Increase Your Website Conversions

Least Arousing

Yellow-Red:

Page 20: How the Psychology of Color Can Increase Your Website Conversions

Most Pleasant & Least Pleasant

Least Pleasant:

Most Pleasant:

Page 21: How the Psychology of Color Can Increase Your Website Conversions

Most Arousing & Least Arousing

Least Arousing:

Most Pleasant:

Page 22: How the Psychology of Color Can Increase Your Website Conversions

Red & Yellow

Red & yellow shown to elicit more brain activity than green or blue

Source: http://emotion-research.net/Members/AlexGenov/Genov,%20Schall,%20Laird,%201999.pdf

Page 23: How the Psychology of Color Can Increase Your Website Conversions

Colors Affect Buying Decisions

• Consumers buy products in colors that they find most appealing at the time of purchase

• 90% of snap judgments made about products can be based on color alone (depending on the product).

• Colors impact how consumers view the personality of a brand

Sources: http://faculty.haas.berkeley.edu/c_lee/manuscript.pdf http://www.emeraldinsight.com/journals.htm?articleid=1558119&show=abstract http://link.springer.com/article/10.1007%2Fs11747-010-0245-y

Page 25: How the Psychology of Color Can Increase Your Website Conversions

Using the Psychology of Colors to Your Advantage

2

Page 26: How the Psychology of Color Can Increase Your Website Conversions

Logo Color Helps in Establishing Differentiation

Page 27: How the Psychology of Color Can Increase Your Website Conversions

Colors Help a Product and Brand Stand Out

Think Apple’s aluminum color and white cables.

Page 28: How the Psychology of Color Can Increase Your Website Conversions

Influences Consumer Perception

Use colors to establish your differentiation from competitors

Page 29: How the Psychology of Color Can Increase Your Website Conversions

Ignore Stereotypical Color Associations

Color preferences are determined by experience.

Source: http://news.discovery.com/human/evolution/colors-preferences-evolution-style.htm

Page 30: How the Psychology of Color Can Increase Your Website Conversions

Stereotypical Color Association

Purple means “imaginative and wise”

Page 31: How the Psychology of Color Can Increase Your Website Conversions

Stereotypical Color Association

Red means “excitement, youthful, and bold”

Page 32: How the Psychology of Color Can Increase Your Website Conversions

Stereotypical Color Association

Blue means “trust”

Page 33: How the Psychology of Color Can Increase Your Website Conversions

Stereotypical Color Association

Green means “peaceful, growth, and health”

Page 34: How the Psychology of Color Can Increase Your Website Conversions

Ignore Stereotypical Color

Associations!

Page 35: How the Psychology of Color Can Increase Your Website Conversions

Color Guidelines for Web Conversions

Contrast is key when forming CTAs

Page 36: How the Psychology of Color Can Increase Your Website Conversions

Facebook’s Sign Up Bu!on

Page 37: How the Psychology of Color Can Increase Your Website Conversions

Charity Water Donate Now Bu!on

Page 38: How the Psychology of Color Can Increase Your Website Conversions

Lings Cars

Page 39: How the Psychology of Color Can Increase Your Website Conversions

Color Tips

2

Page 40: How the Psychology of Color Can Increase Your Website Conversions

Red

In competitive situations, a red background made people pay more.

Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html

Page 41: How the Psychology of Color Can Increase Your Website Conversions

Blue

In negotiations, a red background decreased a consumer’s willingness to pay as compared to blue.

Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html

Page 42: How the Psychology of Color Can Increase Your Website Conversions

Blue

In fixed price se!ings, consumers are more influenced by blue.

Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html

Page 43: How the Psychology of Color Can Increase Your Website Conversions

Blue

Researcher says:

Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html

“Because these consumers were also only competing with the seller, purchase likelihoods were lower with red backgrounds compared to blue, indicating that their willingness to pay may have been lower.”

Page 44: How the Psychology of Color Can Increase Your Website Conversions

Red & Blue

Red induces aggression relative to blue.

Source: http://www.vt.edu/spotlight/innovation/2013-04-22-consumers/color.html

Page 45: How the Psychology of Color Can Increase Your Website Conversions

What This Means For You

In competitive situations, test using a red background.

Page 46: How the Psychology of Color Can Increase Your Website Conversions

What This Means For You

For fixed-price scenarios, test using a blue background.

Page 47: How the Psychology of Color Can Increase Your Website Conversions

Color Psychology for Men and Women

Men and women vary in their color preferences

Page 48: How the Psychology of Color Can Increase Your Website Conversions

Men’s Favorite Colors

Source: http://www.joehallock.com/edu/COM498/preferences.html

Page 49: How the Psychology of Color Can Increase Your Website Conversions

Women’s Favorite Colors

Source: http://www.joehallock.com/edu/COM498/preferences.html

Page 50: How the Psychology of Color Can Increase Your Website Conversions

Women’s Favorite Colors

Source: http://www.joehallock.com/edu/COM498/preferences.html

Page 51: How the Psychology of Color Can Increase Your Website Conversions

Women’s Favorite Colors

Source: http://www.joehallock.com/edu/COM498/preferences.html

Page 52: How the Psychology of Color Can Increase Your Website Conversions

Gender Color Preferences

Source: http://www.ncbi.nlm.nih.gov/pubmed/2235253\

Page 53: How the Psychology of Color Can Increase Your Website Conversions

THANK YOU

Neil Patel Co-Founder KISSmetrics

@neilpatel

Page 54: How the Psychology of Color Can Increase Your Website Conversions

Questions?

Neil Patel Co-Founder KISSmetrics

!@neilpatel

Thue Madsen Marketing Associate

KISSmetrics !

@thuelmadsen