Power point 2003 design principles v2009

PowerPoint 2003 DesignPowerPoint 2003 Design

Your Assignment is to…Your Assignment is to…1. Create a Visual Communication

► Design a specific message directed to a specific audience

► Structure your message to persuade the listeners to your viewpoint

2. Follow rules of graphic design

DVL = Digital Visual Literacy

Note: This material is based upon work supported by the National Science Foundation Grant No. 0501965. Any opinions, findings and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation (NSF).

DVL is the ability toDVL is the ability to►Critically evaluate digital visual materials (2D

and 3D, static and moving)

►Make decisions using digital-visual representations of data and ideas

■ Excel – Making Decisions with Charts

►Use computers to create effective visual communications

■ Word – Applying Design Principles to Word documents

■ PowerPoint – Effective Visual Display of Information using PowerPoint.

Designing and Presenting Designing and Presenting PowerPointPowerPoint

► Structure your message► Design your presentation

■ Follow design principles■ Select or design a Theme■ Choose your colors■ Choose your fonts

► Select images/visuals► Use animation sparingly► Practice your presentation

Example of a “Preview” slide showing main ideas of the presentation





Current topic is highlighted in contrasting color

Structuring Your MessageStructuring Your Message

Optional Slide

Preview

Main points

Closing

Grabber

Main “take-aways” (identical or similar to closing slide)

One or more slides for each main point

Connections (repeated agenda or trackers)

Main “take-aways”

““Grabber” Slide to Capture the AudienceGrabber” Slide to Capture the Audience

■ Only use a Grabber slide if it adds value to the presentation

■ Examples• Something humorous

– A joke

– A comic or cartoon

• Intriguing or surprising fact(s) about the topic

■ Be Aware of Copyright Rules• Fair Use allows sharing a comic or other copyrighted image

with a small audience, or for review or criticism

• To publish, permission from the author or creator is necessary

Structure Your MessageStructure Your Message► Outline your presentation,

point-by-point

► Careful choice of words,key ideas only ■ Complete sentences not necessary■ Bullets need not end with a period

► 7-7 rule (described on next slide)

► Sub-bullets give details about bullet points

Remember the 7 x 7 RuleRemember the 7 x 7 Rule

► Maximum of seven lines, seven words per line

► If you have more than two lines of text per bullet…

■ simplify the wording

■ or create a main heading plus sub-points

► Don’t break this guideline very often

Example of What Not to DoExample of What Not to DoAs a general rule of thumb, keep in mind the rule proposed by presentation experts—a maximum of seven lines per word chart and an average of seven words per line. If you have more than two lines of text in a bullet, either simplify the wording or break it into a main heading plus sub-points. Obviously, it may be necessary to break this guideline sometimes, but don’t do it so often you turn your presentation into a group reading session!

Too many words on this slide! Not a good visual presentation






Design PrinciplesDesign Principles

Use:

1. Contrast

2. Repetition

3. Alignment

4. Proximity

ContrastContrast

►Elements to contrast■ Colors■ Scale (large/small)■ Value (light/dark)■ Line thickness■ Shapes■ Spaces■ Type (size, ornate

vs. simple)

Contrast is the use of differences to create interest, excitement.

For a good example of the use of contrast, see:

http://www.ibiblio.org/wm/paint/auth/hockney/hockney.nick-wilder.jpg

ContrastContrastWhat

CONTRASTS are strong in the second version of the ad?

►Generates more visual excitement►Cues the eye: look at first larger items first, perhaps

remember them better.

What are some

benefits of greater

CONTRAST?


1. Contrast

2. Repetition

3. Alignment

4. Proximity

RepetitionRepetition

►Repetition creates consistency

►Elements to repeat■ Shapes■ Patterns■ Textures■ Colors■ Fonts

Use the same or similar design elements

If you don’t repeat font and colors….

It May look like a ransom note.

RepetitionRepetition

►The computer makes it easy to repeat elements

►Use Cut & Paste

►Transformations such as scaling, rotating, flipping, etc.

These transformations were done in PowerPoint

scale

rotation

color

gradient


1. Contrast

2. Repetition

3. Alignment

4. Proximity

AlignmentAlignment

How does alignment differ in

these ads?

► Assymetrical alignment may generate more visual excitement

► Creates more white space in one area, a more modern look (traditional design is more balanced)

Positioning design elements (right, left, center, random)

AlignmentAlignment►Tools for alignment exist in all software

that handles graphics or text

►Use Alignment and Distribute tools to arrange objects within groups and to arrange groups on the slide

Options in PowerPoint

3 objects carelessly

placed

3 objects carefully aligned using tools shown above


1. Contrast

2. Repetition

3. Alignment

4. Proximity

►What goes with what?

►Goal is to group visual items that have related functions or meanings

A container (box) creates a group

Proximity creates groups

Space separates groups

ProximityProximity Grouping, what elements are placed together

Identify grouping problems in this masthead:

ProximityProximity Grouping, what elements are placed together

Things that below together should be next to each other – otherwise, they are difficult to understand.

Tips from….the kitchen (needs to be grouped together)

Summary of Design PrinciplesSummary of Design Principles

