how multimedia impacts learning - nercomp · 31 graphics and images for learning key points: use...
TRANSCRIPT
![Page 1: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/1.jpg)
How Multimedia Design
Impacts the Learning Experience
Mark Fazioli, ABDCT Distance Learning Consortium
http://ctdlc.org/
NERCOMP Blackboard-WebCT Users Group SIG - 5/13/2008
![Page 2: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/2.jpg)
2
Agenda
• Outline basic theory and principles of using
multimedia in learning
• Address some elements of multimedia design:
– Graphics
– Text
– Alignment
• Goal: maximize potential for student learning
through good practices.
![Page 3: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/3.jpg)
3
Warm-up
Why do you think multimedia design impacts learning?
![Page 4: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/4.jpg)
4
Warm-up
Why do you
think multimedia design impacts
learning?
![Page 5: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/5.jpg)
Basic Principles
![Page 6: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/6.jpg)
6
What is the Multimedia Principle?
• The theory developed by Dr. Richard Mayer that
people learn better from words and graphics
than words alone.
![Page 7: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/7.jpg)
7
What is (are) multimedia?
• The combination of audio, graphics, video, and
text delivered via electronic means.
![Page 8: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/8.jpg)
8
What is (are) multimedia?
Why is the use of multimedia desirable in online
instruction?
![Page 9: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/9.jpg)
9
Four learning styles
1. Visual-Verbal
2. Visual-Nonverbal
3. Auditory-Verbal
4. Tactile-Kinesthetic
Gagne, R. M., Golas, K. C., Keller, J. M., & Wager, W. W. (2005). Principles of instructional design
(5th ed.). California: Wadsworth/Thomson Learning.
![Page 10: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/10.jpg)
10
Learning styles
Visual-verbal learning style:
• Visual-verbal learners retain instruction best when the
content or information is presented visually as well as
textually.
A 4.3
B 3.7
C 2.5
D 2.1
E 3.2
![Page 11: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/11.jpg)
11
Learning styles
Visual-nonverbal learning style:
• Visual-nonverbal learners retain instruction best when
the content or information is presented visually in a
picture or diagram format.
![Page 12: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/12.jpg)
12
Learning styles
Auditory-verbal learning style:
• The auditory-verbal learner retains the instruction best
when it is presented in a oral language method.
![Page 13: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/13.jpg)
13
Learning styles
Tactile-kinesthetic learning style:
• The tactile-kinesthetic learner retains the instruction best
when he/she is physically engaged in the activity or
lesson.
![Page 14: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/14.jpg)
Visual Literacy
![Page 15: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/15.jpg)
15
What is visual literacy?
• Visual literacy is the ability to create and
interpret visual messages that convey meaning.
“A picture is worth a thousand words”
![Page 16: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/16.jpg)
16
Art and science
How do art and science contribute to visual literacy?
![Page 17: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/17.jpg)
17
Art and science
Art includes:
• Historic paintings such as the Mona Lisa
![Page 18: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/18.jpg)
18
Art and science
Art includes:
• Powerful writings: fine literature, poetry,
children’s books
![Page 19: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/19.jpg)
19
Art and science
Science includes:
• Understanding of behaviors: how the mind
processes information and stores it as data for
long-term memory.
![Page 20: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/20.jpg)
20
The educator’s role
• Educators must mirror and apply elements of art
and science together to create effective
instruction.
![Page 21: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/21.jpg)
21
Behaviors of visual literacy
What should a visually literate person be able to do?
✓ Interpret, understand, and value the meaning of visual
messages
✓ Communicate effectively by applying the basic principles
and concepts of visual design
✓ Develop visual messages using different types of
multimedia and technology
✓ Incorporate visual thinking in order to conceptualize
solutions to problems
![Page 22: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/22.jpg)
Graphics and Images for Learning
![Page 23: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/23.jpg)
23
Graphics and images for learning
What does it mean to use graphics “instructionally?”
![Page 24: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/24.jpg)
24
Six functions of instructional graphics
1. Decorative
2. Representational
3. Organizational
4. Interpretational
5. Mnemonic
6. Relational
![Page 25: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/25.jpg)
25
Functions of instructional graphics
• Decorative graphics
![Page 26: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/26.jpg)
26
Functions of instructional graphics
• Representational graphics
![Page 27: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/27.jpg)
27
Functions of instructional graphics
• Organizational graphics
![Page 28: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/28.jpg)
28
Functions of instructional graphics
• Interpretational graphics
![Page 29: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/29.jpg)
29
Functions of instructional graphics
• Mnemonic graphics
![Page 30: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/30.jpg)
30
Functions of instructional graphics
• Relational graphics
![Page 31: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/31.jpg)
31
Graphics and images for learning
Key points:
➢ Use arrows or other objects to direct the learner’s
attention to important information or elements in the
instruction
➢ Visual elements should always retrieve relevant prior
knowledge to reinforce information
➢ Use graphics/images properly to build long-term memory
and to create motivational presence to enable learners to
achieve their learning goal.
![Page 32: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/32.jpg)
32
Activity 1
Refer to activity sheet
![Page 33: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/33.jpg)
Typography and Alignment
for Learning
![Page 34: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/34.jpg)
34
Typography for learning
Where does type fit into visual literacy?
![Page 35: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/35.jpg)
35
Typography and communication
![Page 36: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/36.jpg)
36
Typography and communication
![Page 37: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/37.jpg)
37
Common styles of type
• Roman/Serif
![Page 38: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/38.jpg)
38
Common styles of type
• Roman/Serif
![Page 39: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/39.jpg)
39
Common styles of type
• Sans Serif
![Page 40: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/40.jpg)
40
Common styles of type
• Sans Serif
![Page 41: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/41.jpg)
41
Typography for learning
Key points:
➢ Sans-serif fonts lessen reader fatigue in the online
environment
➢ Consistent typography helps build unity across the
instructional module
➢ Consider the typeface’s visual message
➢ Present online instructions in point size of 14 - 15
➢ Online headers range between 18 - 24 points
![Page 42: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/42.jpg)
42
Alignment for learning
Where does textual alignment fit into visual literacy?
![Page 43: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/43.jpg)
43
Alignment
• Left Alignment
![Page 44: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/44.jpg)
44
Alignment
• Right Alignment
![Page 45: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/45.jpg)
45
Alignment
• Center Alignment
![Page 46: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/46.jpg)
46
Alignment
• Justified Alignment
![Page 47: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/47.jpg)
47
Alignment for learning
Key points:
➢ No more than 12 - 15 words in a single line
➢ Chunk the text into small paragraphs
➢ Embrace white space
➢ Steer clear of scrolling web pages
![Page 48: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/48.jpg)
48
Activity 2
Refer to activity sheet
![Page 49: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/49.jpg)
49
Summary
• Mayer: words + graphics =
• Select carefully with audience in mind:
– Graphics
– Text
– Alignment
• Design for maximum potential for student
learning.
![Page 50: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/50.jpg)
50
Q & A
![Page 51: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/51.jpg)
51
Resources on multimedia and
instructional design
Gagne, R., Golas, K., Keller, J., & Wager, W. (2005). Principles of
instructional design (5th ed.). California: Wadsworth/Thomson
Learning.
Lohr, L. (2006). Creating visuals for learning and performance: Lessons
in visual literacy (2nd ed.). Cleveland, OH: Prentice-Hall.
Clark Colvin, R., & Chopeta, L. (2004). Graphics for learning: Proven
guidelines for planning, designing and evaluating visuals in training
materials. San Francisco, CA: John Wiley & Sons.
![Page 52: How Multimedia Impacts Learning - NERCOMP · 31 Graphics and images for learning Key points: Use arrows or other objects to direct the learner’s attention to important information](https://reader036.vdocument.in/reader036/viewer/2022071217/604db9cd7c8820455e5693e5/html5/thumbnails/52.jpg)
52
Resources on visual design
Lynch, P., and Horton, S. (2004). Web style guide: Page design.
http://www.webstyleguide.com/page/index.html.
Williams, R. (2004). The non-designer’s design book (2nd ed.).
California: Peach Pit Press.