Presentation Design Part 1: Slide Design

76
How to design a presentation that works Part I: Slide Design

description

We make ineffective presentations for students, despite -- or because of -- our best intentions. But there is research about what actually works -- ways to present textual and visual information so students (and everyone) understand.

Transcript of Presentation Design Part 1: Slide Design

Page 1: Presentation Design Part 1: Slide Design

How to design a presentation that works

Part I: Slide Design

Page 2: Presentation Design Part 1: Slide Design

When I tell you you’re about to watch a PowerPoint presentation, what’s your

initial reaction, and why?

Page 3: Presentation Design Part 1: Slide Design

February 1, 2003

Page 4: Presentation Design Part 1: Slide Design

February 1, 2003

Page 5: Presentation Design Part 1: Slide Design

David M. Brown Laurel B. Clark Michael P. Anderson Ilan Ramon

Rick D. Husband Kalpana Chawla William C. McCool

Why did they die?

Page 6: Presentation Design Part 1: Slide Design

According to Edward Tufte…

Page 7: Presentation Design Part 1: Slide Design

PowerPoint.

Page 8: Presentation Design Part 1: Slide Design

Boeing PowerPoint hid potential danger

Page 9: Presentation Design Part 1: Slide Design

So, is PowerPoint evil?

Page 10: Presentation Design Part 1: Slide Design

Does it destroy critical thought?

The Cognitive Style of Powerpoint. 2005. Photograph. The Works of Edward Tufte and Graphics Press. By Edward Tufte. 6 Sept. 2005. Web. 30 Dec. 2010. <http://www.edwardtufte.com/tufte/powerpoint>.

Page 11: Presentation Design Part 1: Slide Design

Does it destroy student attention and learning?

Manalaysay, Mark. Sleeping. Photograph. Stockvault. 24 May 2007. Web. 30 Dec. 2010. <http://www.stockvault.net/photo/103223/sleeping>.

Page 12: Presentation Design Part 1: Slide Design

According to Richard E. Mayer…

Page 13: Presentation Design Part 1: Slide Design

No.

Page 14: Presentation Design Part 1: Slide Design

Multimedia presentations increase retention and deep

learning.

Page 15: Presentation Design Part 1: Slide Design

PowerPoint is not evil.

Page 16: Presentation Design Part 1: Slide Design

But bad design is.

Design matters.

Page 17: Presentation Design Part 1: Slide Design

Most of our instincts and intuitions are wrong.

Page 18: Presentation Design Part 1: Slide Design

None of these actually matter

• Information-rich• Technologically advanced• Aesthetically pleasing

Page 19: Presentation Design Part 1: Slide Design

So, what does matter?

Page 20: Presentation Design Part 1: Slide Design

Slide Design

• Headlines

• Images• Details

Engagement

• Curiosity• Conflict

Structure

• Organizers

• Interaction

Page 21: Presentation Design Part 1: Slide Design

Slide Design

Create Clear Headlines

Page 22: Presentation Design Part 1: Slide Design

Write a clear headline at the top of the slide

subject verb

Page 23: Presentation Design Part 1: Slide Design

Headline = Main idea = A sentence

Page 24: Presentation Design Part 1: Slide Design

One idea per slide.

Page 25: Presentation Design Part 1: Slide Design

Fossil Fuels: Who has what?

Before63% correct

Page 26: Presentation Design Part 1: Slide Design

OPEC countries control about 75% of the world’s oil

81% correct

(+ 18%)

Page 27: Presentation Design Part 1: Slide Design

Why do the plates move?

Miller, 2004

•Convection

•Heat is from nuclear fission. •Uranium, Thorium, are large “unstable” atoms which break down to produce, smaller atoms, heat, and radioactivity

Before54% correct

Page 28: Presentation Design Part 1: Slide Design

Plates move because of convection caused by heat from decay of radioactive elements in the

mantle

[Miller, 2004]

Uranium and Thorium are large “unstable” atoms

break down to produce smaller atoms, heat, and radioactivity

Ocean

86% correct

(+ 31%)

Page 29: Presentation Design Part 1: Slide Design

Really, each slide is a paragraph.

Page 30: Presentation Design Part 1: Slide Design

Muhammad’s Death

• Muhammad left no male heir, and no instructions for succession (who would follow him as leader)

• Muslims split into two factions:– “Shia”

• Leaders should be appointed by Muhammad or God• Imam (leader) is sinless and infallible• Shia reject the Hadith – narrated traditons

– “Sunni”• Leaders must be elected

Page 31: Presentation Design Part 1: Slide Design

Muhammad’s death split Islam in two.

Page 32: Presentation Design Part 1: Slide Design

Your turn:

Create clear headlines

•Fold your paper in half (like a taco).

•Pretend the top half is your new slide.

•Write down a clear headline – the single, driving MAIN IDEA of the slide.

Page 33: Presentation Design Part 1: Slide Design

Slide Design

Create Clear HeadlinesAdd Pictures

Page 34: Presentation Design Part 1: Slide Design

Add pictures to words

Page 35: Presentation Design Part 1: Slide Design

Label important images or parts

Thomas JeffersonRobert E. Lee’s Amnesty Oath

Page 36: Presentation Design Part 1: Slide Design

Iron • An abundant metal, makes up 5.6% of

earth’s crust • Properties:

– shaped, sharpened, welded– strong, durable

• Accounts for >95% of metals used• Iron ores discovered in 1844 in

Michigan’s Upper Peninsula• Soon found other ores in upper

Wisconsin and Minnesota

Kesler 1994

Iron Ore Distribution

Before59% recall

Page 37: Presentation Design Part 1: Slide Design

