design is trust— 9 principles for interactive credibility

102
9 10 PRINCIPLES FOR INTERACTIVE CREDIBILITY ^ DESIGN IS TRUST jason cranford teague @jasonspeaking | www.jasonspeaking.com | [email protected]

Upload: jason-cranfordteague

Post on 27-Jan-2015

105 views

Category:

Business


1 download

DESCRIPTION

Design serves one purpose and one purpose only: to gain the trust of its intended audience. Whether the need is for clarity or to obscure information, design is a tool we use not to convey information, but to present that information in a way that the viewer will perceive as confident and competent. Once that basic line of trust is established, it is only then that design can clearly work to help turn data into knowledge and knowledge into understanding. In this session, Jason will present the 9 principles of trust for design, and look at how they can be practically applied to improve any design.

TRANSCRIPT

Page 1: Design is Trust— 9 Principles For Interactive Credibility

910 PRINCIPLES FOR INTERACTIVE CREDIBILITY^DESIGN IS TRUST

jason cranford teague

@jasonspeaking | www.jasonspeaking.com | [email protected]

Page 2: Design is Trust— 9 Principles For Interactive Credibility

DESIGN IS TRUST10 Principles for Interactive Credibi l i ty

Page 3: Design is Trust— 9 Principles For Interactive Credibility

DESIGN IS TRUST10 Principles for Interactive Credibi l i ty

helvetica neue condensed bold

Page 4: Design is Trust— 9 Principles For Interactive Credibility

DESIGN IS TRUST10 Principles for Interactive Credibi l i ty

helvetica neue ultra light

Page 5: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYhelvetica neue condensed boldletter spacing: 10%

DESIGN IS TRUST

Page 6: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUST50% black

Page 7: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUSTharrington

Page 8: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUST

cooper std

Page 9: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUSTstencil

Page 10: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUST

architects daughter

Page 11: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUSTcomic sans

Page 12: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUSThelvetica neue ultra light helvetica neue condensed bold

helvetica neue condensed boldletter spacing: 6%50% black

Page 13: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUST

museo sans 100 museo sans 900

Page 14: Design is Trust— 9 Principles For Interactive Credibility

10 PRINCIPLES FOR INTERACTIVE CREDIBILITYDESIGN IS TRUST

Museo Slabletter spacing: 1%

Page 15: Design is Trust— 9 Principles For Interactive Credibility

910 PRINCIPLES FOR INTERACTIVE CREDIBILITY^DESIGN IS TRUST

jason cranford teague

@jasonspeaking | www.jasonspeaking.com | [email protected]

Page 16: Design is Trust— 9 Principles For Interactive Credibility

Goatee Indicates he is from evil alternate universe

Smile that frightens small children

Hang loose or devil sign?

Widows peak indicate possible vampirism

Embroidered shirt commonly worn by pirates

Why would you trust this man?

Page 17: Design is Trust— 9 Principles For Interactive Credibility

17 years of Web design experience

Dozens of conference presentations for SXSW, HOW,

WebVisions…

15 Books & 100s of articles on digital media design

MS in Tech. Comm. from Rensselaer Polytechnic Institute

Clients have included Marriott, AOL, Bank of America, Virgin, Coca-Cola, WebMD, Aspen Ideas Festival…

Why you should trust this man!

Page 18: Design is Trust— 9 Principles For Interactive Credibility

SHOW

Page 19: Design is Trust— 9 Principles For Interactive Credibility

THE CLIENT

Page 20: Design is Trust— 9 Principles For Interactive Credibility
Page 21: Design is Trust— 9 Principles For Interactive Credibility
Page 22: Design is Trust— 9 Principles For Interactive Credibility
Page 23: Design is Trust— 9 Principles For Interactive Credibility
Page 24: Design is Trust— 9 Principles For Interactive Credibility

“People think it's this veneer — that the designers are handed this box and told, 'Make it look good!' That's not what we think design is. It's not just what it looks like and feels like. Design is how it works.

— Steve Jobs

Page 25: Design is Trust— 9 Principles For Interactive Credibility

INTERACTIVE DESIGN

Page 26: Design is Trust— 9 Principles For Interactive Credibility

