Dr. Lillian Payn October 17, 2012 For audio call Toll Free 1 - 888-886-3951 and use PIN/code 143250 Design Crimes in Your Presentations and How to Solve.

Dr. Lillian PaynOctober 17, 2012

For audio call Toll Free 1-888-886-3951

and use PIN/code 143250

Design Crimes in Your Presentations and How to Solve Them

IF YOU ARE LISTENING OVER THE TELEPHONE, CLICK THE TELEPHONE HANDSET ICON.

IF YOU ARE LISTENING OVER YOUR COMPUTER, ADJUST THE VOLUME WITH THE SLIDER.

AUDIO LISTENING

SEND CHAT MESSAGES

ENTER YOUR MESSAGE & CLICK ENTER – MESSAGE APPEARS IN CHAT WINDOW ABOVE.

EMOTICONS

STEPPED AWAY

HAND RAISE

POLL RESPON

SE

PARTICIPANT INTERACTION

Emoticons automatically disappear within seconds

Click once to step away, click again to

return

Click once to raise your hand, click again

to lower

CLOSED CAPTION

CAPTIONER ADDS ICON TO THE SESSION CLICK CC ICON TO VIEW CLOSED-CAPTIONING WINDOW

Make background and font changes here. Save closed captioning text by clicking dropdown and selecting save..

Each time you close the Closed-Captioning window a new transcript is started, so only the captions that were entered since the last time you opened the window will be saved.

Save Chat or Whiteboard

Dr. Lillian Payn

Design Crimes in Your Presentations and How to Solve Them

DESIGN CRIMES?

We don’t want to leave a trail of victims after our presentations. That would be a shame, since design crimes are avoidable.

In this presentation, you will…

In this presentation , you will…

Identify typical “law breaking” crimes.

Identify typical “law breaking” crimes. See the solutions that are pleasing to

the eye and deliver a strong message.

In this presentation , you will…

Identify typical “law breaking” crimes. See the solutions that are pleasing to

the eye and deliver a strong message. Identify visuals that

• …improve learning.

In this presentation , you will…

Identify typical “law breaking” crimes. See the solutions that are pleasing to

the eye and deliver a strong message. Identify visuals that

• …improve learning.

• …motivate learners.

In this presentation , you will…

Identify typical “law breaking” crimes. See the solutions that are pleasing to

the eye and deliver a strong message. Identify visuals that

• …improve learning.

• …motivate learners.

• …match visual to content.

In this presentation , you will…

Identify typical “law breaking” crimes. See the solutions that are pleasing to

the eye and deliver a strong message. Identify visuals that

• …improve learning.

• …motivate learners.

• …match visual to content. Learn “tips and techniques.”

In this presentation , you will…

EVIDENCE-BASED

Growing base of evidence through research that supports a “multimedia” approach:

Package our content. Improve learning and recall. Address learner individuality.

SURVEY

Do you regularly deliver presentations to your students (e.g., in the form of PowerPoint, Keynote, or other..)?

A. Yes

B. No

?

FONTS

Why are these on the “design crime" list? What would you do?

FONTS

Script Caps, Multiple Fonts, Crowding

BETTER!

TYPOGAPHY / LAYOUT

Why is this on the “design crime" list? What would you do?

TYPOGAPHY / LAYOUT

“Wall of Words,” Chunked, Guide eye, Layout, White space, Color

BETTER!

BULLETS

Why is this on the ”design crime" list? What would you do?

BULLETS

Alternative to bullets: thought bubbles, charts, schematics, layout

BETTER!

IMAGES

Why is this on the ”design crime" list? What would you do?

IMAGES

Use photos (not clip art), Contemporary look

BETTER!

CHARTS

Why is this on the “design crime" list? What would you do?

CHARTS

Busy detail, Proportional image sizing

BETTER!

CHARTS

Why is this on the “design crime" list? What would you do?

CHARTS

Reduce complexity, no “chart junk”

SUSPECTS ARRESTED BY TYPE OF DRUG

CHARTS

Why is this on the “design crime" list? What would you do?

