less is more. and powerpoint so, what could go wrong? any of these look familiar?

78
Less is More. and PowerPoint

Upload: austin-randall

Post on 11-Jan-2016

222 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Less is More.

andPowerPoint

Page 2: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

So, what could go wrong?Any of these look familiar?

Page 3: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Lorem Ipsum Dolor

“Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…”

clicktoaddtitle.comLeslie Harpold – Round 2

Page 4: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Lorem Ipsum Dolor

Curabitur sed

Nullam pretium

Mauris metus

Curabitur sed 0

5

10

15

20

25

30

35

40

X A

Ipso

Facto

Lifto

Lefto

Page 5: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Lorem Ipsum DolorLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam erat justo, sagittis vitae, commodo ut, rhoncus lacus mit nonummy, ante.

Duis ligula augue, aliquam sit amet, rutrum a, gravida quis, lacus. Mauris quam. Phasellus a felis quis ipsum tincidunt vehicula. Morbi elementum dapibus est.

Page 6: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Lorem Ipsum Dolor?

Slice 35%

2nd Qtr52%

1st Qtr24%

Slice 412%

Page 7: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Lorem Ispum Dolor!

“Nam erat justo, sagittis vitae, commodo ut,

rhoncus nonummy, ante.

Duis ligula augue, aliquam

sit amet, rutrum a, gravida quis,

lacus. Mauris quam. Phasellus

a felis”

Page 8: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

LOREM IPSUM DOLOR

Mauris quam. Phasellus a felis . Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere

20

.42

7.4

90

20

.4

30

.63

8.6

34

.6

31

.6

45

.9

46

.9

45

43

.9

0 50 100 150 200

1st Qtr

2nd Qtr

3rd Qtr

4th Qtr

East West North

Page 9: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 10: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Let’s talk about design.

Page 11: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

What it is . . .

Graphic Design is:

● a strategic usage of text

● the purposeful use of pictures and animation

● focused on directing visual communication

Graphic Design is not:

just making it look “pretty”.

Page 12: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Improving design!your

● use “dim” option with large chunks of text – sequential disclosure

● typography and fontsUse sans-serif type, no more than three stylesConsider darkest green, navy blue text

● use color blocksFrame pieces of text within blocks of light colorOrganizes information for audience

Top

Ten

Sug

gest

ions

Page 13: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Improving design!your

● picturesPictures which illustrate informationNothing ‘cause it’s cute or cool!

● background – white/light – dark textWill work for any type of lighting situation

● keep lower ¼ of slide empty or a filler – less importance

Depending on screen height and seating,not everyone will be able to see slide.

Top

Ten

Sug

gest

ions

Page 14: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Improving design!your

● keep images directing towards information

● sounds are found to be more annoyance than assistance

● keep text animations consistentText best read “wipe” “left”, “wipe” “down”Stay away from entering left, fly ins, anythingsurprising to audience – not a horror movie

Top

Ten

Sug

gest

ions

Page 15: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Improving design!your

● slides are free – don’t crowd

Allow white space around your information.

Top

Ten

Sug

gest

ions

● slides are free – don’t crowd● slides are free – don’t crowd

Page 16: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Which font should you use?Beginning February 1, 2004, all State Department correspondence must be in ‘Times New Roman 14’.

The US State Departmentbanned the use of ‘Courier New 12’ in all official correspondence.

So should we follow the lead of the government and use Times New Roman

in all of our PowerPoint presentations?

Fonts/Blocks

Page 17: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

● color blocks for listings of like pieces of information: three to five points or usually sub-content of key point.

use of color blocks

Example:

Design Tips

The US State Departmentbanned the use of ‘Courier New 12’ in all official correspondence.

The US State Departmentbanned the use of ‘Courier New 12’ in all official correspondence.

Page 18: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Which font should you use?Beginning February 1, 2004, all State Department correspondence must be in ‘Times New Roman 14’.

The US State Departmentbanned the use of ‘Courier New 12’ in all official correspondence.

So should we follow the lead of the government and use Times New Roman

in all of our PowerPoint presentations?

Fonts/Blocks

Page 19: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Which font should you use?Beginning February 1, 2004, all State Department correspondence must be in ‘Times New Roman 14’.

The US State Departmentbanned the use of ‘Courier New 12’ in all official correspondence.

So should we follow the lead of the government and use Times New Roman

in all of our PowerPoint presentations?

Page 20: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

NO!

Page 21: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Research results

In subjective tests measuring how people judge the screen readability of different typefaces (from 0 to 5), most people prefer Verdana. (Hoffman, 2004)

1.24

1.56

1.81

2.27

3.11

Helvetica

Times

Arial

Trebuchet

Verdana

Page 22: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Screen v. print font• Verdana, Trebuchet, Georgia, Geneva, and New

