SlideShare a Scribd company logo
Creating Digital Resources
using Instructional Design
Principles
CJ Davison
NicholasYates
What are some digital
resources that you create
for your classes?
Cognitive Overload
Audio Visual
http://ecx.images-amazon.com/images/I/51ehLg1SElL._SL1000_.jpg
Input into our
working memory
http://talkvietnam.com/uploads/2012/10/danger-on-wheels-648902-overloaded.jpg
Cognitive Overload
Who has experienced cognitive
overload in their personal life?
Life as teacher? Life as student?
Multimedia Learning
Mayer (2001)
Multimedia Principles
(Clark and Mayer, 2011)
Multimedia
Principle
http://static.webshopapp.com/shops/022166/files/007608491/two-is-better-than-one.jpg
Modality Principle
Redundancy
Principle
http://vignette2.wikia.nocookie.net/uncyclopedia/images/d/df/Dord.png/revision/latest?cb=20060508193752
http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg
Coherence Principle
http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg
Image Principle
Multimedia
Principle
http://static.webshopapp.com/shops/022166/files/007608491/two-is-better-than-one.jpg
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
Multimedia Principle
Example 1
chess (n)
Flashcards
chess (n)
Flashcards
Multimedia Principle
Example 2
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
Multimedia Principle
Use images to support language development
but not as decoration
Modality Principle
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
• 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
Modality Principle
Example 1
Creating Digital Resources using Instructional Design Principles
Modality Principle
Example 2
Creating Digital Resources using Instructional Design Principles
Modality Principle
Use animation and narration simultaneously to
engage both inputs into working memory.
Redundancy Principle
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
• 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
Redundancy Principle
Example 1
Creating Digital Resources using Instructional Design Principles
Redundancy Principle
Example 2
Creating Digital Resources using Instructional Design Principles
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
http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg
Coherence Principle
• 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
Coherence Principle
Example 1
music from http://www.youtube.com/watch?v=qGXnBZxcz5Q
Coherence Principle
Example 2
Creating Digital Resources using Instructional Design Principles
Redundancy Principle
It is redundant to ask learners to read the text
and listen at the same time.
http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg
Image Principle
• 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
Image Principle
Example 1
Creating Digital Resources using Instructional Design Principles
Image Principle
Example 2
Creating Digital Resources using Instructional Design Principles
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
http://www.adweek.com/files/uploads/iStock-Unfinished-Business-2.jpg
Critical Discussion
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?
Storyboarding
Time to storyboard
your next digital resource
http://1.bp.blogspot.com/_J7taI5Y_H9I/S88HbxV0yiI/AAAAAAAAAQ0/dQuiQTPwe44/s1600/Part+of+Zigby_Ep-129+pg9-20_Page_02.jpg
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
Creating Digital Resources
using Instructional Design
Principles
CJ Davison
christina.davison@zu.ac.ae
NicholasYates
nicholas.yates@zu.ac.ae

More Related Content

PPTX
Technology infusion presentation
PPTX
Reclaiming Mobile Audio
PPT
We Oer Mite
PPT
Supplementing moodle with live and recorded webinars moodle moot2010
PPTX
Reconceptualising the e-learning SIG
PPTX
Ronelle Klinck final-AR webinar - 4 Aug 2016
PDF
Mun workshop-nov-1-2011
PPT
Flip Video Session
Technology infusion presentation
Reclaiming Mobile Audio
We Oer Mite
Supplementing moodle with live and recorded webinars moodle moot2010
Reconceptualising the e-learning SIG
Ronelle Klinck final-AR webinar - 4 Aug 2016
Mun workshop-nov-1-2011
Flip Video Session

Viewers also liked (6)

PPTX
The modality principle in multimedia learning edlt 520
PPTX
Marcus Thompson Multimedia Principle
PPT
Applying the Multimedia & Contiguity Principle
PPT
Multimedia development process
PPT
Instructional Design for Multimedia
PPTX
New Taxonomy of Educational Objectives
The modality principle in multimedia learning edlt 520
Marcus Thompson Multimedia Principle
Applying the Multimedia & Contiguity Principle
Multimedia development process
Instructional Design for Multimedia
New Taxonomy of Educational Objectives
Ad

