+ All Categories
Home > Technology > Usable Presentation Design

Usable Presentation Design

Date post: 16-May-2015
Category:
Upload: krista-kennedy
View: 1,268 times
Download: 1 times
Share this document with a friend
Popular Tags:
120
Giving Usable Presentations Wednesday, April 18, 12
Transcript
Page 1: Usable Presentation Design

Giving Usable Presentations

Wednesday, April 18, 12

Page 2: Usable Presentation Design

Wednesday, April 18, 12

Page 3: Usable Presentation Design

Tufte

Wednesday, April 18, 12

Page 4: Usable Presentation Design

Here’s what he says:

Wednesday, April 18, 12

Page 5: Usable Presentation Design

PowerPoint is Evil.

Wednesday, April 18, 12

Page 6: Usable Presentation Design

PowerPoint is Evil.Makes us stupid.

Wednesday, April 18, 12

Page 7: Usable Presentation Design

PowerPoint is Evil.

Makes us boring.

Makes us stupid.

Wednesday, April 18, 12

Page 8: Usable Presentation Design

PowerPoint is Evil.

Wastes time.

Makes us boring.

Makes us stupid.

Wednesday, April 18, 12

Page 9: Usable Presentation Design

PowerPoint is Evil.

Degrades quality of communication.

Wastes time.

Makes us boring.

Makes us stupid.

Wednesday, April 18, 12

Page 10: Usable Presentation Design

Here’s the reality:

Wednesday, April 18, 12

Page 11: Usable Presentation Design

1. Powerpoint is here to stay.

Wednesday, April 18, 12

Page 12: Usable Presentation Design

2. All visual elements are what you make them.

Wednesday, April 18, 12

Page 13: Usable Presentation Design

3. Everything depends on your communication skills.

Wednesday, April 18, 12

Page 14: Usable Presentation Design

Audience boredom is usually a content failure, not

a decoration failure.

Wednesday, April 18, 12

Page 15: Usable Presentation Design

Wednesday, April 18, 12

Page 16: Usable Presentation Design

Function

Wednesday, April 18, 12

Page 17: Usable Presentation Design

Function

Over

Wednesday, April 18, 12

Page 18: Usable Presentation Design

Function

Over

Form

Wednesday, April 18, 12

Page 19: Usable Presentation Design

Always.

Wednesday, April 18, 12

Page 20: Usable Presentation Design

(But form still counts.)

Wednesday, April 18, 12

Page 21: Usable Presentation Design

Signal vs Noise

Wednesday, April 18, 12

Page 22: Usable Presentation Design

You’ve probably been doing traditional PowerPoints all

these years.

Wednesday, April 18, 12

Page 23: Usable Presentation Design

Here’s what I want you to aim for in your final

presentation to this class:

Wednesday, April 18, 12

Page 24: Usable Presentation Design

Simple.

Wednesday, April 18, 12

Page 25: Usable Presentation Design

Few bullets.

Wednesday, April 18, 12

Page 26: Usable Presentation Design

Minimal text.

Wednesday, April 18, 12

Page 27: Usable Presentation Design

No logos.

Wednesday, April 18, 12

Page 28: Usable Presentation Design

No unnecessary elements.

Wednesday, April 18, 12

Page 29: Usable Presentation Design

Strong images.

Wednesday, April 18, 12

Page 30: Usable Presentation Design

Simple.

Wednesday, April 18, 12

Page 31: Usable Presentation Design

Striking.

Wednesday, April 18, 12

Page 32: Usable Presentation Design

Humans think visually.

Wednesday, April 18, 12

Page 33: Usable Presentation Design

Look at this stock graph:

Wednesday, April 18, 12

Page 34: Usable Presentation Design

Wednesday, April 18, 12

Page 35: Usable Presentation Design

“Visual” has many elements:

Wednesday, April 18, 12

Page 36: Usable Presentation Design

Typefaces

Wednesday, April 18, 12

Page 37: Usable Presentation Design

Design

Wednesday, April 18, 12

Page 38: Usable Presentation Design

Images

Wednesday, April 18, 12

Page 39: Usable Presentation Design

All of these build

Wednesday, April 18, 12

Page 40: Usable Presentation Design

Ethos

Wednesday, April 18, 12

Page 41: Usable Presentation Design

Wednesday, April 18, 12

Page 42: Usable Presentation Design

Wednesday, April 18, 12

Page 43: Usable Presentation Design

Ethos Ethos Ethos!

Wednesday, April 18, 12

Page 44: Usable Presentation Design

