2. Agenda
(Don’t forget me!)
• Agenda
• Presentation Goal
• 1 pt. / Slide
• Not Standalone
• Uninterrupted
• Audience
• So What?
• Numerical Comparisons
• Visual Information Levels
• Visual Consistency
• Design With Intent
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
3. Goal . Clarity
A good presentation
disappears
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
4. 1 pt. Per Slide . Bad
• The presentation should be a story • People end up trying to read instead of
which you walk someone through listening to your wonderful pitch
• It should be told logically • Then people get bored, because you
have too many points, or they’ve read
• The presentation should only help, not them all
get in the way
• Then they get confused because they
• Too many points on a slide distract don’t know what point your’re talking
people from what your saying about
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
5. 1 pt. Per Slide . Better
The presentation should
be a story which you
walk someone through
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
6. 1 pt. Per Slide . Better
It should be told logically
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
7. 1 pt. Per Slide . Better
The presentation
should only help, not
get in the way
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
8. 1 pt. Per Slide . Better
You get the idea.
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
9. Not STandalone . Bad
Some detailed visual you are
probably wishing was bigger
• Don’t do this 20
• Don’t bullet all these awesome points
that you will probably just list anyway 15
• If you just must list bullets, keep it to
three or less and keep them short. 10
• This way your audience doesn’t get
caught up reading and then confused 5
again about where you are
0
Co
Aw t o
Ba o ff
Av ne n
Ci ag s s
Do ret he
Am rs br t
Ph ic e s
Si oc
de o
ga e
er w es
lla te igh
ot a d
s
d me ee
es co
er ow ak
w pie
al s
f
k
cr
ac
e
ks
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
10. Not STandalone . Better
Never forget the Graphic Title
20
15
10 Now you can just talk
about the graphic
and people will listen
to you…because they
5 have to!
0
Co
Aw o
Ba so off
Av ne n
Ci ag s s
Do ret he
Am rs br t
Ph eric e ks
Si oc
de o
ga e
er w es
lla te igh
ot a d
st
d me ee
e
w pie
al s
fc
ow ea
k
cr
ac
ks
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
11. Uninterupted
This is your time. You
only get it once, don’t
forfeit control.
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
12. Uninterupted
Tell your story how you
want it to be told.
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
13. Audience
Presentations are
not universal
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
14. Audience . Example 1
presentation ception July 20, 2012 Dominic Prestifilippo . dominicp.com
15. Audience . Example 2
presentation ception July 20, 2012 Dominic Prestifilippo . dominicp.com
16. Audience
Consider your audience,
as in their background,
interests and needs
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
17. Audience
Do not use any jargon
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
18. Audience
Consider your situation
and how you want it
to unfold
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
19. So What?
Once you’ve made a
slide, ask yourself
“so what?”
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
20. so what? . Example
Our new cup is blue and
transparent.
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
21. so what? . Example
Our new cup is blue and
transparent.
So what?
Who cares about blue?
Why can’t I just look
down into my cup to see
my beverage?
Do they go together?
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
23. Numerical Comparisons . A Lot
A Lot of McDonalds
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
24. Numerical Comparison . Scale
16,700 Starbucks 31,000 McDonalds 380,000 Western
Union Branches
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
25. Visual Information Levels . resolution
LOW HIGH
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
26. 5 5
Visual Consistency . color 2
2
1 1
years miles
<1
1–2
2–4
4–8
8–16
16+
<1
1–2.5
2.5–4
4–6
6–12
12+
• Use brand colors and shades when Age Bike Lane Usage
possible
17
aigslist Cycling Responses Visualized
• Color works well as an accent
15
• Online resources for meaning
12
ars as a Cyclist Miles of Average Ride Owns a Car Why do You Ri
11 27
10 7
8
7 7 7 4 24 4 9
Yes
3
No
24
5 5 2
1 1
2 years frequency
N/A
18–29
30–39
50–59
Never
Rarely
Sometimes
Most Times
Always
1 1 40–49
19
years miles
2–4
4–8
8–16
16+
<1
1–2.5
2.5–4
4–6
6–12
12+
Age Bike Lane Usage Gender
17
15
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
3 Fem
a
27. Visual Consistency . Positioning
• Maintain consistent positioning
• Be precise
• Use a grid
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
28. Visual Consistency . Positioning
• Maintain consistent positioning
• Be precise
• Use a grid
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
29. Visual Consistency . Positioning
• Maintain consistent positioning
• Be precise
• Use a grid
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
30. Visual Consistency . Heirarchy
Define a heirarchy
and stick to it
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
31. Visual Consistency . Heirarchy
HEADER SUB-HEADER
Font: Code Pro Period Font: Code Pro
Weight: Regular for Differentiation Weight: Light
Size: 18pt Size: 18pt
Position: Upper Left Corner Position: After differentiator
Define a heirarchy
and stick to it
Single points
Font: Hero
Weight: Regular
Size: 30pt
Position: Vertical Center,
Top-aligned to first row.
footer title
Font: Code Pro footer date
Weight: Regular Font: Code Pro
Size: 12pt Weight: Regular
Position: Bottom left Size: 12pt
Position: Bottom,
Left-aligned to first column
presentation ception July 20, 2012 Dominic Prestifilippo . dominicp.com
32. design with intent
Consider how each
aspect of your
presentation can support
your overall message
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
33. design with intent
Tell a story & make
it one your audience
cares about
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
34. Agenda . Recap
• Agenda
• Presentation Goal
• 1 pt. / Slide
• Not Standalone
• Uninterrupted
• Audience
• So What?
• Numerical Comparisons
• Visual Information Levels
• Visual Consistency
• Design With Intent
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
35. Agenda . Recap
• Agenda
• Presentation Goal
• 1 pt. / Slide
• Not Standalone Thank you
• Uninterrupted
&
• Audience
• So What?
Questions
• Numerical Comparisons
• Visual Information Levels
• Visual Consistency
• Design With Intent
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
37. File Types
Q
Pixel Based (Raster) Vector Based
.jpg - .png - .gif - .tif .eps - .ai
Q Q
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
38. Complex Walk through
Confusion, from too
much information
Use this to introduce
the concept
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
39. Complex Walk through
Piece by Piece Highlight
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
40. Complex Walk through
Piece by Piece Highlight
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
41. Complex Walk through
Piece by Piece Highlight
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
42. Complex Walk through
Piece by Piece Highlight
presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com