Similar to Creating Digital Resources using Instructional Design Principles (20)

PPT
Rapid eLearning
PPTX
DLDA Global Meta-trends Impacting Education & Training -130213
PPTX
[Challenge:Future] Awesome.inc
KEY
Discover, Explore, Play, Learn, Love
PPTX
Designing Learning in the Digital Age - Global Meta-trends affecting Education
PPT
Creating the 21st Century Classroom
PDF
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
PPTX
I love free_nsta2010
PPTX
Transforming Educational Practice
KEY
Indicators research expo
PDF
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
PDF
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
PPTX
Digital Learning Design 100913
PPTX
Nov 5 PD video
PPTX
Technology Integration: Assistive Technology and Social Media
PDF
Important e learning skills
PDF
Important e learning skills
PPTX
Online teachingtools
PDF
E-learning design models - Primer for (educational) technologists
PPT
LEAP and Digital Learning at EanesISD
Rapid eLearning
DLDA Global Meta-trends Impacting Education & Training -130213
[Challenge:Future] Awesome.inc
Discover, Explore, Play, Learn, Love
Designing Learning in the Digital Age - Global Meta-trends affecting Education
Creating the 21st Century Classroom
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
I love free_nsta2010
Transforming Educational Practice
Indicators research expo
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
Digital Learning Design 100913
Nov 5 PD video
Technology Integration: Assistive Technology and Social Media
Important e learning skills
Important e learning skills
Online teachingtools
E-learning design models - Primer for (educational) technologists
LEAP and Digital Learning at EanesISD
Ad

More from Nick Yates (12)

PPTX
Online learning workshop TESOL Arabia 2015
PDF
TESOL Arabia 2015 online teaching workshop handout
PPTX
Yates m learncon 2014 san diego
PPTX
Yates tesol arabia m learning 2014 part 2
PPTX
Yates tesol arabia m learning 2014 part 1
PPT
Creativity on i os
PPT
Blended and distance learning pd days 2013
PPT
Mobile Learning and Technology Integration Strategies for the Dynamic Classroom
PDF
Contextualized, situated and sustainable professional development of mobile l...
PPT
Dawn of Creation: With Mobile Learning Technology and Language Learning Pedagogy
PPT
integrating TBL with iPads in academic writing tesol arabia 2013
PPT
21st century learning a discussion pd days dec 16-17
Online learning workshop TESOL Arabia 2015
TESOL Arabia 2015 online teaching workshop handout
Yates m learncon 2014 san diego
Yates tesol arabia m learning 2014 part 2
Yates tesol arabia m learning 2014 part 1
Creativity on i os
Blended and distance learning pd days 2013
Mobile Learning and Technology Integration Strategies for the Dynamic Classroom
Contextualized, situated and sustainable professional development of mobile l...
Dawn of Creation: With Mobile Learning Technology and Language Learning Pedagogy
integrating TBL with iPads in academic writing tesol arabia 2013
21st century learning a discussion pd days dec 16-17

Recently uploaded (20)

PDF
Computing-Curriculum for Schools in Ghana
PDF
Complications of Minimal Access Surgery at WLH
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PPTX
Cell Types and Its function , kingdom of life
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Lesson notes of climatology university.
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
RMMM.pdf make it easy to upload and study
PPTX
Cell Structure & Organelles in detailed.
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
master seminar digital applications in india
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
Computing-Curriculum for Schools in Ghana
Complications of Minimal Access Surgery at WLH
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Module 4: Burden of Disease Tutorial Slides S2 2025
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Chinmaya Tiranga quiz Grand Finale.pdf
Cell Types and Its function , kingdom of life
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Lesson notes of climatology university.
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
RMMM.pdf make it easy to upload and study
Cell Structure & Organelles in detailed.
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
human mycosis Human fungal infections are called human mycosis..pptx
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Pharma ospi slides which help in ospi learning
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
master seminar digital applications in india
STATICS OF THE RIGID BODIES Hibbelers.pdf

Creating Digital Resources using Instructional Design Principles