power point 2003 design principles v2009
DESCRIPTION
TRANSCRIPT
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
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
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
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
Current topic is highlighted in contrasting color
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?
Design PrinciplesDesign Principles
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
Design PrinciplesDesign Principles
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
Design PrinciplesDesign Principles
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:
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
Current topic is highlighted in contrasting color
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
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
Current topic is highlighted in contrasting color
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.
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
Current topic is highlighted in contrasting color
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)
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
Current topic is highlighted in contrasting color
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
Graphics Should Be Graphics Should Be Visual Visual EvidenceEvidence For Your Message For Your Message
►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.
Graphics Should Be Graphics Should Be Visual Visual EvidenceEvidence For Your Message For Your Message
►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
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
Current topic is highlighted in contrasting color
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
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
Current topic is highlighted in contrasting color
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!
► 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