creating digital resources using instructional design principles

58
Creating Digital Resources using Instructional Design Principles CJ Davison Nicholas Yates

Upload: nick-yates

Post on 15-Jul-2015

178 views

Category:

Education


6 download

TRANSCRIPT

Page 1: Creating Digital Resources using Instructional Design Principles

Creating Digital Resources using Instructional Design

Principles CJ Davison

Nicholas Yates

Page 2: Creating Digital Resources using Instructional Design Principles

What are some digital resources that you create

for your classes?

Page 3: Creating Digital Resources using Instructional Design Principles

Cognitive Overload

Page 4: Creating Digital Resources using Instructional Design Principles

Audio Visual

http://ecx.images-amazon.com/images/I/51ehLg1SElL._SL1000_.jpg

Input into our working memory

Page 5: Creating Digital Resources using Instructional Design Principles

http://talkvietnam.com/uploads/2012/10/danger-on-wheels-648902-overloaded.jpg

Cognitive Overload

Page 6: Creating Digital Resources using Instructional Design Principles

Who has experienced cognitive overload in their personal life? Life as teacher? Life as student?

Page 7: Creating Digital Resources using Instructional Design Principles

Multimedia Learning

Page 8: Creating Digital Resources using Instructional Design Principles

Mayer (2001)

Page 9: Creating Digital Resources using Instructional Design Principles

Multimedia Principles (Clark and Mayer, 2011)

Page 10: Creating Digital Resources using Instructional Design Principles

Multimedia Principle

http://static.webshopapp.com/shops/022166/files/007608491/two-is-better-than-one.jpg

Page 11: Creating Digital Resources using Instructional Design Principles

Modality Principle

Page 12: Creating Digital Resources using Instructional Design Principles

Redundancy Principle

http://vignette2.wikia.nocookie.net/uncyclopedia/images/d/df/Dord.png/revision/latest?cb=20060508193752

Page 13: Creating Digital Resources using Instructional Design Principles

http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpgCoherence Principle

Page 14: Creating Digital Resources using Instructional Design Principles

http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg

Image Principle

Page 15: Creating Digital Resources using Instructional Design Principles

Multimedia Principle

http://static.webshopapp.com/shops/022166/files/007608491/two-is-better-than-one.jpg

Page 16: Creating Digital Resources using Instructional Design Principles

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

Page 17: Creating Digital Resources using Instructional Design Principles

Multimedia PrincipleExample 1

Page 18: Creating Digital Resources using Instructional Design Principles

chess (n)

Flashcards

Page 19: Creating Digital Resources using Instructional Design Principles

chess (n)

Flashcards

Page 20: Creating Digital Resources using Instructional Design Principles

Multimedia PrincipleExample 2

Page 21: Creating Digital Resources using Instructional Design Principles

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

Page 22: Creating Digital Resources using Instructional Design Principles

Multimedia PrincipleUse images to support language development

but not as decoration

Page 23: Creating Digital Resources using Instructional Design Principles

Modality Principle

Page 24: Creating Digital Resources using Instructional Design Principles

Modality PrincipleAnimationNarration

AnimationOn Screen Text

http://melissaruhl.org/wp-content/uploads/2012/11/Aha.pnghttp://www.butyoudontlooksick.com/tcS3_media/uploads/2011/07/brain-fog.jpg

Page 25: Creating Digital Resources using Instructional Design Principles

• Refers to simultaneous delivery

• Reduce overload & strain

• Deeper learning from speech

• Can increase production time of resources

Modality PrinciplePeople learn better from animation and narration than from

animation and on-screen text

http://i.ytimg.com/vi/YFYErT0lZvw/hqdefault.jpg

Page 26: Creating Digital Resources using Instructional Design Principles

Modality PrincipleExample 1

Page 27: Creating Digital Resources using Instructional Design Principles
Page 28: Creating Digital Resources using Instructional Design Principles

Modality PrincipleExample 2

Page 29: Creating Digital Resources using Instructional Design Principles
Page 30: Creating Digital Resources using Instructional Design Principles