[Kesler 1994]

Iron Ore Distribution

[www.star-bits.com]

Iron ore

Iron ores make up 5.6% of the earth’s crustand account for 95% of the metals used

Can be shaped, sharpened, and welded

Is strong and durable

Iron

77% recall(+ 18%)

Page 38: Presentation Design Part 1: Slide Design

Use clearly contrasting colors

Page 39: Presentation Design Part 1: Slide Design
Page 40: Presentation Design Part 1: Slide Design
Page 41: Presentation Design Part 1: Slide Design

Fill the page.

Page 42: Presentation Design Part 1: Slide Design
Page 43: Presentation Design Part 1: Slide Design

Specific images beat generic ones.

Page 44: Presentation Design Part 1: Slide Design

Specific images beat generic ones.

Page 45: Presentation Design Part 1: Slide Design

Use diagrams.

Page 46: Presentation Design Part 1: Slide Design

You can draw your

own images.

Page 47: Presentation Design Part 1: Slide Design

You can take your own photos.

Page 48: Presentation Design Part 1: Slide Design

You can take your own photos.

Page 49: Presentation Design Part 1: Slide Design

Muhammad’s Death

• Muhammad left no male heir, and no instructions for succession (who would follow him as leader)

• Muslims split into two factions:– “Shia”

• Leaders should be appointed by Muhammad or God• Imam (leader) is sinless and infallible• Shia reject the Hadith – narrated traditons

– “Sunni”• Leaders must be elected

Page 50: Presentation Design Part 1: Slide Design

When Muhammad died, Islam split in two.

Shia

Sunni

Page 51: Presentation Design Part 1: Slide Design

Your turn:

On your piece of paper, draw what you think might be the best possible image or images you could find, and

label them (if that is sensible).

Add pictures

Page 52: Presentation Design Part 1: Slide Design

So, what do you do with all the other information?

Page 53: Presentation Design Part 1: Slide Design

Hide it.

Speak it.

Page 54: Presentation Design Part 1: Slide Design

Slide Design

Create Clear HeadlinesAdd PicturesHide Details

Page 55: Presentation Design Part 1: Slide Design

Talking works better than writing

• Don’t read this. Really. Just try not to read this. But reading is involuntary, so you probably already have.

• You have probably also seen slides that have all sorts of great, detailed information in the bullet points.

• Either presenters just read the bullet points word for word, in which case, just shoot me now.

• Or presenters will write things they DON’T say in the bullet points, which means that people in the audience actually stop listening to the presenter, and just read, instead.

>

Page 56: Presentation Design Part 1: Slide Design

Why?

Page 57: Presentation Design Part 1: Slide Design

We can process 2 kinds of information simultaneously

Page 58: Presentation Design Part 1: Slide Design

BUT we have limited processing capacity

Sensory Input Long-Term Memory

Working Memory

Page 59: Presentation Design Part 1: Slide Design

Written text takes up both channels

Sensory Input Long-Term Memory

Working Memory

TEXT

Page 60: Presentation Design Part 1: Slide Design

Put details in the speaker notes section.

Page 61: Presentation Design Part 1: Slide Design

You can post your presentation online or print it out.

Page 62: Presentation Design Part 1: Slide Design

Do not add interesting pictures and words…

Lincoln unified the country.

Page 63: Presentation Design Part 1: Slide Design

…if they are irrelevant to the CONCEPT.

Lincoln unified the country.

The Last Photo Of Lincoln Ever Taken

“Before Abraham Lincoln, there had never been a U.S. President with a beard. Since his presidency, four presidents have had full beards.”

Page 64: Presentation Design Part 1: Slide Design

Anything that doesn’t relate to the main idea destroys learning.

Pictures

WordsWordsWords

Motions

Sounds

Page 65: Presentation Design Part 1: Slide Design

Anything that doesn’t relate to the main idea destroys learning.

Pictures

WordsWordsWords

Motions

Sounds

Background

s

Page 66: Presentation Design Part 1: Slide Design

TOPIC:Abraham Lincoln

All information must relate to the CONCEPT, not just the TOPIC.

CONCEPT:Abraham Lincoln

united the country.

Page 67: Presentation Design Part 1: Slide Design
Page 68: Presentation Design Part 1: Slide Design

Your turn:

On your new draft, jot down the important details you’d want students to remember.

Put details in notes

Page 69: Presentation Design Part 1: Slide Design

How To Design A Slide

Add ImagesCreate Clear Headlines

Put Details In Notes

REVIEW

Page 70: Presentation Design Part 1: Slide Design

On your own piece of paper, redesign the

following slide:

Page 71: Presentation Design Part 1: Slide Design
Page 72: Presentation Design Part 1: Slide Design
Page 73: Presentation Design Part 1: Slide Design

“Break any of these

rules sooner

than say anything outright

barbarous.”

Page 74: Presentation Design Part 1: Slide Design

Feedback

On your card, please write:1. How much you learned, on a scale

of 1 – 102. What was the most important thing

you learned about slide design?3. How could I make this better for

next time?

Page 75: Presentation Design Part 1: Slide Design

Some copyright-free sources:

• Creative Commons Search: http://search.creativecommons.org

– Search 7 different search engines for different kinds of media licensed under creative commons.

• MorgueFile.com: http://www.morguefile.com/

– The terms of service for using the photos on this site are available on the site. If you wish to use any of the photos, please read the terms of service.

• FreeStockPhotos.com: http://freestockphotos.com/

– All photos are free to use for non-commercial purposes. You must cite the Web site for each photo you use.

Page 76: Presentation Design Part 1: Slide Design