introduction to slide design: 7 rules for creating effective slides
DESCRIPTION
The 7 rules for creating effective slides include 1) slides are not documents; 2) picture superiority effect; 3) slides should be simple; 4) slides must have unity; 5) display data clearly; 6) use multimedia wisely; 7) don't forget your audience. To learn more about each rule, please visit http://alexrister1.wordpress.com/2013/02/06/7-rules-for-creating-effective-slides/TRANSCRIPT
SLIDE DESIGNIntroduction to
http://www.flickr.com/photos/31246066@N04/4633531801/sizes/o/in/photostream/
Image Credit: http://www.flickr.com/photos/haldanemartin/5600194647/sizes/o/in/photostream/
THREE-LEGGED STOOLPresentation as a
VISUAL DESIGN
MOSTRESISTANCEto this“leg”
http://www.flickr.com/photos/x-ray_delta_one/4264423055/sizes/o/in/photostream/
WE CAN’T READ AND AT THE SAME TIMElistenhttp://www.flickr.com/photos/striatic/229534338/sizes/l/in/photostream/ & photos/x-ray_delta_one/3981617434/sizes/o/in/photostream/
DESIGNhelps people
DESIGNREADING
helps people
AVOID
Things meant forREADING
http://www.flickr.com/photos/ginnerobot/5423565794/sizes/o/in/photostream/ http://www.flickr.com/photos/pagedooley/1202823367/sizes/o/in/photostream/
http://www.flickr.com/photos/gruban/137421901/sizes/o/in/photostream/ http://www.flickr.com/photos/thejourney1972/3386270644/sizes/o/in/photostream/; and http://www.flickr.com/photos/x-ray_delta_one/4138925386/sizes/o/in/photostream/
READINGNot meant for
Cave paintingHieroglyphicsMapsGraphs, chartsModelsMovies, television
http://www.flickr.com/photos/gruban/137421901/sizes/o/in/photostream/ http://www.flickr.com/photos/thejourney1972/3386270644/sizes/o/in/photostream/; and http://www.flickr.com/photos/x-ray_delta_one/4138925386/sizes/o/in/photostream/
PowerPoint slides
Cave paintingHieroglyphicsMapsGraphs, chartsModels
PowerPoint slidesMovies, television
http://www.flickr.com/photos/gruban/137421901/sizes/o/in/photostream/ http://www.flickr.com/photos/thejourney1972/3386270644/sizes/o/in/photostream/; and http://www.flickr.com/photos/x-ray_delta_one/4138925386/sizes/o/in/photostream/
VISUAL COMMUNICATION
POWERPOINTDeath by ...
THE TYPICAL SLIDE• The goal of a presentation is to communicate effectively with an audience
using each medium properly (“properly” = the way it works best for the audience)
• If your slides look like this, you are using the visual communication medium incorrectly because you are changing visual to written communication
• Audiences will read this slide as soon as it appears on the screen
• Because audiences can’t read and listen at the same time, they will read the slide first and then come back to listening to you
• Because you’re still on Bullet #1 and your audience has read the entire thing, the need for you as the presenter is gone. You’ll never catch up to what your audience already knows by reading ahead
7 RULESVisual Design
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
SLIDES ARE NOTDocuments#1
SETTING SLIDES UP FORFailure
SETTING SLIDES UP FORFailure
SETTING SLIDES UP FORSuccesshttp://www.flickr.com/photos/rlodan01/5321531740/sizes/l/in/photostream/
SETTING SLIDES UP FORSuccess
TIME!Keynote
SETTING SLIDES UP FORDesign
SETTING SLIDES UP FORDesign
RULERS ON
SETTING SLIDES UP FORDesign
ZOOM OUT
ADD “ADJUST IMAGE”
INSPECTOR
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
PICTURE SUPERIORITYEffect#2
THE TYPICAL SLIDE• The goal of a presentation is to communicate effectively with an audience
using each medium properly (“properly” = the way it works best for the audience)
• If your slides look like this, you are using the visual communication medium incorrectly because you are changing visual to written communication
• Audiences will read this slide as soon as it appears on the screen
• Because audiences can’t read and listen at the same time, they will read the slide first and then come back to listening to you
• Because you’re still on Bullet #1 and your audience has read the entire thing, the need for you as the presenter is gone. You’ll never catch up to what your audience already knows by reading ahead
http://www.youtube.com/watch?v=cLLDUyy8utY
PICTURE SUPERIORITYhttp://www.flickr.com/photos/jankroemer/345558316/sizes/l/in/photostream/
Effect
NO NONos!
http://www.flickr.com/photos/lumaxart/2136953043/sizes/l/in/photostream/
NO CLIP ART!
NO CORNY STOCK PHOTOS
http://www.innishannon-hotel.ie/system/images/11/original/businessmeeting.jpg?1311603356
http://www.flickr.com/photos/nosha/3115025977/sizes/o/in/photostream/
WATERMARK
GOOD IMAGES?Where do I find
1024 x 768Slide size
CITE YOURimages!
http://www.flickr.com/photos/nosha/3115025977/sizes/o/in/photostream/
http://www.flickr.com/photos/nosha/3115025977/sizes/o/in/photostream/
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
SLIDES SHOULD BESimple#3
WORDS SLIDE?How many
per
http://www.flickr.com/photos/alice_c/2264195999/sizes/o/in/photostream/
GLANCEMEDIA
The three-second rule of
THIS IS A TEST... SLIDE• Here are a few additional tips to help you improve your visual design:
• A great place to find images is Compfight.com. I do not use Google Images.
• Compfight is a Flickr search engine. Remember to search “Commercial” images because we work at Full Sail University, a for-profit college.
• Templates, clip art, slideuments, and stock photos let audiences know the following: 1) you are boring, 2) you don’t care about them, and 3) you haven’t joined the presentation revolution. It’s time to get real!
• Audiences crave effective presentations. If you don’t create a presentation with their needs in mind, you are not doing your job as a presenter.
GLANCEMEDIA
What do you remember?
SIGNAL NOISEto ratio
http://www.flickr.com/photos/uggboy/5513578210/sizes/o/in/photostream/
High noise, low
This is an example Image Credits: sbh and pagedooley
signal
of a noisy slide. What here would youCONSIDER NOISE ?
FONTS SLIDE?How many
perhttp://www.flickr.com/photos/petervanlancker/6017183490/sizes/l/in/photostream/
IMAGES SLIDE?How many
perhttp://www.flickr.com/photos/martinaphotography/7077601607/sizes/o/in/photostream/
ONE MAIN IDEAper slide
http://www.flickr.com/photos/kellysue/2831068087/sizes/o/in/photostream/
ARE THE BESTCUPCAKES
FARMER’S MARKETImages: mamajulie2008; pinksherbet; yourdon; lfl
“SHAPES”TOOL
ANIMATION SLIDE?How much
perhttp://www.flickr.com/photos/josemanuelerre/4959078165/sizes/o/in/photostream/
ANIMATIONmust have a purpose
Purposeless Animation• This animation has no purpose
If you’re using animation
to grab your audience’s attention,
your content and delivery must not be that great...
• Slides should be simple.
• Animation takes away from that simplicity.
• Only use it when absolutely necessary.
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
SLIDES MUST HAVEUnity#4
VENETIAN TEMPLATELet’s dissect the
VENETIAN TEMPLATELet’s dissect the
DOUBLE-CLICK TO EDIT
Double-click to edit
DOUBLE-CLICK TO EDIT
Double-click to edit
Double-click to edit
Double-click to edit
Double-click to edit
Double-click to edit
DOUBLE-CLICK TO EDIT
Double-click to edit
Double-click to edit
Double-click to edit
Double-click to edit
Insert image in the space to the right
TEMPLATE!Create your own
REPEATEDFontsREPEATEDColors
REPEATEDShapes
UNIFYINGTheme
TIME!Keynote
Use what you’ve learned so far about IMAGES, TEXT, and UNITY
to edit the next slide...
Directions:
Fun Facts About CATS!
• People believe cats were domesticated in Egypt
• Cats are primarily nocturnal animals
• As of right now, studies prove that cats are the most popular pet in the entire world
Fun facts provided by: Wikipedia.org/wiki/cat
BEFORE AFTER
http://www.flickr.com/photos/visualpanic/5226208959/sizes/o/in/photostream/
BEFORE AFTER
http://www.flickr.com/photos/nicmcphee/2113187523/sizes/o/in/photostream/
BEFORE AFTER
http://www.flickr.com/photos/kjcs/4009151724/sizes/o/in/photostream/
BEFORE
http://www.flickr.com/photos/brymo/289360403/sizes/o/in/photostream/
AFTER
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
DISPLAY DATAClearly#5
Image Credit: jamescridland
Image Credit: jamescridland
YIKES!
0
50
100
150
200
20072008
20092010
Region 1 Region 2
0
50
100
150
200
20072008
20092010
Region 1 Region 2
HIDEOUS!
Americans Own...Cats: 81,721,000Fish: 75,898,000Dogs: 72,114,000Birds: 11,119,000
According to the AVMA, who cited the 2007 U.S. Pet Ownership & Demographics Sourcebook
http://www.flickr.com/photos/fukagawa/263231958/sizes/o/in/photostream/
81 MILLIONAmericans own
cats!
PETS OWNEDCAT
FISHDOG
BIRD
0 10 20 30 40 50
in millions
60 70 80 90
http://www.flickr.com/photos/eirikso/4064924358/sizes/o/in/photostream/
DAVID MCCANDLESS
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
USE MULTIMEDIAWisely#6
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
DON’T FORGET YOURAudience!#7
http://www.flickr.com/photos/wwarby/3296379139/sizes/o/in/photostream/
IT’S NOT ARace
http://www.flickr.com/photos/wwarby/3296379139/sizes/o/in/photostream/
TWEAKINGSpend time
How to make a sandwichPurchase the ingredients: peanut butter, jelly, and bread
Collect the ingredients as well as your tools: a plate, a knife, and a paper towel
Use the knife to spread the jelly on one slice of bread
Wipe the knife off on the paper towel and use it to spread the peanut butter on the second slice of bread
Eat and enjoy your delicious peanut butter and jelly sandwich!
How to make a sandwichPurchase the ingredients: peanut butter, jelly, and bread
Collect the ingredients as well as your tools: a plate, a knife, and a paper towel
Use the knife to spread the jelly on one slice of bread
Wipe the knife off on the paper towel and use it to spread the peanut butter on the second slice of bread
Eat and enjoy your delicious peanut butter and jelly sandwich!
How to make a sandwich
Ingredients
Tools
Jelly
Peanut butter
Eat
SLIDES ARE NOTDocuments#1
PICTURE SUPERIORITYEffect#2
SLIDES SHOULD BESimple#3
SLIDES MUST HAVEUnity#4
DISPLAY DATAClearly#5
USE MULTIMEDIAWisely#6
DON’T FORGET YOURAudience!#7
7 RULESVisual Design
SLIDE REVOLUTIONYou’re ready to join the
http://www.flickr.com/photos/31246066@N04/4633531801/sizes/o/in/photostream/