So, having said that:

Wednesday, April 18, 12

Page 45: Usable Presentation Design

Let’s think about document design.

Wednesday, April 18, 12

Page 46: Usable Presentation Design

First concern: legibility

Wednesday, April 18, 12

Page 47: Usable Presentation Design

• This is 12 point type.

Wednesday, April 18, 12

Page 48: Usable Presentation Design

• This is 18 point type.

Wednesday, April 18, 12

Page 49: Usable Presentation Design

• This is 28 point type. This is about as small as you ever want to go for projected presentations.

Wednesday, April 18, 12

Page 50: Usable Presentation Design

• This is 32 point type -- a bullet size.

Wednesday, April 18, 12

Page 51: Usable Presentation Design

This is 64 point. It’s a good size for headers

and statements.

Wednesday, April 18, 12

Page 52: Usable Presentation Design

All of that was in sans-serif type.

Wednesday, April 18, 12

Page 53: Usable Presentation Design

Examples of sans-serif typefaces:

• This is Arial.

• This is Century Gothic.

• This is Helvetica.

• This is Verdana.

• (All of these are 32 point.)

Wednesday, April 18, 12

Page 54: Usable Presentation Design

(Serifs are those little tails on the edges of letters.)

Wednesday, April 18, 12

Page 55: Usable Presentation Design

Wednesday, April 18, 12

Page 56: Usable Presentation Design

Examples of serif typefaces:

• This is Georgia.

• This is Goudy Old Style.

• This is Palatino.

• This is Times New Roman.

• All of these are also 32 point.

Wednesday, April 18, 12

Page 57: Usable Presentation Design

Be wary of novelty typefaces.

• This is braggadocio.

• This is Brush Script MT

• This is Colonna

• This is Curlz

• This is Herculanum

Wednesday, April 18, 12

Page 58: Usable Presentation Design

What if you wrote everything in Curlz?

• It would be harder to read, for one thing.

• It also tampers with your ethos.

• This is not a very professional typeface.

Wednesday, April 18, 12

Page 59: Usable Presentation Design

Sometimes it can work for you.

Wednesday, April 18, 12

Page 60: Usable Presentation Design

Intro to Goth Culture

(That is Blackmoor)

Wednesday, April 18, 12

Page 61: Usable Presentation Design

New Football Stadium

(That is Princeton)

Wednesday, April 18, 12

Page 62: Usable Presentation Design

Fonts

• This is a bold font.

• This is an italic font.

• This is a bold italic font.

Wednesday, April 18, 12

Page 63: Usable Presentation Design

DON’T WRITE IN ALL CAPS.

IT SLOWS YOUR READER DOWN CONSIDERABLY.

Wednesday, April 18, 12

Page 64: Usable Presentation Design

Sometimes a bit of color is rather pleasant.

Wednesday, April 18, 12

Page 65: Usable Presentation Design

Why use color?

Wednesday, April 18, 12

Page 66: Usable Presentation Design

Focuses attention.

Wednesday, April 18, 12

Page 67: Usable Presentation Design

Focuses attention.

Wednesday, April 18, 12

Page 68: Usable Presentation Design

Wednesday, April 18, 12

Page 69: Usable Presentation Design

Don’t make it look like a rainbow blew up on

your slides.

Wednesday, April 18, 12

Page 70: Usable Presentation Design

Problems:

Wednesday, April 18, 12

Page 71: Usable Presentation Design

Wednesday, April 18, 12

Page 72: Usable Presentation Design

Room lighting can be a huge issue.

Wednesday, April 18, 12

Page 73: Usable Presentation Design

So is the way colors look when projected.

Wednesday, April 18, 12

Page 74: Usable Presentation Design

Wednesday, April 18, 12

Page 75: Usable Presentation Design

Also, be kind to your audience’s eyes.

Wednesday, April 18, 12

Page 76: Usable Presentation Design

Yellow text on a garish background?

Wednesday, April 18, 12

Page 77: Usable Presentation Design

Wednesday, April 18, 12

Page 78: Usable Presentation Design

Also, be sure to account for cultural considerations.

Wednesday, April 18, 12

Page 79: Usable Presentation Design

Wednesday, April 18, 12

Page 80: Usable Presentation Design

Do your best to develop a general sense of these

things beforehand.

Wednesday, April 18, 12

Page 81: Usable Presentation Design

So, what should be on a slide?

Wednesday, April 18, 12

Page 82: Usable Presentation Design

Ideally, not much.

Wednesday, April 18, 12

Page 83: Usable Presentation Design