CHARTS

Convert data to visualize with charts

BETTER!

SURVEY

Do you have a website for your courses and/or yourself?

A. Yes

B. No

?

WEBSITE

Websites

Please click on the image to go to the site.What do you recommend to improve the following pages?

http://www.aiseikai.or.jp

Websites

Please click on the image to go to the site.

http://www.anthem.com/

Websites

Please click on the image to go to the site.

http://www.tnteventsinc.com/

Websites

Please click on the image to go to the site.

http://www.gordonwaynewatts.com

Websites

Please click on the image to go to the site.

http://art.yale.edu/Login/

WEBSITE

TIPS

TIPS

TIPS

COLOR• Don’t make the screen too bright or

too dim.• Use bright colors for small areas,

light colors for large areas.• Use bright colors to emphasize, non-

bright to de-emphasize.• Provide visual cues. Use colors

to group items.

TIPS

COLOR• Emphasize separation with contrasting

colors (r/g).• Convey similarity with similar colors

(o/y).• Use desaturated or spectrum center

colors for text (y/g).• Use darker, spectrally extreme

colors for background (b/k).

TIPS

TIPS

TYPE PAIRS• Use Font Families:

HELVETICA BOLD with HELVETICA LIGHT

• Use San Serif with Serif: HELVETICA with PALATINO

TIPS

TIPS

Last row = H X 8 of the screen (8H). <

TIPS

SCREENS Well-designed screens require 20-25%

less time to read. Users have 25% less errors with well-

designed screens. Users spend 40% less time making

decisions with well-designed screens.

TIPS

SCREENS: Color Don’t count on a strong ability to

distinguish color. (Remember that over 25% of the population is color blind.)

Stay with basic colors that show on all monitors.

Don’t give users too much to remember; 5 organizational colors max.

TIPS

SCREENS: Color Keep common associations.

• Red=danger

• Yellow=warning

• Blue=cooler temperature Be consistent with color use.

TIPS

SCREENS: Color 2-COLOR COMBINATIONS

GOOD

• white/green

• gold/cyan

• gold/green

• green/magenta

POOR• red/blue• red/green• red/purple• white/yellow

TIPS

SCREENS: Color 3-COLOR COMBINATIONS

GOOD• white/gold/green

• white/gold/blue

• white/gold/magenta

• gold/lavender/green

POOR• yellow/red/green• red/blue/green• red/magenta/blue• white/cyan/yellow

TIPS

SCREENS: Graphics Every image should have a purpose. Graphics should have a consistent style. Align each image with something. Avoid tiny images with a lot of detail. Each graphic should fit entirely on a

screen. Avoid unnecessary embellishment.

TIPS

SCREENS: Typefaces Detailed fonts only work at very large

sizes. Medium weights work better than light

or very heavy fonts. Vertical and horizontal lines appear

sharper than diagonals and curves on a monitor.

TIPS

SCREENS: Typefaces Condensed fonts are difficult to read. Avoid script fonts. Reverse type is harder, more tiring

to read. All caps are harder to read.

(Short labels are OK in upper case).

TIPS

SCREENS: Typefaces Serifs are OK for body copy provided

they are large enough with short line lengths and more space between the lines.

Chunk text. Be kind to your reader. If it looks hard to

read, it is.

TIPS

SCREENS: Typefaces Serifs are OK for body copy provided

they are large enough with short line lengths and more space between the lines.

Chunk text. Be kind to your reader. If it looks hard to

read, it is.

RESOURCES

FONTS: Dafonthttp://http://www.dafont.com/

IMAGES: Presentation Zenhttp://presentationzen.blogs.com/presentationzen/2006/01/where_can_you_f.html

A HAPPY ENDNG! With your terrific presentations!

Lillian S. Payn, PhD— Academic Technology Coordinator

— Palomar College

lpayn.palomar.edu

760 / 744 -1150 ext. 3078

Q&A

Evaluation Survey Link

Help us improve our seminars by filling out a short online evaluation survey at:

https://www.surveymonkey.com/s/12Fa_DesignCrimes

62