Presentationception

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!)


Goal . Clarity

Agoodpresentation

DISAPPeArS


1 pt. Per Slide . Bad

• Thepresentationshouldbeastorywhichyouwalksomeonethrough

• Itshouldbetoldlogically

• Thepresentationshouldonlyhelp,notgetintheway

• Toomanypointsonaslidedistractpeoplefromwhatyoursaying

• Peopleenduptryingtoreadinsteadoflisteningtoyourwonderfulpitch

• Thenpeoplegetbored,becauseyouhavetoomanypoints,orthey’vereadthemall

• Thentheygetconfusedbecausetheydon’tknowwhatpointyour’retalkingabout


1 pt. Per Slide . Better

Thepresentationshouldbeastorywhichyou

walksomeonethrough


Itshouldbetoldlogically



Thepresentationshouldonlyhelp,not

getintheway



Yougettheidea.



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


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!


Uninterupted

Thisisyourtime.Youonlygetitonce,don’t

forfeitcontrol.


Tellyourstoryhowyouwantittobetold.

Uninterupted


Audience

Presentationsarenotuniversal

Dominic Prestifilippo . dominicp.comJuly 20, 2012 presentation ception

Audience . Example 1


Audience . Example 2


Consideryouraudience,asintheirbackground,

interestsandneeds

Audience


Donotuseanyjargon

Audience


Consideryoursituationandhowyouwantit

tounfold

Audience


So What?

Onceyou’vemadeaslide,askyourself

“sowhat?”


so what? . Example

Ournewcupisblueandtransparent.


so what? . Example

Ournewcupisblueandtransparent.

SOWhAT?

Whocaresaboutblue?

Whycan’tIjustlookdownintomycuptoseemybeverage?

Dotheygotogether?


Numerical Comparisons

31,000McDonalds


Numerical Comparisons . A Lot

ALotofMcDonalds


Numerical Comparison . Scale

380,000WesternUnionBranches

16,700Starbucks 31,000McDonalds


Visual Information Levels . resolution

hIGhLOW


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


• Maintainconsistentpositioning

• Beprecise

• Useagrid

Visual Consistency . Positioning



• Beprecise

• Useagrid





• Beprecise

• Useagrid


Visual Consistency . Heirarchy

Defineaheirarchyandsticktoit


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


design with intent

Considerhoweachaspectofyour

presentationcansupportyouroverallmessage


design with intent

Tellastory&makeitoneyouraudience

caresabout


Agenda . Recap

• Agenda


• 1pt./Slide

• NotStandalone

• Uninterrupted

• Audience

• SoWhat?






Agenda . Recap

• Agenda


• 1pt./Slide

• NotStandalone

• Uninterrupted

• Audience

• SoWhat?





Thankyou

&

Questions


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


File Types

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

VectorBased.eps-.ai

QQQ


Complex Walk through

Confusion,fromtoomuchinformation

Usethistointroducetheconcept



PiecebyPiece highlight










Presentationception

Documents

intentpresentation ception

waypresentation ception

needspresentation ception

throughpresentation

universalpresentation

logicallypresentation

jargonpresentation ception

dominic prestifilippojuly