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




presentation ception   July 19, 2012	           Dominic Prestifilippo . dominicp.com
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
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
1 pt. Per Slide . Better




                        It should be told logically




presentation ception   July 19, 2012	           Dominic Prestifilippo . dominicp.com
1 pt. Per Slide . Better




                               The presentation
                              should only help, not
                                get in  the way




presentation ception   July 19, 2012	             Dominic Prestifilippo . dominicp.com
1 pt. Per Slide . Better




                                   You get the idea.




presentation ception   July 19, 2012	                  Dominic Prestifilippo . dominicp.com
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
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
Uninterupted




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




presentation ception   July 19, 2012	              Dominic Prestifilippo . dominicp.com
Uninterupted




                          Tell your story how you
                             want it to be told.




presentation ception   July 19, 2012	          Dominic Prestifilippo . dominicp.com
Audience




                                 Presentations are
                                   not universal




presentation ception   July 19, 2012	                Dominic Prestifilippo . dominicp.com
Audience . Example 1




presentation ception   July 20, 2012	   Dominic Prestifilippo . dominicp.com
Audience . Example 2




presentation ception   July 20, 2012	   Dominic Prestifilippo . dominicp.com
Audience




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




presentation ception   July 19, 2012	          Dominic Prestifilippo . dominicp.com
Audience




                            Do not use any jargon




presentation ception   July 19, 2012	           Dominic Prestifilippo . dominicp.com
Audience




                          Consider your situation
                           and how you want it
                                to unfold




presentation ception   July 19, 2012	          Dominic Prestifilippo . dominicp.com
So What?




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




presentation ception   July 19, 2012	             Dominic Prestifilippo . dominicp.com
so what? . Example




                        Our new cup is blue and
                              transparent.




presentation ception   July 19, 2012	       Dominic Prestifilippo . dominicp.com
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
Numerical Comparisons




                                   31,000 McDonalds




presentation ception   July 19, 2012	                 Dominic Prestifilippo . dominicp.com
Numerical Comparisons . A Lot




A Lot of McDonalds


presentation ception   July 19, 2012	   Dominic Prestifilippo . dominicp.com
Numerical Comparison . Scale




                 16,700 Starbucks         31,000 McDonalds   380,000 Western
                                                             Union Branches




presentation ception     July 19, 2012	                        Dominic Prestifilippo . dominicp.com
Visual Information Levels . resolution




      LOW                                                     HIGH

presentation ception   July 19, 2012	   Dominic Prestifilippo . dominicp.com
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
Visual Consistency . Positioning

•	 Maintain consistent positioning

•	 Be precise

•	 Use a grid




presentation ception   July 19, 2012	   Dominic Prestifilippo . dominicp.com
Visual Consistency . Positioning

•	 Maintain consistent positioning

•	 Be precise

•	 Use a grid




presentation ception   July 19, 2012	   Dominic Prestifilippo . dominicp.com
Visual Consistency . Positioning

•	 Maintain consistent positioning

•	 Be precise

•	 Use a grid




presentation ception   July 19, 2012	   Dominic Prestifilippo . dominicp.com
Visual Consistency . Heirarchy




                                Define a heirarchy
                                  and stick to it




presentation ception   July 19, 2012	                Dominic Prestifilippo . dominicp.com
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
design with intent




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




presentation ception   July 19, 2012	       Dominic Prestifilippo . dominicp.com
design with intent




                                Tell a story & make
                              it one your audience
                                    cares about




presentation ception   July 19, 2012	             Dominic Prestifilippo . dominicp.com
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
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
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       •	 designresourcebox.com/free-vector-
                                                graphics-designers-would-actually-
•	 visual.ly - infographic inspiration          download-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




presentation ception     July 19, 2012	                      Dominic Prestifilippo . dominicp.com
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
Complex Walk through




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




presentation ception   July 19, 2012	          Dominic Prestifilippo . dominicp.com
Complex Walk through

Piece by Piece                          Highlight




presentation ception   July 19, 2012	               Dominic Prestifilippo . dominicp.com
Complex Walk through

Piece by Piece                          Highlight




presentation ception   July 19, 2012	               Dominic Prestifilippo . dominicp.com
Complex Walk through

Piece by Piece                          Highlight




presentation ception   July 19, 2012	               Dominic Prestifilippo . dominicp.com
Complex Walk through

Piece by Piece                          Highlight




presentation ception   July 19, 2012	               Dominic Prestifilippo . dominicp.com

Presentationception

  • 1.
    PRESENTATION CEPTION By Dominic Prestifilippo July 19, 2012
  • 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. PerSlide . 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. PerSlide . Better The presentation should be a story which you walk someone through presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
  • 6.
    1 pt. PerSlide . Better It should be told logically presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
  • 7.
    1 pt. PerSlide . Better The presentation should only help, not get in the way presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
  • 8.
    1 pt. PerSlide . 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 . Example1 presentation ception July 20, 2012 Dominic Prestifilippo . dominicp.com
  • 15.
    Audience . Example2 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
  • 22.
    Numerical Comparisons 31,000 McDonalds 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
  • 36.
    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 • designresourcebox.com/free-vector- graphics-designers-would-actually- • visual.ly - infographic inspiration download-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 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 Pieceby Piece Highlight presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
  • 40.
    Complex Walk through Pieceby Piece Highlight presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
  • 41.
    Complex Walk through Pieceby Piece Highlight presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com
  • 42.
    Complex Walk through Pieceby Piece Highlight presentation ception July 19, 2012 Dominic Prestifilippo . dominicp.com