Presentation-ception: A Presentation on Presentations

42
PRESENTATION CEPTION By Dominic Prestifilippo July 19, 2012

description

My presentation on how to give presentations. This was put together for environmentally minded startups participating in an incubator that were prepping investor pitches.

Transcript of Presentation-ception: A Presentation on Presentations

PRESENTATION CEPTIONBy Dominic Prestifilippo

July 19, 2012

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Agenda

• Agenda

• PresentationGoal

• 1pt./Slide

• NotStandalone

• Uninterrupted

• Audience

• SoWhat?

• NumericalComparisons

• VisualInformationLevels

• VisualConsistency

• DesignWithIntent

(Don’tforgetme!)

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Goal . Clarity

Agoodpresentation

DISAPPeArS

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

1 pt. Per Slide . Bad

• Thepresentationshouldbeastorywhichyouwalksomeonethrough

• Itshouldbetoldlogically

• Thepresentationshouldonlyhelp,notgetintheway

• Toomanypointsonaslidedistractpeoplefromwhatyoursaying

• Peopleenduptryingtoreadinsteadoflisteningtoyourwonderfulpitch

• Thenpeoplegetbored,becauseyouhavetoomanypoints,orthey’vereadthemall

• Thentheygetconfusedbecausetheydon’tknowwhatpointyour’retalkingabout

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

1 pt. Per Slide . Better

Thepresentationshouldbeastorywhichyou

walksomeonethrough

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Itshouldbetoldlogically

1 pt. Per Slide . Better

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Thepresentationshouldonlyhelp,not

getintheway

1 pt. Per Slide . Better

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Yougettheidea.

1 pt. Per Slide . Better

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Not STandalone . Bad

• Don’tdothis

• Don’tbulletalltheseawesomepointsthatyouwillprobablyjustlistanyway

• Ifyoujustmustlistbullets,keepittothreeorlessandkeepthemshort.

• Thiswayyouraudiencedoesn’tgetcaughtupreadingandthenconfusedagainaboutwhereyouare

Some detailed visual you are probably wishing was bigger

0

5

10

15

20

Cost of coffee

Awesom

eness

Bad news

Average height

Cigarette breaks

Dollars owed

America

Photocopies

Sidewalk cracks

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Not STandalone . BetterNever forget the Graphic Title

0

5

10

15

20

Cost of coffee

Awesom

eness

Bad news

Average height

Cigarette breaks

Dollars owed

America

Photocopies

Sidewalk cracks

Nowyoucanjusttalkaboutthegraphicandpeoplewilllistentoyou…becausetheyhaveto!

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Uninterupted

Thisisyourtime.Youonlygetitonce,don’t

forfeitcontrol.

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Tellyourstoryhowyouwantittobetold.

Uninterupted

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Audience

Presentationsarenotuniversal

Dominic Prestifilippo . dominicp.comJuly 20, 2012 presentation ception

Audience . Example 1

Dominic Prestifilippo . dominicp.comJuly 20, 2012 presentation ception

Audience . Example 2

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Consideryouraudience,asintheirbackground,

interestsandneeds

Audience

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Donotuseanyjargon

Audience

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Consideryoursituationandhowyouwantit

tounfold

Audience

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

So What?

Onceyou’vemadeaslide,askyourself

“sowhat?”

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

so what? . Example

Ournewcupisblueandtransparent.

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

so what? . Example

Ournewcupisblueandtransparent.

SOWhAT?

Whocaresaboutblue?

Whycan’tIjustlookdownintomycuptoseemybeverage?

Dotheygotogether?

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Numerical Comparisons

31,000McDonalds

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Numerical Comparisons . A Lot

ALotofMcDonalds

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Numerical Comparison . Scale

380,000WesternUnionBranches

16,700Starbucks 31,000McDonalds

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Visual Information Levels . resolution

hIGhLOW

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Visual Consistency . color

• Usebrandcolorsandshadeswhenpossible

• Colorworkswellasanaccent

• Onlineresourcesformeaning

Craigslist Cycling Responses Visualized

Years as a Cyclist Miles of Average Ride Owns a Car Why do You Ride?

GenderBike Lane UsageAge

2

7 7

11

1

5

2–4

1–2

8–1

6

16+

4–8

<1 years

1

5

8

2

7

10

<1

1–2

.5

2.5

