Text First! Progressive Enhancement for Multimedia Content

Text First!Applying Progressive Enhancement to

Multimedia Content

“Progressive Enhancement builds

documents for the least capable or

differently capable devices first, then

moves on to enhance … in ways that

don't place an undue burden on

baseline devices but which allow a

richer experience for those users with

modern graphical browser software.”

— Steven Champeon

Graceful Degradation

HTMLHTML +

CSSHTML + CSS + JS

Graceful Degradation

HTML + CSS + JS

Progressive Enhancement

HTMLHTML +

CSSHTML + CSS + JS

Graceful Degradation for Media

TextText +

ImagesVideo

Graceful Degradation for Media

TranscriptVideo

Progressive Enhancement for Media

TextText +

ImagesVideo

SWISS ARMY KNIFEIt may not be the best tool for the job,

but it’s what I have handy and I can use it for many things.

POWERPOINT

IS NOT A

TELEPROMPTER.

POWERPOINT

IS NOT A

LECTURE

TRANSCRIPT.

The average college

student reads at…

250-350…words per minute.

The average professional

speaks at…

150-175…words per minute.

Sources: • Ziefle, M. (1998), Effects of display resolution on visual performance, Human Factors, 40(4),

555–568.• Williams, J. R. (1998). Guidelines for the use of multimedia in instruction, Proceedings of the

Human Factors and Ergonomics Society 42nd Annual Meeting, 1447–1451

0

50

100

0:00:100:00:30

0:01:000:05:00

89

67

50

9

Percent Still Watching

Bueller? Bueller?

Source: http://edudemic.com/2013/01/professors-tedx-talk-shares-why-we-need-teachers/

Source: In course survey of LST 370 SP12 students.

POWERPOINT

IS NOT YOU

BOB ROSSIt’s not about the landscapes. It’s about the happy little trees.

Text first!Simple Images

Video & Interactive

VIDEOS ARE

movingPICTURES!

VIDEOS ARE

movingPICTURES!

3 VIDEO TYPES NOT TO DO

1.

2.

3.

3 VIDEO TYPES NOT TO DO

1. Low-impact/short-shelf life.

2.

3.

3 VIDEO TYPES NOT TO DO

1. Low-impact/short-shelf life.

2. Guest speaker at a live event.

3.

3 VIDEO TYPES NOT TO DO

1. Low-impact/short-shelf life.

2. Guest speaker at a live event.

3. A lecture, verbatim.

How should you convert an

hour-long video for use on the

Web?

• Chunk into single concepts

• Use a variety of media

• Include activities

What media types can you use

to help your audience visualize

a concept, process, or complex

configuration?

• Series of images

• Interactive diagram

• Video

Why is video a good way to

introduce new faculty?

Audiences can have an affective

(emotional) response to videos.

Progressive Enhancement for Media

TextText +

ImagesVideo