DESIGN = TRUST

Page 27: Design is Trust— 9 Principles For Interactive Credibility

“One Third of 12–15 year olds believe that if a search engine lists information then it must be truthful…

— Truth, Lies and the Internet Demos.co.uk ⅓

Page 28: Design is Trust— 9 Principles For Interactive Credibility

“…15 per cent don’t consider the veracity of results but just visit the sites they ‘like the look of’.

— Truth, Lies and the Internet Demos.co.uk

15%

Page 29: Design is Trust— 9 Principles For Interactive Credibility

9 PRINCIPLES…1. Be Sincere

2. Know Your Voice

3. Preserve Context

4. Transition Changes

5. Guide, Don’t Dictate

6. Show, Then Tell

7. Keep Promises

8. Make it Simple, Not Simplistic

9. Leave Them Wanting More

Page 30: Design is Trust— 9 Principles For Interactive Credibility

AUDIENCE

Page 31: Design is Trust— 9 Principles For Interactive Credibility

“Contempt for the intelligence of the audience engenders graphics that lie… graphic excellence begins with telling the truth.

—Edward Tufte

Page 32: Design is Trust— 9 Principles For Interactive Credibility

WHERE DO WE START?

Page 33: Design is Trust— 9 Principles For Interactive Credibility
Page 34: Design is Trust— 9 Principles For Interactive Credibility

SINCERITY

Page 35: Design is Trust— 9 Principles For Interactive Credibility

BE SINCEREFIRST PRINCIPLE

Page 36: Design is Trust— 9 Principles For Interactive Credibility

sublimevideo.net

preserve reality

Page 37: Design is Trust— 9 Principles For Interactive Credibility

faciodesign.co.uk

texture

depth

contrast

Page 38: Design is Trust— 9 Principles For Interactive Credibility

KNOW YOUR VOICE

SECOND PRINCIPLE

Page 40: Design is Trust— 9 Principles For Interactive Credibility

classical

Page 41: Design is Trust— 9 Principles For Interactive Credibility

contemporary

Page 42: Design is Trust— 9 Principles For Interactive Credibility

grunge

Page 43: Design is Trust— 9 Principles For Interactive Credibility

CONSISTENT VOICE

Page 44: Design is Trust— 9 Principles For Interactive Credibility

grafik.com

Constant Voice

Page 45: Design is Trust— 9 Principles For Interactive Credibility
Page 46: Design is Trust— 9 Principles For Interactive Credibility
Page 47: Design is Trust— 9 Principles For Interactive Credibility

PRESERVE CONTEXT

THIRD PRINCIPLE

Page 49: Design is Trust— 9 Principles For Interactive Credibility
Page 50: Design is Trust— 9 Principles For Interactive Credibility

OUT OF CONTEXT

Page 51: Design is Trust— 9 Principles For Interactive Credibility

utah.gov

Page 52: Design is Trust— 9 Principles For Interactive Credibility

Provide a backdrop

Preserve Fixed Points

Page 53: Design is Trust— 9 Principles For Interactive Credibility
Page 54: Design is Trust— 9 Principles For Interactive Credibility

TRANSITION CHANGES

FOURTH PRINCIPLE

Page 56: Design is Trust— 9 Principles For Interactive Credibility
Page 57: Design is Trust— 9 Principles For Interactive Credibility
Page 58: Design is Trust— 9 Principles For Interactive Credibility
Page 59: Design is Trust— 9 Principles For Interactive Credibility
Page 60: Design is Trust— 9 Principles For Interactive Credibility
Page 61: Design is Trust— 9 Principles For Interactive Credibility

CHANGE BLINDNESS

Page 62: Design is Trust— 9 Principles For Interactive Credibility

pubaid.org

Page 63: Design is Trust— 9 Principles For Interactive Credibility

Page 64: Design is Trust— 9 Principles For Interactive Credibility

Page 65: Design is Trust— 9 Principles For Interactive Credibility

“show the in-between

Page 66: Design is Trust— 9 Principles For Interactive Credibility

twitter.com

click for details

Page 67: Design is Trust— 9 Principles For Interactive Credibility

