Design Crimes in Your Presentations 
 and How to Solve Them Dr. Lillian Payn

October 17, 2012

For audio call Toll Free 1-888-886-3951 and use PIN/code 143250

    ! 

 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.  

   

   

 

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

EMOTICONS Emoticons automatically disappear within seconds

STEPPED Click once to step Aclick WAY

to away, again return

HAND Click once to raise your Rclick AISE

to hand, again lower

POLL

RESPONSE

CAPTIONER ADDS ICON TO THE SESSION CLICK CC ICON TO VIEW CLOSEDCAPTIONING WINDOW

Make  background  and  font  changes  here.  

Save  closed  cap7oning  text  by   clicking  dropdown  and  selec7ng   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  

Design Crimes in Your Presentations 
 and How to Solve Them Dr. Lillian Payn

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.

In this presentation , you will… §  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.”

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

BE

! R E TT

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

R! E T BET

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

BULLETS §  Alternative to bullets: thought bubbles, charts, schematics, layout

R! E T BET

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

IMAGES §  Use photos (not clip art), Contemporary look

BE

! R E TT

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

CHARTS §  Busy detail, Proportional image sizing

BE

! R E TT

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

R! E T BET

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, nonbright 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 welldesigned 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: Dafont http://http://www.dafont.com/ §  IMAGES: Presentation Zen http://presentationzen.blogs.com/ presentationzen/2006/01/ where_can_you_f.html

A HAPPY ENDNG!

With your terrific presentations!

Q&A Lillian S. Payn, PhD — Academic Technology Coordinator — Palomar College

lpayn.palomar.edu 760 / 744 -1150 ext. 3078

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