Keep your text simple and short.

Wednesday, April 18, 12

Page 84: Usable Presentation Design

Limit yourself.

• No more than 2 typefaces and 3 fonts in a document.

• Use one size for headers, one for subheads, and one for body text.

Wednesday, April 18, 12

Page 85: Usable Presentation Design

Why?

• Because huge blocks of texts on a screen confuse the eye and overwhelm the mind. Your audience will be much busier trying to read it all than they will be paying attention to you. You want to minimize the possible distractions, because presentation situations are generally distracting enough. People are cold, people are hot, people are thinking about what’s on TV tonight, and now you’ve got them reading all this text. And it’s a lot, isn’t it?

Wednesday, April 18, 12

Page 86: Usable Presentation Design

• What’s even worse is when presenters minimize the font size in order to fit more stuff on the screen. Then people have to squint, and they get headaches, and they wonder what the heck is up with you and your design skills. Why are you ambushing them with all this text? Do you really need for them to read your presentation? No, not really. You need to tell your story and use the PowerPoint slides to provide visual emphasis of you major points.

• Folks who do this sort of thing usually also try to squeeze multiple points onto one slide -- all in tiny type. And they go on and on and on and on and on and on and on and on and on and on and on and on with the text because they’re trying to fill up space, because they think that a really full slide is a good and important slide. This is rarely the case.

Wednesday, April 18, 12

Page 87: Usable Presentation Design

Be clean.

• Highlight your major points.

• That’s all.

• You just want to drive them home visually.

Wednesday, April 18, 12

Page 88: Usable Presentation Design

Use high contrast.

Wednesday, April 18, 12

Page 89: Usable Presentation Design

Use clean backgrounds.

Wednesday, April 18, 12

Page 90: Usable Presentation Design

Don’t do this:

Wednesday, April 18, 12

Page 91: Usable Presentation Design

Wednesday, April 18, 12

Page 92: Usable Presentation Design

This is a little better, but still not entirely effective:

Wednesday, April 18, 12

Page 93: Usable Presentation Design

Wednesday, April 18, 12

Page 94: Usable Presentation Design

Be appropriate.

Wednesday, April 18, 12

Page 95: Usable Presentation Design

Your background and font should match your topic.

Wednesday, April 18, 12

Page 96: Usable Presentation Design

Wednesday, April 18, 12

Page 97: Usable Presentation Design

Wednesday, April 18, 12

Page 98: Usable Presentation Design

Kill monotony!

Wednesday, April 18, 12

Page 99: Usable Presentation Design

Don’t be afraid to play.

Wednesday, April 18, 12

Page 100: Usable Presentation Design

Picture Superiority Effect

Wednesday, April 18, 12

Page 101: Usable Presentation Design

(n): Theory that states pictures are better remembered than words.

Wednesday, April 18, 12

Page 102: Usable Presentation Design

Which slide is more memorable?

Wednesday, April 18, 12

Page 103: Usable Presentation Design

Rolleiflex Camera

Wednesday, April 18, 12

Page 104: Usable Presentation Design

or

Wednesday, April 18, 12

Page 105: Usable Presentation Design

Wednesday, April 18, 12

Page 106: Usable Presentation Design

Wednesday, April 18, 12

Page 107: Usable Presentation Design

or

Wednesday, April 18, 12

Page 108: Usable Presentation Design

Wednesday, April 18, 12

Page 109: Usable Presentation Design

PowerfulEfficientDirect

Wednesday, April 18, 12

Page 110: Usable Presentation Design

When choosing images, aim for

Wednesday, April 18, 12

Page 111: Usable Presentation Design

Big and clear

Wednesday, April 18, 12

Page 112: Usable Presentation Design

Interesting

Wednesday, April 18, 12

Page 113: Usable Presentation Design

This is a perfectly fine photo of a cow.

Wednesday, April 18, 12

Page 114: Usable Presentation Design

But this one is way more memorable:

Wednesday, April 18, 12

Page 115: Usable Presentation Design

Wednesday, April 18, 12

Page 116: Usable Presentation Design

Strive for clarity.

Wednesday, April 18, 12

Page 117: Usable Presentation Design

Wednesday, April 18, 12

Page 118: Usable Presentation Design

Grab the largest images possible to avoid pixelation.

Wednesday, April 18, 12

Page 119: Usable Presentation Design

At least 800 pixels will give you the clearest

cow possible.

Wednesday, April 18, 12

Page 120: Usable Presentation Design

Wednesday, April 18, 12


Recommended