Presentation Visuals

University Graphics/Photography Wyllie D242 262.595.2286

Don Lintner University Relations

What well cover

Why visuals make a presentation more effective Some basics of planning and designing visuals Some PowerPoint tips

3 Components of an Effective Presentation

Content
Make it logical, simple and clear Identify your 2 or 3 main points

Design
Complement your content Legibility important

Delivery
Dont read your slides Use slides only as support for your presentation

Why use visuals?

Research shows
students retain 10% of what they hear retention increases to 55% when visuals are added
60% 50% 40% 30% 20% 10% 0% Retention

without visuals with visuals

Why use visuals?

different people, different learning styles the more sensory channels you reach, the better learning occurs

Visuals make presentations better

Wharton School study concluded: better learning and communication
more positive, faster outcome to presentation

better perception of you, the presenter

appear more knowledgeable, credible, persuasive

Strong presentations use visuals

Think graphically! Don't tell me!

Strong presentations use visuals

maps diagrams
Winneburg Appleburg Oshburg

charts models

Strong Presentations
Keep it simple for good design Stick with 1 (one)

one background one color scheme one transition style

Strong Presentations

One idea per slide Dont dilute your message

Choose media to match situation

What is your message? Who is your audience? Which presentation tools are available to you? (PowerPoint, web,
video, or?)

Which tools best help achieve your goals?

Storyboards
An outline with pictures What visual will you use to illustrate each key idea in your presentation?

The Storyboard
Layout index cards to see whole show

Another way to storyboard

Storyboard example
2 column text

Slide sorter view

Design
pleasing to look at easy to read clearly communicates your message

Design tools
Type Color Contrast Repetition Alignment Proximity

Learning from others

film and TV - titles, ads posters newspapers and magazines other presentations at conferences

Type Characteristics
Go to your room!
Footlight

Go to your room!
Go to your room!

Helvetica
Arial Black

Type Characteristics

Monospaced

Proportional

Letters
Courier Times

Type Characteristics

Decorative
Vivaldi

Text

Letters
Times

Lucifers Pension

Letters Helvetica

Type Characteristics

Sans-Serif
Body Size

Serif
Baseline

Adg Adg
Helvetica Times

Type Characteristics

Sans-Serif

Adg
Helvetica

Tend to have a technical, impersonal character Good on-screen readability

Type Characteristics

Serif

Adg
Times

Tend to have a personal, humanistic character Small sizes can be hard to read on the screen.

Type Legibility
Larger type is easier to read If you need to use smaller type, you probably have to much on the slide. 32 pt minumum for all text. 24 pt. minumum for graphics

Type Legibility
limit the amount of text per slide make a series of visuals for easier reading and faster pace Danger: PowerPoint automatically shrinks text to fit slide

Type Legibility

Very large type with no spaces in between filling the entire space is very oppressive and more difficult to read

However - Leave some air.

Type Legibility

Legibility LEGIBILITY

Upper and lower case words form unique shapes All upper case words are all rectangles

Type Legibility
All upper case takes up more room without adding legibility

Legibility

LEGIBILITY

Type Legibility
Normal upper and lower case is easier to read than ALL CAPITALS Mixing upper and lower case letters increases reading speed by 50%
Use bold, italics, size, colors for emphasis

Typesetting, not typewriter

Combine normal, bold, italic, bold italic within a typeface freely Use type style to reinforce message Never underline

Typesetting

Mixing typefaces
If you mix typefaces, choose two that contrast Arial Black & Footlight MT Light Not Times and Palatino

Color
Use colors that work together Use colors that provide contrast for readability PowerPoint designs and backgrounds provide starting point

Using color
A splash of color stands out Consistent color adds unity

Contrast
Create organizational hierarchy Add visual interest

Contrast
Contrast is created when 2 elements are different from each other If they are just kind of different its not contrast, its conflict If 2 items are not the same, make them different, really different

Contrast
Low contrast is difficult to read Use strongly contrasting colors

Contrast

Use light objects on a dark backgound

Contrast

Or dark objects on a light backgound

Repetition
Repeat some element of the design throughout the entire piece Repeat color, shape, texture, spatial relationships, lines, background, etc. Develop organization and create unity

Alignment
Nothing should be placed arbitrarily Every item should visually connect with something else on the page

Robert Burns
Poems in Scots and English

The most Complete edition Available of Scotlands greatest Lyric poet.

Robert Burns
Poems in Scots and English
The most Complete edition Available of Scotlands greatest Lyric poet.

The Rule of Thirds

symmetrical or formal balance is less exciting asymmetrical balance is more dynamic and interesting use the rule of thirds to create dynamic balance

Divide space in thirds

Points of maximum visual impact

Symmetrical balance

horizon centered

One way to use the rule

lower third

Another way
upper third

Use a layout grid

Help you visualize rule of thirds Help achieve consistent placement View>Grids and Guides

