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

http://www.flickr.com/photos/59309871@N00/3207185886/

http://www.flickr.com/photos/59309871@N00/3207185886/

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/

http://www.flickr.com/photos/striatic/229534338/sizes/l/in/photostream/

http://www.flickr.com/photos/striatic/229534338/sizes/l/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/ginnerobot/5423565794/sizes/o/in/photostream/

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

http://www.flickr.com/photos/gruban/137421901/sizes/o/in/photostream/


http://www.flickr.com/photos/thejourney1972/3386270644/sizes/o/in/photostream/




Cave paintingHieroglyphicsMapsGraphs, chartsModelsMovies, television


PowerPoint slides







Cave paintingHieroglyphicsMapsGraphs, chartsModels

PowerPoint slidesMovies, television


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



SETTING SLIDES UP FORFailure

SETTING SLIDES UP FORFailure

SETTING SLIDES UP FORSuccesshttp://www.flickr.com/photos/rlodan01/5321531740/sizes/l/in/photostream/

http://www.flickr.com/photos/rlodan01/5321531740/sizes/l/in/photostream/

http://www.flickr.com/photos/rlodan01/5321531740/sizes/l/in/photostream/

SETTING SLIDES UP FORSuccess

TIME!Keynote

SETTING SLIDES UP FORDesign


RULERS ON


ZOOM OUT

ADD “ADJUST IMAGE”

INSPECTOR










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

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

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

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!
















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/

http://www.flickr.com/photos/sookie/149498941/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/

http://www.flickr.com/photos/petervanlancker/6017183490/sizes/l/in/photostream/

http://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/

http://www.flickr.com/photos/martinaphotography/7077601607/sizes/o/in/photostream/

http://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/

http://www.flickr.com/photos/josemanuelerre/4959078165/sizes/o/in/photostream/

http://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.










VENETIAN TEMPLATELet’s dissect the

VENETIAN TEMPLATELet’s dissect the

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












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





















http://www.flickr.com/photos/wwarby/3296379139/sizes/o/in/photostream/

IT’S NOT ARace




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









SLIDE REVOLUTIONYou’re ready to join the


