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