Use a layout grid

Proximity
Group related items together Grouped close together, items become a visual unit rather than separate units Items that are not related should be kept far apart

Ungrouped items
Type is used to communicate

Type should be easy to read

Type is also a design element

Items in proximity
Type is used to communicate Type should be easy to read Type is also a design element

Research results
Data table 25
Experimental Procedure Details of thing we did to make this happen.
100 80 60 40 20 0 1st Qtr 2nd Qtr 3rd Qtr 4th Qtr East West North

Results 9

Research results
Data table 25
100 80 60 40 20 0 1st Qtr 2nd Qtr 3rd Qtr 4th Qtr East West North

Results 9

Experimental Procedure

Details of thing we did to make this happen.

Less is more
Appleburg

Winneburg

Oshburg

Good Slide Design

1 (one) idea per visual
make it the focal point to draw viewers attention

legible type
think size and style

effective use of space

alignment and proximity

use design elements

create visual repetition use strong contrasts

use visuals to reinforce and clarify your verbal message

Getting started in Powerpoint

AutoContent Wizard
PowerPoint suggests structure PowerPoint suggests content

Getting started in Powerpoint

Design from template
PowerPoint provides the look You add your content

Getting started in Powerpoint

Blank presentation
You do all the work Your distinct look, style and content

Slide master
Any change made to the master slide is reflected in the entire presentation. Except where you have made individual changes on individual pages

Using the Master Slide

Control slide design colors, background Define type style and size Make updates easy and automatic

A Custom Master Slide

Choose color scheme in PowerPoint Select type styles and sizes Create JPEG file
800x600 pixels at 72 dpi

Keep it readable
24 point or larger type this is 32 point title type is 44 point make graphics large

Inserting new slides

Insert> new slide Control + m Use toolbar button Choose appropriate layout
Auto text boxes are controlled by Master Slide text boxes you create are NOT

Make it Graphic!
text can reinforce your spoken message but photos, graphs, video all increase audience interest and improve communication How exciting is this slide?

Inserting Stuff
Use Insert menu
Pictures Sounds Movies Hyperlinks Charts and more!

Creating graphics
drawing tools in PowerPoint flatbed scanner slide/negative scanner other software
spreadsheets drawing programs

Appropriate use
Almost everything is copyrighted!
Scans from books or journals Pictures from the web

One time educational use for students Public domain sites Obtain permission Purchase stock images

Computer Labs
PC and Mac Scanners available

File formats for Powerpoint

Save in a generic graphic format at 72 dpi
Jpeg Tiff Png Gif Bmp Eps (must save with preview to see on screen) PDF

Dont save in native format like Photoshop

Insert Picture
From clip art
Installed with program Microsoft web site

From a file
Scan Digital photo Internet

Insert Picture
Images should be saved at the screen resolution
(72 dots per inch)

Scaled to the on-screen size

800x600 is full screen for projectors on campus

Insert picture from sceen capture

Print Screen on PC captures to clipboard Use paste command to place picture in presentation Or use screen capture software like Snag-It and use insert picture to place file in presentation

Insert sounds
From file
Embedded in presentation

From CD
Must have CD to play

Insert movie
File formats
AVI mpeg Quicktime: Check for plug-in BEFORE presentation

File size
320 x 240 typical

Hyperlinks
Make text a hyperlink Action Buttons

Charts
Insert > Chart Enter data Choose style

Slide transitions
Slide Show>Slide Transition Pick one dont make your audience dizzy only vary for special effect

Slide animation
Slide Show>Custom Animation Use to build a concept Use for a specific effect

File storage
CD-Rom portable hard drive Flash drive on campus network drive Package for CD

Package for CD
Best way to travel with presentation Embed fonts Include viewer

Great Software Prices

UW-System students only Order on-line at www.wisc.edu/wisc

Help
University Graphics Don Lintner
Wyll D242, 595-2286 Questions on design, production, equipment, PowerPoint

Microcomputer Lab Desk

Library D-1 level computer lab Questions on using PowerPoint, computers, file management

On line help
Tips and Tricks from Ellen Finkelstein, Presentation Magazine contributor

www.ellenfinkelstein.com/powerpoint_tip.html

Software for students

http://wiscsoftware.wisc.edu

Microsoft, Adobe, and more

Campus Resources
Where do you go to get equipment or help?

A/V Equipment Checkout

You need to show your Student ID Check out for up to 4 hours www.uwp.edu keyword: CTS and click the Audio Visual link

A/V equipment distribution offices

Moln 118
7:45 am to 6:30 pm (Fridays until 4:00 pm)

Comm Arts D153

7:45 am to 9:30 pm (Fridays until 4:30 pm)

Available Equipment
Overhead projectors slide projectors video players/monitors, computer projection carts digital cameras camcorders Keys for smart classrooms