York are all examples of screen display fonts, fonts specifically designed to look good on a computer screen.

• Times New Roman, Arial, and Helvetica are actually print display fonts, fonts specifically designed to look good on paper.

• People strongly and consistently judge screen display fonts to be easier to read than print display fonts. (Hoffman)

Page 23: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Serif v. sans-serif

• On paper, people prefer reading serif fonts—fonts with a “tail” (like Times New Roman.)

• On screens, however, prefer sans-serif fonts—fonts without a tail (like Verdana).

• So, use serif fonts (like Times New Roman) for your handouts and a sans-serif font (like Verdana or Arial) for your on-screen presentation.

Page 24: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

● no more than three fonts per presentation

- use the variations of a single font: example: Arial - Bold, Italic, Bold Italic - variations only count as one single font

- One for your Title and Headers- One for your content- One for an accent: “New”, “Know”, “Activity”, etc.

Typography and fontsDesign Tips

Page 25: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

● keep to maximum of five to seven lines of informational text

● use minimal of 24 points for content information 28 points is better

use of text on slide

● be consistent with the choice of font and font size for:

Headers Information text - bullet points

Design Tips

Page 26: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Slide Heading/Topic Heading - 32

Information text be 28

● bullet points might always be 24 pt.

Information text be 28

Information text be 28

● bullet points might always be 24 pt.

● bullet points might always be 24 pt.

Page 27: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Backgrounds

● Stay away from any background with animation – Ribbons.

● Use light colored backgrounds with dark text.

Unless you have a single important point.Then use a color box to frame information.

● Gradient backgrounds rarely work well.

Page 28: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Backgrounds

● Stay away from any background with animation – Ribbons.

● Use light colored backgrounds with dark text.

Unless you have a single important point.Then use a color box to frame information.

● Gradient backgrounds rarely work well.

Page 29: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Backgrounds

● Stay away from any background with animation – Ribbons.

● Use light colored backgrounds with dark text.

Unless you have a single important point.Then use a color box to frame information.

● Gradient backgrounds rarely work well.

Page 30: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 31: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 32: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Creative Text

Creating interesting textfor Titles and Headings.

Page 33: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Thin and thick lines

Smooth and Rough

Sans Serif fonts with

Serif fonts

W i d e spacing andNarrow spacing

Cool Colors Warm Colors

Color Value Changes

Just one color

DifferentLevels

or font size

Adding Contrast

Page 34: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 35: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Resource Program

PowerPoint Resource Program

program powerpoint

PowerPoint

programresourceowerpointP

Page 36: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 37: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 38: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 39: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 40: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 41: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Picture Placement

Placing pictures/graphics to keep audience focused.

Page 42: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

images: helpful or hurtful

● images/graphics will not: - be distracting or annoying to the viewer - be used because they are “cute” or “cool”

Design Tips

● images/graphics will: - be relevant to the material being presented - support the ideas being explained - have a purpose or relationship to the concepts

Page 43: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

● your audience will look in the direction of your graphic image if:

- the image has eyes - the image portrays movement - the image suggests directionality

images: helpful or hurtful

● images always look towards your information and move towards your content and printed texts

Design Tips

Page 44: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

where does it go?

1. 2.

3. 4.

Design Tips

Page 45: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

where does it go?

1. 2.

3. 4.

Design Tips

Page 46: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

where does it go?

1. 2.

3. 4.

Design Tips

Page 47: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Directionality of graphicsDirectionality and the brain

Design Tips

● Your brain will follow repeated colors

● Shapes/images which create a point

● Easiest movement to guide is from: - left to right (increase, decrease) - downward (gravity experience)

Page 48: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Eye gaze pathLeft

to right

Topto

BottomDead ZoneLower Left Corner

Directionality

Page 49: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Design Tips

Examples of how print adsdirect your eyes … sometimes.

Page 50: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Directionality of graphics

Page 51: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Directionality of graphics

Page 52: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 53: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 54: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

of images and clip art

When Direction Goes Bad!

Directionality

Going The Wrong Way

Page 55: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 56: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 57: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 58: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 59: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 60: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 61: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 62: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 63: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 64: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 65: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 66: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 67: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Dead Zone

The ‘Good and the Bad’of the Dead Zone.

Page 68: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 69: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 70: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Picture Placement

Strong “Downward” Designs

Page 71: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 72: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 73: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 74: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 75: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 76: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?
Page 77: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

Key Points

● Keep graphics ‘moving’ towards your information

● Limit use of animations to two to three per presentation – be consistent

● Use plain or very light background

● Only use sound if your information makes a sound or, use small amount of music in introduction

● Keep slides free from ‘text clutter’ – use dimming

Page 78: Less is More. and PowerPoint So, what could go wrong? Any of these look familiar?

That’s all, folks!