slides out

Page 68: Design is Trust— 9 Principles For Interactive Credibility

GUIDE, DON’T DICTATE

FOURTH PRINCIPLE

Page 69: Design is Trust— 9 Principles For Interactive Credibility

“No man has the right to dictate what other men should perceive, create or produce, but all should be encouraged to reveal themselves, their perceptions and emotions, and to build confidence in the creative spirit.

— Ansel Adams

Page 70: Design is Trust— 9 Principles For Interactive Credibility
Page 71: Design is Trust— 9 Principles For Interactive Credibility

DON’T THINK OF AN ELEPHANT!

Page 72: Design is Trust— 9 Principles For Interactive Credibility

zomertoer.railscluster.nl

Page 73: Design is Trust— 9 Principles For Interactive Credibility

help the user find their path

Page 75: Design is Trust— 9 Principles For Interactive Credibility

SHOW, THEN TELLFIFTH PRINCIPLE

Page 76: Design is Trust— 9 Principles For Interactive Credibility

“Don't tell me the moon is shining; show me the glint of light on broken glass.

— Anton Chekhov

Page 77: Design is Trust— 9 Principles For Interactive Credibility
Page 78: Design is Trust— 9 Principles For Interactive Credibility

WE SEE PATTERNS FIRST

Page 79: Design is Trust— 9 Principles For Interactive Credibility

thenounproject.org

Page 80: Design is Trust— 9 Principles For Interactive Credibility

miessociety.org

Page 81: Design is Trust— 9 Principles For Interactive Credibility
Page 82: Design is Trust— 9 Principles For Interactive Credibility
Page 83: Design is Trust— 9 Principles For Interactive Credibility
Page 84: Design is Trust— 9 Principles For Interactive Credibility

KEEP PROMISESSEVENTH PRINCIPLE

Page 85: Design is Trust— 9 Principles For Interactive Credibility

“The promise given was a necessity of the past: the word broken is a necessity of the present.

— Niccolo Machiavelli

Page 86: Design is Trust— 9 Principles For Interactive Credibility

verizon.com

Page 87: Design is Trust— 9 Principles For Interactive Credibility

INCONSISTENT INTERFACES ARE A BROKEN PROMISE

Page 88: Design is Trust— 9 Principles For Interactive Credibility

MAKE IT SIMPLE, NOT SIMPLISTIC

EIGHTH PRINCIPLE

Page 89: Design is Trust— 9 Principles For Interactive Credibility

“Truth is something which can't be told in a few words. Those who simplify the universe only reduce the expansion of its meaning.

— Anaïs Nin

Page 90: Design is Trust— 9 Principles For Interactive Credibility

Lings Cars

Page 91: Design is Trust— 9 Principles For Interactive Credibility

DON’T MAKE ME THINK!

Page 92: Design is Trust— 9 Principles For Interactive Credibility

enoughproject.org

Page 93: Design is Trust— 9 Principles For Interactive Credibility

LEAVE THEM WANTING MORE

NINTH PRINCIPLE

Page 95: Design is Trust— 9 Principles For Interactive Credibility

netflix.com

more movies are always available

Page 96: Design is Trust— 9 Principles For Interactive Credibility

countyhealthrankings.org

Page 97: Design is Trust— 9 Principles For Interactive Credibility

countysinrankings.org

Page 98: Design is Trust— 9 Principles For Interactive Credibility

9 PRINCIPLES…1. Be Sincere

2. Know Your Voice

3. Preserve Context

4. Transition Changes

5. Guide, Don’t Dictate

6. Show, Then Tell

7. Keep Promises

8. Make it Simple, Not Simplistic

9. Leave Them Wanting More

Page 99: Design is Trust— 9 Principles For Interactive Credibility

“To be persuasive we must be believable; to be believable we must be credible; to be credible we must be truthful.

It is as simple as that.

—Edward R. Murrow

Page 102: Design is Trust— 9 Principles For Interactive Credibility

910 PRINCIPLES FOR INTERACTIVE CREDIBILITY^DESIGN IS TRUST

jason cranford teague

@jasonspeaking | www.jasonspeaking.com | [email protected]