Power point 2003 design principles v2009

PowerPoint 2003 Design Your Assignment is to… Create a Visual Communication Design a specific message directed to a specific audience Structure your message to persuade the listeners to your viewpoint 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 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 PowerPoint 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 PowerPoint 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 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”

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 “ Grabber” Slide to Capture the Audience

Structure 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 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 Do As 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 Principles Use: C ontrast R epetition A lignment P roximity

Contrast Elements to contrast Colors Scale (large/small) Value (light/dark) Line thickness Shapes Spaces Type (size, ornate vs. simple) For a good example of the use of contrast, see: http://www.ibiblio.org/wm/paint/auth/hockney/hockney.nick-wilder.jpg Contrast is the use of differences to create interest, excitement.

Contrast What 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 Principles C ontrast R epetition A lignment P roximity

Repetition 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 .

Repetition 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

Alignment 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)

Alignment 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

What goes with what? Goal is to group visual items that have related functions or meanings Proximity A container (box) creates a group Proximity creates groups Space separates groups Grouping, what elements are placed together

Identify grouping problems in this masthead: Proximity 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 Principles C ontrast R epetition A lignment P roximity Results: B alance U nity Use the four design principles:

Designing and Presenting PowerPoint 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! It might be OK for a presentation on time management For most topics, it would distract from the message. The graphics take up a lot of space

Theme 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 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

Design Your Own Theme Acme Financial Corporate identity (small) built into design 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 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” North East South Central West Which color should we look at????

Use “Spot Color” Instead North East South Central West 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 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 Selection H h H h

Fonts Styles for Emphasis 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: Case (Capitalization)

We Remember Images Better Than 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 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 Images Fair Use 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 Visual Evidence 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 Visual Evidence 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 Visual Evidence 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 art image with a graph you create

When Using Charts, Label Carefully 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 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 Design Viewers can concentrate on the information you want to convey, not distracted by “fancy” visual effect.

Insert a Table to Make Charts with detailed information. Sample Benefits – Premiums and Benefit Payable at Age 85 This chart is a table, easy to read 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

Words 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

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 Acme Financial 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

Animation 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

Animation From 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)

Key metrics drive issue prioritization Impact on adoption Issue Prioritization Strain office resources Reimbursement uncertainty Practice logistics Staff education prevalence - Bubble size Profitability impact Elderly Patients Priority #1 Priority #2 Priority #3 - At launch - 12-24 months - 24+ months Animation Can Demonstrate a Process Being Described By the Presenter Impact on practice performance

Impact on adoption Impact on practice performance Issue Prioritization Strain office resources Reimbursement uncertainty Practice logistics Staff education 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 a Process Being Described By the Presenter

Design Principles Contrast Repetition Alignment Proximity Balance Unity Review of Design Principles

Practice 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 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

Power point 2003 design principles v2009

More Related Content

What's hot

Similar to Power point 2003 design principles v2009

Recently uploaded

Power point 2003 design principles v2009

Editor's Notes