1. Text First!
Applying Progressive Enhancement to
Multimedia Content

3. “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

4. Graceful Degradation
HTML +
CSS + JS
HTML +
CSS
HTML

5. Graceful Degradation
HTML +
CSS + JS

6. Progressive Enhancement
HTML
HTML +
CSS
HTML +
CSS + JS

7. Graceful Degradation for Media
Video
Text +
Images
Text

8. Graceful Degradation for Media
Video
Transcript

9. Progressive Enhancement for Media
Text
Text +
Images
Video

10. SWISS ARMY KNIFE
It may not be the best tool for the job,
but it’s what I have handy and I can use it for many things.

11. POWERPOINT
IS NOT A
TELEPROMPTER.

12. POWERPOINT
IS NOT A
LECTURE
TRANSCRIPT.

13. The average college
student reads at…
The average professional
speaks at…
250-350 150-175
…words per minute.
…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

14. Bueller? Bueller?
100
89
67
50
50
0
9
0:00:10
0:00:30
Percent Still Watching
0:01:00
0:05:00
Source: http://edudemic.com/2013/01/professors-tedx-talk-shares-why-we-need-teachers/

15. Source: In course survey of LST 370 SP12 students.

16. POWERPOINT
IS NOT
YOU

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

18. Text first!
Simple
Images
Video &
Interactive

19. VIDEOS ARE
moving
PICTURES!

20. VIDEOS ARE
moving
PICTURES!

21. 3 VIDEO TYPES NOT TO DO
1.
2.
3.

22. 3 VIDEO TYPES NOT TO DO
1. Low-impact/short-shelf life.
2.
3.

23. 3 VIDEO TYPES NOT TO DO
1. Low-impact/short-shelf life.
2. Guest speaker at a live event.
3.

25. 3 VIDEO TYPES NOT TO DO
1. Low-impact/short-shelf life.
2. Guest speaker at a live event.
3. A lecture, verbatim.

27. How should you convert an
hour-long video for use on the
Web?

28. • Chunk into single concepts
• Use a variety of media
• Include activities

29. What media types can you use
to help your audience visualize
a concept, process, or complex
configuration?

30. • Series of images
• Interactive diagram
• Video

31. Why is video a good way to
introduce new faculty?

32. Audiences can have an affective
(emotional) response to videos.

33. Progressive Enhancement for Media
Text
Text +
Images
Video