Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Text First! Progressive Enhancement for Multimedia Content

  • Login to see the comments

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

×