1. Contrast

2. Repetition

3. Alignment

4. Proximity

Results:

Balance

Unity

Use the four design principles:



■ Follow design principles■ Select or design a theme■ Choose your colors■ Choose your fonts



Fiesta Theme

Would you take this presentation seriously?

Do you want your audience to take you seriously?

This is a Tropical Theme.

Does this remind you of

Jimmy Buffett or what?

This Theme is Very Busy!This Theme is Very Busy!

It might be OK for a It might be OK for a presentation on time presentation on time managementmanagement

For most topics, it would For most topics, it would distract from the message.distract from the message.

The graphics take up a lot of The graphics take up a lot of spacespace

Theme with User ModificationsTheme with User Modifications• The user hasn’t “improved” the theme by

changing font colors and font styles.

• This Font is interesting, but very difficult to read, especially on a

slide.• A theme should complement the topic of the

presentation – This theme would be good for hiking or mountain

sports– Bad for most other topics.

Busy theme (left) may not leave room for the information

Plain themes (right) don’t

distract from the information

Design Your Own ThemeDesign Your Own Theme►Some of PowerPoint’s built-in themes are

frequently used, frequently seen—do they become boring?

►Graphics on built-in theme may distract from message

■ Modify a built-in theme to remove distractions

■ Can modify colors and fonts too

Acme Financial Corporate identity (small) built into design theme

Design Your Own Theme

Designing your own theme is quite easy

You can select the colors that best represent your topic (or company)

You can add a small graphic to the theme.

–Examples:

• Company logo in corner or on bottom edge

• A small graphic representing theme of the presentation

–Keep it small






Design Your Own ThemeDesign Your Own Theme► Use a cool color, like bright or dark blue, for the

background.

► Use light colors, like pale blue, white or yellow, for the foreground (fonts, graphics).

► Test your design theme in the setting in which your presentation will be given■ A light background may work better in a room with a

lot of ambient light.■ Some colors may tire the eyes in different light

conditions.

Poor Color Choices Slides

• Light colored text on a light background is difficult to read.

• Make sure the two colors contrast sharply on the large screen, not just on your computer screen.

Avoid the “Fruit Salad Effect”Avoid the “Fruit Salad Effect”

7%

13%

17%

17%

46%

North

East

South

Central

West

Which color should we look at????

Use “Spot Color” InsteadUse “Spot Color” InsteadNorth

East

South

Central

West

7%

13%

17%

17%

46%

Spot color emphasizes what you want emphasized.

Model 5689

Model 5690

Model 5691

Model 5690 Was Introduced Last Year

Which bar do you want the audience to notice?

Model 5689

Model 5690

Model 5691

Model 5690 Was Introduced Last Year

Spot color directs audience eyes where you desire.






Limit Number of FontsLimit Number of Fonts►Usually limit to 2 fonts in a

presentation►Fonts convey a message or mood

Font Varieties Examples of Moods

► Serif vs. Sans Serif (little feet)■ Serif – has little feet to stand on■ Sans-Serif – has no feet to stand on

► Font choices – with or without serifs

■ Serif font is easier to read for printed documents. (Times New Roman)

■ Sans serif font is easier to read on electronic documents and slides (Arial, Verdana)

► Size■ Use 18-24 point for text.

■ Use 32 for titles.

Font SelectionFont Selection

H hH h

Fonts Styles for Fonts Styles for Emphasis and ContrastEmphasis and Contrast

► Use bold, underline, and italic sparingly (for emphasis)

► Avoid Letter junk

■ AVOID BOLD PLUS UNDERLINING PLUS ALL CAPITALS!

■ This looks like a ransom note.

THIS IS ALL PRINTED IN UPPER CASE. THE LACK OF SIZE VARIATION WITH ALL CAPITAL LETTERS MAKES IT HARD TO READ FOR EXTENDED TEXT.

This Is Title Case. Use Title Case For Your Presentation Title And Perhaps Slide Titles.

This is sentence case. Only the first word is capitalized. Use sentence case for bullet points.

Font Styles:Font Styles: Case (Capitalization)






We Remember Images Better We Remember Images Better Than We Remember TextThan We Remember Text

►Images of many kinds can be effective■ Photographs■ Charts and Graphs■ Tables, diagrams■ Movies

►Words can be turned into images■ Insert “shapes” that represent words■ Animate the shapes to show relationships or

sequence between words

Avoid Using Copyrighted ImagesAvoid Using Copyrighted Images

► Images found on the Internet are usually copyrighted.

■ Unless marked “Public Domain”

►© Symbol isn’t required ■ Any image or photo is copyrighted by default

► How to find images not copyright protected?■ Create your own images or charts■ Look for images in the public domain

““Fair Use” of Copyrighted ImagesFair Use” of Copyrighted Images Fair Use Fair Use of copyrighted creations usually includes:of copyrighted creations usually includes:

► Quotation of excerpts

■ Film clips, show art, website art

■ In a review or criticism

► Use in a parody

► Educational Use

■ A teacher or student used a small part of a work

■ To Illustrate a lesson

Graphics Should Be Graphics Should Be Visual Visual EvidenceEvidence For Your Message For Your Message