Modality PrincipleUse animation and narration simultaneously to

engage both inputs into working memory.

Page 31: Creating Digital Resources using Instructional Design Principles

Redundancy Principle

Page 32: Creating Digital Resources using Instructional Design Principles

Redundancy PrincipleAnimationNarration

Animation+ Narration

On Screen Text

http://melissaruhl.org/wp-content/uploads/2012/11/Aha.pnghttp://www.butyoudontlooksick.com/tcS3_media/uploads/2011/07/brain-fog.jpg

Page 33: Creating Digital Resources using Instructional Design Principles

• 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 PrinciplePeople learn better from animation and narration than from

animation, narration and on-screen text

http://i.ytimg.com/vi/YFYErT0lZvw/hqdefault.jpg

Page 34: Creating Digital Resources using Instructional Design Principles

Redundancy PrincipleExample 1

Page 35: Creating Digital Resources using Instructional Design Principles
Page 36: Creating Digital Resources using Instructional Design Principles

Redundancy PrincipleExample 2

Page 37: Creating Digital Resources using Instructional Design Principles
Page 38: 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

Page 39: Creating Digital Resources using Instructional Design Principles

http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpgCoherence Principle

Page 40: Creating Digital Resources using Instructional Design Principles

• Delete anything irrelevant to instructional objective

• Why?

• Distraction

• Disruption

• Seduction

• Shorter

Coherence PrinciplePeople 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

Page 41: Creating Digital Resources using Instructional Design Principles

Coherence PrincipleExample 1

Page 42: Creating Digital Resources using Instructional Design Principles

music from http://www.youtube.com/watch?v=qGXnBZxcz5Q

Page 43: Creating Digital Resources using Instructional Design Principles

Coherence PrincipleExample 2

Page 44: Creating Digital Resources using Instructional Design Principles
Page 45: Creating Digital Resources using Instructional Design Principles

Redundancy PrincipleIt is redundant to ask learners to read the text

and listen at the same time.

Page 46: Creating Digital Resources using Instructional Design Principles

http://static.guim.co.uk/sys-images/Guardian/Pix/audio/video/2013/10/29/1383044174700/A-Pixar-illustration-that-010.jpg

Image Principle

Page 47: Creating Digital Resources using Instructional Design Principles

• Don’t distract from instructional material

• Focus on

• Language

• Listening, not watching

Image PrinciplePeople 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

Page 48: Creating Digital Resources using Instructional Design Principles

Image PrincipleExample 1

Page 49: Creating Digital Resources using Instructional Design Principles
Page 50: Creating Digital Resources using Instructional Design Principles

Image PrincipleExample 2

Page 51: Creating Digital Resources using Instructional Design Principles
Page 52: 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

Page 53: Creating Digital Resources using Instructional Design Principles

http://www.adweek.com/files/uploads/iStock-Unfinished-Business-2.jpg

Critical Discussion

Page 54: Creating Digital Resources using Instructional Design Principles

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?

Page 55: Creating Digital Resources using Instructional Design Principles

StoryboardingTime to storyboard

your next digital resource

Page 56: Creating Digital Resources using Instructional Design Principles

http://1.bp.blogspot.com/_J7taI5Y_H9I/S88HbxV0yiI/AAAAAAAAAQ0/dQuiQTPwe44/s1600/Part+of+Zigby_Ep-129+pg9-20_Page_02.jpg

Page 57: Creating Digital Resources using Instructional Design Principles

ReferencesClark, 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 PressSweller, J. (1994). Cognitive load theory, learning difficulty, and instructional design . Learning and Instruction, 4, 292-312Sweller, J., Ayres, P., & Kalyuga, S. (2011). Cognitive Load Theory (Explorations in the Learning Sciences, Instructional Systems and Performance Technologies).New York: Springer Education

Page 58: Creating Digital Resources using Instructional Design Principles

Creating Digital Resources using Instructional Design

Principles CJ Davison

[email protected]

Nicholas [email protected]