SlideShare ist ein Scribd-Unternehmen logo
1 von 58
Downloaden Sie, um offline zu lesen
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
Modality Principle
Example 2
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
Redundancy Principle
Example 2
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
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
Image Principle
Example 2
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

Weitere ähnliche Inhalte

Andere mochten auch (6)

The modality principle in multimedia learning edlt 520
The modality principle in multimedia learning edlt 520The modality principle in multimedia learning edlt 520
The modality principle in multimedia learning edlt 520
 
Marcus Thompson Multimedia Principle
Marcus Thompson Multimedia PrincipleMarcus Thompson Multimedia Principle
Marcus Thompson Multimedia Principle
 
Applying the Multimedia & Contiguity Principle
Applying the Multimedia & Contiguity PrincipleApplying the Multimedia & Contiguity Principle
Applying the Multimedia & Contiguity Principle
 
Multimedia development process
Multimedia development processMultimedia development process
Multimedia development process
 
Instructional Design for Multimedia
Instructional Design for MultimediaInstructional Design for Multimedia
Instructional Design for Multimedia
 
New Taxonomy of Educational Objectives
New Taxonomy of Educational ObjectivesNew Taxonomy of Educational Objectives
New Taxonomy of Educational Objectives
 

Ähnlich wie Creating Digital Resources using Instructional Design Principles

[Challenge:Future] Awesome.inc
[Challenge:Future] Awesome.inc[Challenge:Future] Awesome.inc
[Challenge:Future] Awesome.inc
Challenge:Future
 
Discover, Explore, Play, Learn, Love
Discover, Explore, Play, Learn, LoveDiscover, Explore, Play, Learn, Love
Discover, Explore, Play, Learn, Love
Anthony Molaro
 

Ähnlich wie Creating Digital Resources using Instructional Design Principles (20)

Rapid eLearning
Rapid eLearning Rapid eLearning
Rapid eLearning
 
DLDA Global Meta-trends Impacting Education & Training -130213
DLDA Global Meta-trends Impacting Education & Training -130213DLDA Global Meta-trends Impacting Education & Training -130213
DLDA Global Meta-trends Impacting Education & Training -130213
 
[Challenge:Future] Awesome.inc
[Challenge:Future] Awesome.inc[Challenge:Future] Awesome.inc
[Challenge:Future] Awesome.inc
 
Discover, Explore, Play, Learn, Love
Discover, Explore, Play, Learn, LoveDiscover, Explore, Play, Learn, Love
Discover, Explore, Play, Learn, Love
 
Designing Learning in the Digital Age - Global Meta-trends affecting Education
Designing Learning in the Digital Age - Global Meta-trends affecting EducationDesigning Learning in the Digital Age - Global Meta-trends affecting Education
Designing Learning in the Digital Age - Global Meta-trends affecting Education
 
Creating the 21st Century Classroom
Creating the 21st Century ClassroomCreating the 21st Century Classroom
Creating the 21st Century Classroom
 
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
 
I love free_nsta2010
I love free_nsta2010I love free_nsta2010
I love free_nsta2010
 
Transforming Educational Practice
Transforming Educational PracticeTransforming Educational Practice
Transforming Educational Practice
 
Indicators research expo
Indicators research expoIndicators research expo
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 ...How to integrate Augmented Reality successfully in your classroom by Ronelle ...
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
 
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
How to integrate Augmented Reality successfully in your classroom by Ronelle ...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
Digital Learning Design 100913Digital Learning Design 100913
Digital Learning Design 100913
 
Nov 5 PD video
Nov 5 PD videoNov 5 PD video
Nov 5 PD video
 
Technology Integration: Assistive Technology and Social Media
Technology Integration: Assistive Technology and Social MediaTechnology Integration: Assistive Technology and Social Media
Technology Integration: Assistive Technology and Social Media
 
Important e learning skills
Important e learning skills Important e learning skills
Important e learning skills
 
Important e learning skills
Important e learning skillsImportant e learning skills
Important e learning skills
 
Online teachingtools
Online teachingtoolsOnline teachingtools
Online teachingtools
 
E-learning design models - Primer for (educational) technologists
E-learning design models - Primer for (educational) technologistsE-learning design models - Primer for (educational) technologists
E-learning design models - Primer for (educational) technologists
 
LEAP and Digital Learning at EanesISD
LEAP and Digital Learning at EanesISDLEAP and Digital Learning at EanesISD
LEAP and Digital Learning at EanesISD
 

Mehr von Nick Yates

TESOL Arabia 2015 online teaching workshop handout
TESOL Arabia 2015 online teaching workshop handoutTESOL Arabia 2015 online teaching workshop handout
TESOL Arabia 2015 online teaching workshop handout
Nick Yates
 
Yates m learncon 2014 san diego
Yates m learncon 2014 san diegoYates m learncon 2014 san diego
Yates m learncon 2014 san diego
Nick Yates
 
Creativity on i os
Creativity on i osCreativity on i os
Creativity on i os
Nick Yates
 
Blended and distance learning pd days 2013
Blended and distance learning pd days 2013Blended and distance learning pd days 2013
Blended and distance learning pd days 2013
Nick Yates
 
integrating TBL with iPads in academic writing tesol arabia 2013
integrating TBL with iPads in academic writing tesol arabia 2013integrating TBL with iPads in academic writing tesol arabia 2013
integrating TBL with iPads in academic writing tesol arabia 2013
Nick Yates
 
21st century learning a discussion pd days dec 16-17
21st century learning   a discussion pd days dec 16-1721st century learning   a discussion pd days dec 16-17
21st century learning a discussion pd days dec 16-17
Nick Yates
 

Mehr von Nick Yates (12)

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

Kürzlich hochgeladen

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Kürzlich hochgeladen (20)

Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 

Creating Digital Resources using Instructional Design Principles