►Delete meaningless graphics ■ Why remember something meaningless?

►Crop photos and images ■ Focus on what’s important■ Remove the rest

Original photo

Rotated and Cropped photo


►Read your text – what will add evidence?■ Graphic should contain information

(do most clip art images do this?)

This clip art communicates that there is an upward trend, but a chart

created by the user could convey

detailed information.


►Read your text – what will add evidence?■ Graphic should contain information

(do most clip art images do this?)■ Replace a

meaningless clip artimage with a graph you create

When Using Charts, Label CarefullyWhen Using Charts, Label Carefully

EastWestNorthSouth

$- $20,000 $40,000 $60,000 $80,000 $100,000 $120,000

Direct Mail

Outlets

Telesales

Web

You can paste charts made in Excel. Add titles, labels

What are these charts telling us?????

Labels are needed!

Model C

Model K

Model Y

Avoid “Chart-junk” Like ThisAvoid “Chart-junk” Like This

Use solid colors, not patterns Use fewer (or no) gridlines Use labels instead of legend

Too many visual effects may distract from the information

you want to convey.

Model C

Model K

Model Y

Model C is Our Best Seller

Uses solid colors, not patterns Use fewer (or no) gridlines Uses labels instead of legend

This Chart is a Better DesignThis Chart is a Better DesignViewers can concentrate on the information you want to convey, not distracted by

“fancy” visual effect.

Insert a Table to Make Charts Insert a Table to Make Charts with detailed information.with detailed information.

Age of Applicants

Initial Benefit Account

Benefit Payable at Age 85

Annual Premium

50/50 $ 374,400 $ 3,364,205 $ 2,730

55/55 $ 374,400 $ 2,635,942 $ 2,886

60/60 $ 374,400 $ 2,065,330 $ 3,588

65/65 $ 374,400 $ 1,618,240 $ 4,836

Sample Benefits – Premiums and Benefit Payable at Age 85

This chart is a table, easy to read

Words Can be Graphic ImagesWords Can be Graphic Images

► Words can be visually displayed ■ Bullets show words in graphic way ■ Colors give words added importance■ Use draw tools to make graphics from words

Login Generate Quote(s)

Complete all or part of app

Print & Sign Forms

Submit application

1 2 3 4 5 Processing: How Does it Work?

Use shapes containing text to turn words into graphics

Acme Financial

Who Is Acme Financial?

• A Leading Insurance Company In The U.S., With An Expanding International Presence

• Serving More Than 15 Million Customers

• More Than $100 Billion In Assets

• Global Operations In 20 Countries

• More Than 5,000 Employees

• Extensive And Diversified Distribution Network

Corporate identity (small) built into design theme

Bullets are graphically meaningful – points are separate but equal. Sub-bullets show that some points are subordinate.

Text in bullets uses color to emphasize

important facts






AnimationAnimation►Can emphasize your points

►Can also be distracting and annoying, so keep it simple

►Animate paragraphs (bullet points) ■ Helps pace the presentation (usually

slows it down) ■ Forces a step-by-step explanation.■ Shows audience which point is currently

being discussing

AnimationAnimationFrom Least Annoying to Most AnnoyingFrom Least Annoying to Most Annoying

►Appearing in place with no effect.►Appearing in place with some effect (e.g.

dissolve, expand).►Initially moving (e.g. flying).►Moving for a few seconds, then stopping

(e.g. swivel, etc.)►Slow entrance, keeps you waiting►Continuously moving (for example, this

animated “warning” gif)

Impact on adoption

Issue Prioritization

Strain office resources

Reimbursement uncertainty

Practicelogistics

Staffeducation

prevalence - Bubble size

Profitability impact

Elderly Patients

Priority #1

Priority #2

Priority #3

- At launch

- 12-24 months

- 24+ months

Animation Can Demonstrate Animation Can Demonstrate a Process Being Described a Process Being Described

By the PresenterBy the Presenter

Key metrics drive issue prioritization

Impact on practice performance

Impact on adoption

Impact on practice performance

Issue Prioritization

Strain office resources

Reimbursement uncertainty

Practicelogistics

Staffeducation

prevalence - Bubble size

Profitability impact

Elderly Patients

Priority #1

Priority #2

Priority #3

- At launch

- 12-24 months

- 24+ months

Key metrics drive issue

prioritization

Animation Can Demonstrate Animation Can Demonstrate a Process Being Described a Process Being Described

By the PresenterBy the Presenter

Design Principles

Contrast Repetition Alignment Proximity

Balance Unity

Review of Design Principles






Practice for a Successful DeliveryPractice for a Successful Delivery

Body

Voice

1. Posture confident

2. Gestures conversational

3. Facial expressions natural 4. Eye contact throughout

1. Inflection conversational

2. Fillers avoid (um… a…)

3. Enunciation clear

Successful PowerPoint Presentations Successful PowerPoint Presentations Depends on All of These!Depends on All of These!




Date post:	27-Jan-2015
Category:	Technology
Upload:	914646279
View:	105 times
Download:	0 times

Power point 2003 design principles v2009

Technology