Transcript
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