–4

4–6 miles

6–1

2

12+

Male

Female

N/A

3

426

50–5

9

N/A

18–2

9

30–3

9

40–4

9

years

4

15

7

43

Alw

ays

Never

Rarely

Sometim

es

Most Tim

es

frequency

1 12

12

17

Yes No 924

Commuting

Fitness

Errand

s

Joy

Life/fun

School

Off-Ro

ad

For Fun

Everything

For W

ork

27

24

19

4

21 1 1 1 1

Craigslist Cycling Responses Visualized

Years as a Cyclist Miles of Average Ride Owns a Car Why do You Ride?

GenderBike Lane UsageAge

2

7 7

11

1

5

2–4

1–2

8–1

6

16+

4–8

<1 years

1

5

8

2

7

10

<1

1–2

.5

2.5

–4

4–6 miles

6–1

2

12+

Male

Female

N/A

3

426

50–5

9

N/A

18–2

9

30–3

9

40–4

9

years

4

15

7

43

Alw

ays

Never

Rarely

Sometim

es

Most Tim

es

frequency

1 12

12

17

Yes No 924

Commuting

Fitness

Errand

s

Joy

Life/fun

School

Off-Ro

ad

For Fun

Everything

For W

ork

27

24

19

4

21 1 1 1 1

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

• Maintainconsistentpositioning

• Beprecise

• Useagrid

Visual Consistency . Positioning

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

• Maintainconsistentpositioning

• Beprecise

• Useagrid

Visual Consistency . Positioning

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Visual Consistency . Positioning

• Maintainconsistentpositioning

• Beprecise

• Useagrid

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Visual Consistency . Heirarchy

Defineaheirarchyandsticktoit

Dominic Prestifilippo . dominicp.comJuly 20, 2012 presentation ception

Visual Consistency . HeirarchyheADerFont:CodeProWeight:regularSize:18ptPosition:UpperLeftCorner

PeriodforDifferentiation

SINGLePOINTSFont:heroWeight:regularSize:30ptPosition:VerticalCenter,Top-alignedtofirstrow.

FOOTerTITLeFont:CodeProWeight:regularSize:12ptPosition:Bottomleft

FOOTerDATeFont:CodeProWeight:regularSize:12ptPosition:Bottom,Left-alignedtofirstcolumn

SUB-heADerFont:CodeProWeight:LightSize:18ptPosition:Afterdifferentiator

Defineaheirarchyandsticktoit

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

design with intent

Considerhoweachaspectofyour

presentationcansupportyouroverallmessage

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

design with intent

Tellastory&makeitoneyouraudience

caresabout

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Agenda . Recap

• Agenda

• PresentationGoal

• 1pt./Slide

• NotStandalone

• Uninterrupted

• Audience

• SoWhat?

• NumericalComparisons

• VisualInformationLevels

• VisualConsistency

• DesignWithIntent

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Agenda . Recap

• Agenda

• PresentationGoal

• 1pt./Slide

• NotStandalone

• Uninterrupted

• Audience

• SoWhat?

• NumericalComparisons

• VisualInformationLevels

• VisualConsistency

• DesignWithIntent

Thankyou

&

Questions

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Resources

• thenounproject.com - free icons

• kuler.adobe.com - color palette creator

• brandsoftheworld.com - vector logos

• visual.ly - infographic inspiration

• dribbble.com- graphic inspiration

• all-silhouettes.com - free silhouettes

• wordle.net- word cloud generator

• edwardTufte - infographic connoisseur

• smashingmagazine.com- good articles

• aiga.org/symbol-signs - standard icons

• designresourcebox.com/free-vector-graphics-designers-would-actually-download-and-use - self explanatory

• designerstoolbox.com- good references

• designmoo.com- resource community

• http://www-958.ibm.com/software/data/cognos/manyeyes - visualizer

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

File Types

PixelBased(raster).jpg-.png-.gif-.tif

VectorBased.eps-.ai

QQQ

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Complex Walk through

Confusion,fromtoomuchinformation

Usethistointroducetheconcept

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Complex Walk through

PiecebyPiece highlight

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Complex Walk through

PiecebyPiece highlight

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Complex Walk through

PiecebyPiece highlight

July 19, 2012 Dominic Prestifilippo . dominicp.compresentation ception

Complex Walk through

PiecebyPiece highlight