Live versus Online Presentations A primer on visual literacy and best practices for live and online

1
Live versusOnline PresentationsA primer on
visual literacy and bestpractices for live and
online presentations

• J. D. Cole
• jcole_at_bridgeport.edu

2
Live versus Online

• Presentation types
• Slideware dos and donts
• Web-based delivery
• Graphics

3
Presentations
4
Law of Inverse Distance

• Display 1 / Distance

• Implications
• Live far ? low density graphical
• Online near ? high density textual

5
Slideware Challenger
6
Slideware
7
Slideware
8
Slideware
9
Slideware
10
Slideware
11
SlidewareColumbia
12
Slideware
http//www.edwardtufte.com/bboard/q-and-a-fetch-ms
g?msg_id0001yBtopic_id1
13
Slideware

• http//www.edwardtufte.com

14
Slideware
15
SlidewareDos and Donts

• Aspect

Landscape
Portrait
16
SlidewareDos and Donts

• Whitespace masterborder

17
SlidewareDos and Donts

• Fonts
• Non-serif (Arial, Tahoma, Verdana)
• 18-24 point minimum
• Do NOT use italic or script fonts

A
A
18
SlidewareDos and Donts

• Bullet points numbered lists
• Use progressive disclosure(rain-down effect)
• Obey the 6 by 6 Rule

19
SlidewareDos and Donts

• Background / Foreground Colors
• High contrast ratio
• Black text on white background optimal

20
SlidewareDos and Donts

• Slide master design
• Number all slides except 1st for reference(can
  also resort quickly if dropped)
• Put contact information on 1st (title)
  slide(eMail address adequate)
• K.I.S.S. (Keep It Simple Stupid)
• Minimize textMaximize graphics
• A picture is worth 1,000 words

21
SlidewareDos and Donts

• Multimedia
• Learning objects embedded text, graphics,
  sounds, animations, videos, hypermedia hot
  links
• Model Art History presentation

22
SlidewareDos and Donts

• Presentation
• Multiple formatsPPT, PDF, HTML, printed,
  transparencies
• Dont read your slides to the audience
• Distribute handouts with onerous details
• Arrive early to connect informally with audience
• Leave time for questions

23
Embedded iconography
24
Galileo
25
Exploded views
26
Exploded views
27
Information density
28
Web design

• Visualisthttp//www.webstyleguide.com
• Textualisthttp//philip.greenspun.com/panda
• Community Driven examples
• Photo.nethttp//www.photo.net
• Amazon.comhttp//www.amazon.com

29
Web Design

• Tools
• Pixel Rulerhttp//www.mioplanet.com/index.html
• ArsDigita Toolkit (Open Source)http//philip.gree
  nspun.com/wtr/using-the-acs.html

30
Page oriented (BU)
31
Site oriented (TD)
32
Graphics

• Ruth Clark
• Graphics are iconic expressions of content that
  are designed to optimize learning and performance
  .

33
Graphics
34
(No Transcript)
35
(No Transcript)
36
(No Transcript)
37
(No Transcript)
38
(No Transcript)