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 enh...
Graceful Degradation

HTML +
CSS + JS

HTML +
CSS

HTML
Graceful Degradation

HTML +
CSS + JS
Progressive Enhancement

HTML

HTML +
CSS

HTML +
CSS + JS
Graceful Degradation for Media

Video

Text +
Images

Text
Graceful Degradation for Media

Video
Transcript
Progressive Enhancement for Media

Text

Text +
Images

Video
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.
POWERPOINT
IS NOT A
TELEPROMPTER.
POWERPOINT
IS NOT A
LECTURE
TRANSCRIPT.
The average college
student reads at…

The average professional
speaks at…

250-350 150-175
…words per minute.

…words per...
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://edud...
Source: In course survey of LST 370 SP12 students.
POWERPOINT

IS NOT

YOU
BOB ROSS
It’s not about the landscapes. It’s about the happy little trees.
Text first!
Simple
Images
Video &
Interactive
VIDEOS ARE

moving
PICTURES!
VIDEOS ARE

moving
PICTURES!
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

Text

Text +
Images

Video
Text First! Progressive Enhancement for Multimedia Content
Text First! Progressive Enhancement for Multimedia Content
Text First! Progressive Enhancement for Multimedia Content
Text First! Progressive Enhancement for Multimedia Content
Upcoming SlideShare
Loading in …5
×

Text First! Progressive Enhancement for Multimedia Content

4,459 views

Published on

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,459
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Text First! Progressive Enhancement for Multimedia Content

  1. 1. Text First! Applying Progressive Enhancement to Multimedia Content
  2. 2. “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
  3. 3. Graceful Degradation HTML + CSS + JS HTML + CSS HTML
  4. 4. Graceful Degradation HTML + CSS + JS
  5. 5. Progressive Enhancement HTML HTML + CSS HTML + CSS + JS
  6. 6. Graceful Degradation for Media Video Text + Images Text
  7. 7. Graceful Degradation for Media Video Transcript
  8. 8. Progressive Enhancement for Media Text Text + Images Video
  9. 9. 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.
  10. 10. POWERPOINT IS NOT A TELEPROMPTER.
  11. 11. POWERPOINT IS NOT A LECTURE TRANSCRIPT.
  12. 12. 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
  13. 13. 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/
  14. 14. Source: In course survey of LST 370 SP12 students.
  15. 15. POWERPOINT IS NOT YOU
  16. 16. BOB ROSS It’s not about the landscapes. It’s about the happy little trees.
  17. 17. Text first! Simple Images Video & Interactive
  18. 18. VIDEOS ARE moving PICTURES!
  19. 19. VIDEOS ARE moving PICTURES!
  20. 20. 3 VIDEO TYPES NOT TO DO 1. 2. 3.
  21. 21. 3 VIDEO TYPES NOT TO DO 1. Low-impact/short-shelf life. 2. 3.
  22. 22. 3 VIDEO TYPES NOT TO DO 1. Low-impact/short-shelf life. 2. Guest speaker at a live event. 3.
  23. 23. 3 VIDEO TYPES NOT TO DO 1. Low-impact/short-shelf life. 2. Guest speaker at a live event. 3. A lecture, verbatim.
  24. 24. How should you convert an hour-long video for use on the Web?
  25. 25. • Chunk into single concepts • Use a variety of media • Include activities
  26. 26. What media types can you use to help your audience visualize a concept, process, or complex configuration?
  27. 27. • Series of images • Interactive diagram • Video
  28. 28. Why is video a good way to introduce new faculty?
  29. 29. Audiences can have an affective (emotional) response to videos.
  30. 30. Progressive Enhancement for Media Text Text + Images Video

×