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.

Creating Digital Resources using Instructional Design Principles

1,143 views

Published on

Creating Digital Resources using Instructional Design Principles at TESOL Arabia 2015

Published in: Education
  • Be the first to comment

Creating Digital Resources using Instructional Design Principles

  1. 1. Creating Digital Resources using Instructional Design Principles CJ Davison NicholasYates
  2. 2. What are some digital resources that you create for your classes?
  3. 3. Cognitive Overload
  4. 4. Audio Visual http://ecx.images-amazon.com/images/I/51ehLg1SElL._SL1000_.jpg Input into our working memory
  5. 5. http://talkvietnam.com/uploads/2012/10/danger-on-wheels-648902-overloaded.jpg Cognitive Overload
  6. 6. Who has experienced cognitive overload in their personal life? Life as teacher? Life as student?
  7. 7. Multimedia Learning
  8. 8. Mayer (2001)
  9. 9. Multimedia Principles (Clark and Mayer, 2011)
  10. 10. Multimedia Principle http://static.webshopapp.com/shops/022166/files/007608491/two-is-better-than-one.jpg
  11. 11. Modality Principle
  12. 12. Redundancy Principle http://vignette2.wikia.nocookie.net/uncyclopedia/images/d/df/Dord.png/revision/latest?cb=20060508193752
  13. 13. http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg Coherence Principle
  14. 14. http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg Image Principle
  15. 15. Multimedia Principle http://static.webshopapp.com/shops/022166/files/007608491/two-is-better-than-one.jpg
  16. 16. Multimedia Principle • Static images encourage: • Visual representations • mental connections • Use when instructional • demonstrations • definitions • procedures • relationships • Don’t use as decoration! People learn better from words and pictures than from words alone http://www.bohodaily.com/wp-content/uploads/2014/07/kiyasa.jpg
  17. 17. Multimedia Principle Example 1
  18. 18. chess (n) Flashcards
  19. 19. chess (n) Flashcards
  20. 20. Multimedia Principle Example 2
  21. 21. Food trucks have become popular in the UAE. Present Perfect Grammar http://dubaicity.motivate.netdna-cdn.com/dubai/wp-content/uploads/2014/12/Salt1.jpg
  22. 22. Multimedia Principle Use images to support language development but not as decoration
  23. 23. Modality Principle
  24. 24. Modality Principle Animation Narration Animation On ScreenText http://melissaruhl.org/wp-content/uploads/2012/11/Aha.png http://www.butyoudontlooksick.com/tcS3_media/uploads/2011/07/brain-fog.jpg
  25. 25. • Refers to simultaneous delivery • Reduce overload & strain • Deeper learning from speech • Can increase production time of resources Modality Principle People learn better from animation and narration than from animation and on-screen text http://i.ytimg.com/vi/YFYErT0lZvw/hqdefault.jpg
  26. 26. Modality Principle Example 1
  27. 27. Modality Principle Example 2
  28. 28. Modality Principle Use animation and narration simultaneously to engage both inputs into working memory.
  29. 29. Redundancy Principle
  30. 30. Redundancy Principle Animation Narration Animation + Narration On ScreenText http://melissaruhl.org/wp-content/uploads/2012/11/Aha.png http://www.butyoudontlooksick.com/tcS3_media/uploads/2011/07/brain-fog.jpg
  31. 31. • Relates to repetitive delivery of same info as text and narration • Refers to simultaneous delivery • Reduce overload & strain • Deeper learning from speech • Can increase production time of resources Redundancy Principle People learn better from animation and narration than from animation, narration and on-screen text http://i.ytimg.com/vi/YFYErT0lZvw/hqdefault.jpg
  32. 32. Redundancy Principle Example 1
  33. 33. Redundancy Principle Example 2
  34. 34. Exceptions to the modality and redundancy principles… Can include text when • learners need vocabulary support • including text adds value Can narrate on screen text when • emphasising or reinforcing points • focusing on challenging language • demonstrating pronunciation http://www.comments20.com/wp-content/uploads/2012/02/yellow-rose-red-roses-widescreen-wallpaper-1.jpg
  35. 35. http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg Coherence Principle
  36. 36. • Delete anything irrelevant to instructional objective • Why? • Distraction • Disruption • Seduction • Shorter Coherence Principle People learn better when extraneous words, pictures, and sounds are excluded rather than included. http://www.ucira.ucsb.edu/wp-content/files_flutter/13352998137777124.28.jpg
  37. 37. Coherence Principle Example 1
  38. 38. music from http://www.youtube.com/watch?v=qGXnBZxcz5Q
  39. 39. Coherence Principle Example 2
  40. 40. Redundancy Principle It is redundant to ask learners to read the text and listen at the same time.
  41. 41. http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg Image Principle
  42. 42. • Don’t distract from instructional material • Focus on • Language • Listening, not watching Image Principle People do not necessarily learn better from a multimedia lesson when the speaker’s image is added to the screen http://www.ucira.ucsb.edu/wp-content/files_flutter/13352998137777124.28.jpg
  43. 43. Image Principle Example 1
  44. 44. Image Principle Example 2
  45. 45. Exceptions to the image principle… Can include image of self when • learners need visual support • including image / gestures / body language adds instructional value • demonstrating pronunciation http://s3-eu-west-1.amazonaws.com/storage.prezly.com/cd/adf2e0c31b11e4a11371052ba1b994/Fly-with-Me-Monsters-1.jpg
  46. 46. http://www.adweek.com/files/uploads/iStock-Unfinished-Business-2.jpg Critical Discussion
  47. 47. How relevant are these to ESL digital resources? How would you design resources differently now? How much of an impact would these have on your resource design and development?
  48. 48. Storyboarding Time to storyboard your next digital resource
  49. 49. http://1.bp.blogspot.com/_J7taI5Y_H9I/S88HbxV0yiI/AAAAAAAAAQ0/dQuiQTPwe44/s1600/Part+of+Zigby_Ep-129+pg9-20_Page_02.jpg
  50. 50. References Clark, R., & Mayer, R. (2011). E-learning and the science of instruction : Proven guidelines for consumers and designers of multimedia learning (3rd ed.). San Francisco, CA: Pfeiffer. Mayer, R. (2001). Multimedia Learning. Cambridge, UK: Cambridge University Press Sweller, J. (1994). Cognitive load theory, learning difficulty, and instructional design . Learning and Instruction, 4, 292-312 Sweller, J.,Ayres, P., & Kalyuga, S. (2011). Cognitive LoadTheory (Explorations in the Learning Sciences, Instructional Systems and PerformanceTechnologies).NewYork: Springer Education
  51. 51. Creating Digital Resources using Instructional Design Principles CJ Davison christina.davison@zu.ac.ae NicholasYates nicholas.yates@zu.ac.ae

×