Introduction to Slide Design: 7 Rules for Creating Effective Slides

Post on 17-Aug-2014

141.165 views 2 download

Tags:

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 of Introduction to Slide Design: 7 Rules for Creating Effective Slides

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

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

PICTURE SUPERIORITYhttp://www.flickr.com/photos/jankroemer/345558316/sizes/l/in/photostream/

Effect

NO NONos!

NO CORNY STOCK PHOTOS

http://www.innishannon-hotel.ie/system/images/11/original/businessmeeting.jpg?1311603356

GOOD IMAGES?Where do I find

1024 x 768Slide size

CITE YOURimages!

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

“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/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/