User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly...

87

description

User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008 **************** Solana Crawford DESIGN about TOWN Solana Crawford founded DESIGN about TOWN in 2005 and now serves as Chief Design Officer. She has over 13 years of experience in the print design and advertising fields and over 8 years in the web design and interactive arena. Solana has taught Graphic Design at “Universidad de Ciencias Empresariales y Sociales” in Buenos Aires (one of Fast Company’s top 15 “Fastest Cities” in 2007) and currently reviews students portfolios as well as serves as a Judge for design and web award giving associations. Solana is also on the Board of Directors for Paco Gomes and Dancers (www.pacogomesdance.com ). With DESIGN about TOWN Solana has put together an amazing team of professionals who excel at design, programming, copy writing and client service. Solana holds a B.S. in Graphic Design from the University of Buenos Aires, Argentina. **************** User: Action! Leading Users to Action Through Design Solana Crawford (DESIGN about TOWN) 14:35 Thursday, 23-10-2008 Location: A3-4 There’s something that takes that extra step, that goes beyond user interface (form) and user experience (function)... And it is that moment that each company with online presence wants its target user to reach: the click-moment. Whether it is to donate, buy, sign up or send, it is that decision-making-second, right before the user takes action, that will change their state of mind, their mood, they way they feel based on the action that was just taken. Design elements are key in accomplishing this. The right color choice will get you a new customer, and the wrong one can make you lose a potential investor. You need to show you know not just your product or service, but also your audience. Making them feel good about taking action takes you and your company a long ways. What will be covered: - Today’s design trends. - Which design elements entice users to take action: Shapes, colors, images… - Use of color to prompt users to take action. - How simple or sophisticated to design your site so users take action. **************** Links: www.designabouttown.com www.designbaouttown.com/blog http://en.oreilly.com/webexberlin2008/ http://blip.tv/file/1276931/ http://www.linkedin.com/in/solana

Transcript of User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly...

Page 1: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 2: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

blah

blah

blah

Page 3: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

solana crawfordfounder, chief design off icer

Page 4: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

designers?

Page 5: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

designers?

developers?

Page 6: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

designers?

developers?

biz decis ion makers?

Page 7: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

design = communicat ion

Page 8: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

almost every websi te is sel l ing something

Page 9: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

cl ick-moment

Page 10: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

the var iable states of user act ion

Page 11: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

know

Page 12: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

know

goals

Page 13: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

know

goals

audience

Page 14: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

know

goals

audience

product / service

Page 15: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

know

goals

audience

product / service

know them

Page 16: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

pre c l ick-moment

Page 17: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

users get there

Page 18: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

users get there

by chance

Page 19: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

users get there

by chance

by choice

Page 20: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

powerful tools

Page 21: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

layout posi t ion hierarchies

Page 22: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

layout posi t ion hierarchies

fonts

Page 23: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

layout posi t ion hierarchies

fonts

size

Page 24: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

layout posi t ion hierarchies

fonts

size

shapes

Page 25: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

layout posi t ion hierarchies

fonts

size

shapes

imagery

Page 26: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

layout posi t ion hierarchies

fonts

size

shapes

imagery

movement / l ines

Page 27: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

layout posi t ion hierarchies

fonts

size

shapes

imagery

movement / l ines

content

Page 28: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

contrast

Page 29: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

read this read this read this read this read this read this read this read this read this read this read this read this read this read this read this

Page 30: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

read this read this read this read this read this read this read this read this read this read this read this read this read this read this read this

Page 31: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

read this read this read this read this read this read this read this read this read this read this read this read this read this read this read this

Page 32: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

read this read this read this read this read this

read this read this read this read this read this read this read this read this read this read this

Page 33: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

colour

Page 34: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

colour

COLOUR

Page 35: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

colour associat ions

Page 36: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

elegance, wisdom, balance, neutrality, formality, dullness, pollution, urban sprawl

Page 37: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 38: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

light, air, innocence, purity, cleanliness, peace, simplicity, winter, surrender, hope

death (eastern cultures)

Page 39: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 40: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

modernity, power, sophistication, elegance, style, wealth, mystery, fear, sadness

death (western cultures)

Page 41: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 42: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 43: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 44: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

passion, energy, love, sex, speed, heat, fire, leadership, power, aggression, danger, stop

wealth (china), devil (western cultures)

Page 45: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 46: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

peace, unity, friendliness, loyalty, wisdom, strength, calmness, cleanliness, sadness, coldness, skies, water, technology

Page 47: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 48: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 49: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

life, nature, environment, fertility, growth, health, youth, inexperience, hope, balance, harmony, go, good luck, generosity, envy, coldness

Page 50: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 51: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 52: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

sunlight, summer, joy, earth, optimism, intelligence, wealth (gold), hope, sociability, friendship, hazards, dishonesty, deceit

mourning (egypt), courage (japan)

Page 53: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 54: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

envy, sensuality, bisexuality, wealth, royalty, pride, mystery, spirituality, creativity, wisdom, arrogance, exaggeration, confusion

Page 55: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 56: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

happiness, energy, balance, heat, fire, enthusiasm, playfulness, aggression, arrogance, overemotion, warning, danger, autumn, desire

Page 57: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 58: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

spring, gratitude, appreciation, admiration, joy, sympathy, femininity, health, love, sex, marriage

Page 59: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 60: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 61: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 62: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 63: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 64: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 65: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

during c l ick moment

Page 66: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

keep users engaged

Page 67: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

the c l ick-moment

the user shi f t

Page 68: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

don’t d isappoint the user

Page 69: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

consistency

through the var iable states of user act ion

Page 70: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

post c l ick moment

Page 71: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 72: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008
Page 73: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

what makes the user take act ion?

Page 74: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

what makes the user take act ion?

choice

Page 75: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

what makes the user take act ion?

choice

trust

Page 76: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

r isk vs. accompl ishment

Page 77: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

love your audience

Page 78: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

love your audience

love what you are sel l ing/promot ing

Page 79: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

love your audience

love what you are sel l ing/promot ing

design for that

Page 80: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

stand out!

Page 81: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

the c l ick-moment

Page 82: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

the c l ick-moment

user act ion

Page 83: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

the c l ick-moment

user act ion

business

Page 84: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

the c l ick-moment

user act ion

business

design

Page 85: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

web 2.0 works

thank you

Page 86: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

¿?

Page 87: User: Action! Leading Users to Action Through Design: a presentation by Solana Crawford at O\'Reilly Media Web 2.0 Conference ,Berlin 2008

solana crawford

[email protected]

linkedin | facebook (+)

designabouttown.com/blog

18 bar to l s t . , san f ranc isco, ca