persuasive web design

43
Molly E. Holzschlag | Atlantic Marketing Conference Halifax, Novia Scotia, April 2009 PERSUASIVE WEB DESIGN Friday, April 24, 2009

Upload: aimconference

Post on 12-Jan-2015

2.194 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Persuasive Web Design

Molly E. Holzschlag | Atlantic Marketing ConferenceHalifax, Novia Scotia, April 2009

PERSUASIVE WEB DESIGN

Friday, April 24, 2009

Page 2: Persuasive Web Design

COLORComputer color is additive synthesis, adding values of 0-256 to red, green and blue to come up with the colors defined.

Friday, April 24, 2009

Page 3: Persuasive Web Design

NOT MAGENTA YELLOW OR CYAN Color from dyes, paints and other pigments use Subtractive Synthesis to achieve a given hue, unlike computerized color.

Friday, April 24, 2009

Page 4: Persuasive Web Design

Computer color relies on math and physics

Friday, April 24, 2009

Page 5: Persuasive Web Design

Perception of color is based on:

Biology

Neurochemistry

Cultural influences including:

• Heritage

• Religion

• Geography

• Gender

Color is a mix of science and art, technology and human emotion.

Friday, April 24, 2009

Page 6: Persuasive Web Design

EMOTIONAL RESPONSES TO COLORHow do we feel when we look at color?

Friday, April 24, 2009

Page 7: Persuasive Web Design

CHROMATIC PRIMARIESFriday, April 24, 2009

Page 8: Persuasive Web Design

Friday, April 24, 2009

Page 9: Persuasive Web Design

RED

PowerEnergyWarmthLovePassionAggressionDangerBloodGood Fortune

Friday, April 24, 2009

Page 10: Persuasive Web Design

Friday, April 24, 2009

Page 11: Persuasive Web Design

GREEN

NatureHealthGood Luck MoneyJealousyRenewal

Friday, April 24, 2009

Page 12: Persuasive Web Design

Friday, April 24, 2009

Page 13: Persuasive Web Design

Blue

TrustConservativeSecurityTechnologyCleanlinessOrderSorrow

Friday, April 24, 2009

Page 14: Persuasive Web Design

Friday, April 24, 2009

Page 15: Persuasive Web Design

Yellow

OptimismHopeJoyPhilosophyDishonestyCowardiceBetrayal

Friday, April 24, 2009

Page 16: Persuasive Web Design

ACHROMATIC COLORS

Friday, April 24, 2009

Page 17: Persuasive Web Design

BLACKDeath, Power, Sexuality, Sophistication, Mystery, Fear, Unhappiness

Friday, April 24, 2009

Page 18: Persuasive Web Design

Friday, April 24, 2009

Page 19: Persuasive Web Design

WHITEDeath, Purity, Cleanliness, Precision, Innocence, Sterility

Friday, April 24, 2009

Page 20: Persuasive Web Design

Friday, April 24, 2009

Page 21: Persuasive Web Design

GRAYSadness, sorrow, decay, modesty, intellect, futurism, elegance (silver)

Friday, April 24, 2009

Page 22: Persuasive Web Design

Friday, April 24, 2009

Page 23: Persuasive Web Design

CULTURAL RESPONSES TO COLORWhere we come from geographically, our views on theism, the language we speak—each aspect of our culture and experience influences the human emotional response inspired by colors.

Friday, April 24, 2009

Page 24: Persuasive Web Design

WHITEDeath, Purity, Cleanliness, Precision, Innocence, Sterility

Culture Red Blue Green Yellow WhiteUSA, Europe Danger Manliness, sweet,

calm, AuthoritySafety, safe, sour Caution, Cowardice Purity

France Nobility Freedom, Peace Criminality preliminary Neutrality

Egypt, Arab Nations

Death Virtue, Faith, Truth Fertility, Strength Happiness, Welfare or Wealth

Joy

India Life, Creativity Welfare or Wealth, Fertility

Success Death, Purity

Japan Anger, Danger Shame, Despicableness

Future, Youth, Energy

Grace, Dignity, Nobility, childish, joyful

Death

China Happiness, Joy, Festivity

Sky, Clouds Ming dynasty, royal, Honor

Birth, Wealth, Strength or Power

Friday, April 24, 2009

Page 25: Persuasive Web Design

SHAPEShapes are archetypal and extraordinarily powerful throughout human history in conveying ideas.

Friday, April 24, 2009

Page 26: Persuasive Web Design

Rectangle

StabilityCorporateConstantMassConformance

Friday, April 24, 2009

Page 27: Persuasive Web Design

Circle

FeminineWholenessCommunityFamilyComfortPlayfulnessLife

Friday, April 24, 2009

Page 28: Persuasive Web Design

Triangle

MasculineMovementDynamic

Inverted:

WeakEmasculatedDisempowered

Friday, April 24, 2009

Page 29: Persuasive Web Design

Use of Shape and Color in Persuasive Branding

“The famous ‘FedEx Logo’ is a quality example of sheer ubiquity and inspiring symbology. The FedEx logo has won many distinctive awards and is often regarded as the best creative design ever.” logoblog.org

Friday, April 24, 2009

Page 30: Persuasive Web Design

LESSONS FROM THE DARK

A look at color and shape symbolism in Nazi concentration camps.

Friday, April 24, 2009

Page 31: Persuasive Web Design

Friday, April 24, 2009

Page 32: Persuasive Web Design

Friday, April 24, 2009

Page 33: Persuasive Web Design

LANGUAGEWords are, in a word: Global.

Friday, April 24, 2009

Page 34: Persuasive Web Design

• Web users are four times more likely to purchase from a site that communicates in the customer's language (www.idc.com).

• Over 100 million people access the Internet in a language other than English.

• Over 50% of Web Users speak a native language other than English.

• Visitors stay for twice as long if a website is in their own language (Forrester Research).

Friday, April 24, 2009

Page 35: Persuasive Web Design

The 9 Second Theory

Studies show that it takes 9 seconds or less for a site visitor to determine whether he or she will stay on your site.

Using color, shape and language, it’s easier to be more persuasive.

Friday, April 24, 2009

Page 36: Persuasive Web Design

Friday, April 24, 2009

Page 37: Persuasive Web Design

Friday, April 24, 2009

Page 38: Persuasive Web Design

Friday, April 24, 2009

Page 39: Persuasive Web Design

Friday, April 24, 2009

Page 40: Persuasive Web Design

Friday, April 24, 2009

Page 41: Persuasive Web Design

Friday, April 24, 2009

Page 42: Persuasive Web Design

Questions? Answers?

Friday, April 24, 2009

Page 43: Persuasive Web Design

Thank You, Nova Scotia!Friday, April 24, 2009