Presentation-ception: A Presentation on Presentations

PRESENTATION CEPTION
By Dominic Prestifilippo
July 19, 2012

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

Goal . Clarity

A good presentation

disappears


July 19, 2012


1 pt. Per Slide . Bad
• The presentation should be a story
which you walk someone through

• People end up trying to read instead of
listening to your wonderful pitch

• It should be told logically

• Then people get bored, because you
have too many points, or they’ve read
them all

• The presentation should only help, not
get in the way
• Too many points on a slide distract
people from what your saying


July 19, 2012

• Then they get confused because they
don’t know what point your’re talking
about


1 pt. Per Slide . Better

The presentation should
be a story which you
walk someone through


July 19, 2012



It should be told logically


July 19, 2012



The presentation
should only help, not
get in the way


July 19, 2012



You get the idea.


July 19, 2012


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
again about where you are

5

0

ks
ac
cr
k
al s
w pie
de o
Si oc
ot a d
Ph ic e s
er ow ak
e
Am rs br t
lla te igh
Do ret he
ga e
Ci ag s s
er w es
Av ne n
d me ee
Ba o ff
es co
f
Aw t o
s

Co


July 19, 2012


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
have to!

5

0

ks
ac
cr
k
al s
w pie
de o
Si oc
ot a d
Ph eric e ks
ow ea
Am rs br t
lla te igh
Do ret he
ga e
Ci ag s s
er w es
Av ne n
d me ee
Ba so off
e
fc
Aw o
st

Co


July 19, 2012


Uninterupted

This is your time. You
only get it once, don’t
forfeit control.


July 19, 2012


Uninterupted

Tell your story how you
want it to be told.


July 19, 2012


Audience

Presentations are
not universal


July 19, 2012


Audience . Example 1


July 20, 2012


Audience . Example 2


July 20, 2012


Audience

Consider your audience,
as in their background,
interests and needs


July 19, 2012


Audience

Do not use any jargon


July 19, 2012


Audience

Consider your situation
and how you want it
to unfold


July 19, 2012


So What?

Once you’ve made a
slide, ask yourself
“so what?”


July 19, 2012


so what? . Example

Our new cup is blue and
transparent.


July 19, 2012


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?

July 19, 2012


Numerical Comparisons

31,000 McDonalds


July 19, 2012


Numerical Comparisons . A Lot

A Lot of McDonalds


July 19, 2012


Numerical Comparison . Scale

16,700 Starbucks


July 19, 2012

31,000 McDonalds

380,000 Western
Union Branches


Visual Information Levels . resolution

LOW

HIGH
July 19, 2012


5

5

Visual Consistency . color
2

1

1

miles

12+

6–12

4–6

2.5–4

Age

1–2.5

<1

years

16+

8–16

4–8

2–4

1–2

<1

• Use brand colors and shades when
possible

2

Bike Lane Usage
17

15
aigslist Cycling Responses Visualized
• Color works well as an accent
• Online resources for meaning

ars as a Cyclist

Miles of Average Ride

11

Owns a Car

10
8

7 7

27

7
4 24

7

4

Yes

5

5

9

24
2

1
Always

Most Times

Sometimes

Rarely

years

Never

50–59

40–49

30–39

18–29

N/A

2
12+

6–12

4–6

2.5–4

1–2.5

Age

<1

16+

8–16

4–8

2–4

years

No

3

1

1

1

12
Why do You Ri

frequency

19

miles

Bike Lane Usage

Gender

17
15

July 19, 2012

3

Fem
a

Visual Consistency . Positioning
• Maintain consistent positioning
• Be precise
• Use a grid


July 19, 2012


Visual Consistency . Heirarchy

Define a heirarchy
and stick to it


July 19, 2012


Visual Consistency . Heirarchy
HEADER
Font: Code Pro
Period
Weight: Regular
for Differentiation
Size: 18pt
Position: Upper Left Corner

SUB-HEADER
Font: Code Pro
Weight: Light
Size: 18pt
Position: After differentiator

Define a heirarchy
and stick to it

footer title
Font: Code Pro
Weight: Regular
Size: 12pt
Position: Bottom left


July 20, 2012

Single points
Font: Hero
Weight: Regular
Size: 30pt
Position: Vertical Center,
Top-aligned to first row.
footer date
Font: Code Pro
Weight: Regular
Size: 12pt
Position: Bottom,
Left-aligned to first column


design with intent

Consider how each
aspect of your
presentation can support
your overall message


July 19, 2012


design with intent

Tell a story & make
it one your audience
cares about


July 19, 2012


Agenda . Recap
• Agenda
• 1 pt. / Slide
• Not Standalone
• Uninterrupted
• Audience
• So What?

July 19, 2012


Agenda . Recap
• Agenda
• 1 pt. / Slide
• Not Standalone
• Uninterrupted
• Audience
• So What?

Thank you
&
Questions


July 19, 2012


Resources
• thenounproject.com - free icons

• smashingmagazine.com - good articles

• kuler.adobe.com - color palette creator

• aiga.org/symbol-signs - standard icons

• brandsoftheworld.com - vector logos
• visual.ly - infographic inspiration

• designresourcebox.com/free-vectorgraphics-designers-would-actuallydownload-and-use - self explanatory

• dribbble.com - graphic inspiration

• designerstoolbox.com - good references

• all-silhouettes.com - free silhouettes

• designmoo.com - resource community

• wordle.net - word cloud generator

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

• Edward Tufte - infographic connoisseur


July 19, 2012


File Types

Q

Pixel Based (Raster)
.jpg - .png - .gif - .tif

Vector Based
.eps - .ai

Q


Q

July 19, 2012


Complex Walk through

Confusion, from too
much information
Use this to introduce
the concept


July 19, 2012


Complex Walk through
Piece by Piece


Highlight

July 19, 2012


Presentation-ception: A Presentation on Presentations

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Presentation-ception: A Presentation on Presentations

Ähnlich wie Presentation-ception: A Presentation on Presentations (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Presentation-ception: A Presentation on Presentations