Multimedia & Contiguity Principles (Pertaining to printed words and graphics) Made Easy Project 1 EDTECH513  SUMMER 2009 M...
Objectives <ul><li>After studying this presentation the viewer will be able to: </li></ul><ul><li>understand the Multimedi...
Contents <ul><li>Multimedia Principle & Graphics </li></ul><ul><ul><li>Decorative graphics </li></ul></ul><ul><ul><li>Repr...
Multimedia Principle <ul><li>Defined in simple terms: </li></ul><ul><li>People learn better when  graphics  and  words  ar...
Multimedia Principle <ul><li>Defined in simple terms: </li></ul><ul><li>People learn better when  graphics  and  words  ar...
Multimedia Principle <ul><li>There are 6 types of graphics: </li></ul><ul><li>1 Decorative </li></ul><ul><li>2 Representat...
Multimedia Principle <ul><li>There are 6 types of graphics: </li></ul><ul><li>1   Decorative </li></ul><ul><li>2 Represent...
Multimedia Principle <ul><li>There are 6 types of graphics: </li></ul><ul><li>1   Decorative </li></ul><ul><li>2 Represent...
Multimedia Principle <ul><li>1  Decorative  graphics simply decorate a page and do not emphasize the meaning of the messag...
Multimedia Principle <ul><li>2  Representational  graphics illustrate one element of the message. </li></ul>http://www.too...
Multimedia Principle <ul><li>3  Relational  graphics compare or contrast information that is measurable in  relationships....
Multimedia Principle <ul><li>4  Organizational  graphics show how the different elements are related.  </li></ul><ul><li>T...
Multimedia Principle <ul><li>5  Transformational  graphics show changes over a period of time. They may use animation, vid...
Multimedia Principle <ul><li>6  Interpretive  graphics show how things may work that are not usually visible to the eye.  ...
Now on to the second principle-  Contiguity
Contiguity Principle <ul><li>In simple terms: People learn better when  graphics  that illustrate  printed words  are plac...
Contiguity Principle <ul><li>An “OK” example  A better example </li></ul>
Contiguity Principle <ul><li>We can take a look at this image again and notice that the heart image was not only placed ne...
Contiguity Principle <ul><li>A great example! By clicking the tabs words and arrows appear to clearly describe the Water C...
TIME FOR A QUIZ
Question 1/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 1/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 2/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 2/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 3/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 3/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative   Representational  Relational  Organizational  Transformati...
Question 4/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 4/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational   Relational  Organizational  Transformati...
Question 5/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 5/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational   Transformati...
Question 6/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational  Organizational  Transformatio...
Question 6/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative  Representational  Relational   Organizational  Transformati...
Question 7/7 WHICH OF THE EXAMPLES BETTER DEMONSTRATES THE PRINCIPLES OF CONTIGUITY? CLICK FOR ANSWER QUIZ
Question 7/7 WHICH OF THE EXAMPLES BETTER DEMONSTRATES THE PRINCIPLES OF CONTIGUITY? ANSWER QUIZ
How did you do? <ul><li>If you missed any </li></ul><ul><li>review the presentation and try again. </li></ul>
Resources <ul><li>Clark, Ruth Colvin.  E-learning and the science of instruction proven guidelines for consumers and desig...
Upcoming SlideShare
Loading in …5
×

Multimedia & Contiguity Principles Michael

1,950
-1

Published on

Project 1 Multimedia & Contiguity Powerpoint

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,950
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Multimedia & Contiguity Principles Michael

  1. 1. Multimedia & Contiguity Principles (Pertaining to printed words and graphics) Made Easy Project 1 EDTECH513 SUMMER 2009 MICHAEL KENNELLY
  2. 2. Objectives <ul><li>After studying this presentation the viewer will be able to: </li></ul><ul><li>understand the Multimedia and Contiguity Principles regarding printed words and graphics, </li></ul><ul><li>and identify good examples. </li></ul>
  3. 3. Contents <ul><li>Multimedia Principle & Graphics </li></ul><ul><ul><li>Decorative graphics </li></ul></ul><ul><ul><li>Representational graphics </li></ul></ul><ul><ul><li>Relational graphics </li></ul></ul><ul><ul><li>Organizational graphics </li></ul></ul><ul><ul><li>Transformational graphics </li></ul></ul><ul><ul><li>Interpretive graphics </li></ul></ul><ul><li>Contiguity Principle </li></ul><ul><li>Assessment </li></ul>
  4. 4. Multimedia Principle <ul><li>Defined in simple terms: </li></ul><ul><li>People learn better when graphics and words are used together for instruction. </li></ul>
  5. 5. Multimedia Principle <ul><li>Defined in simple terms: </li></ul><ul><li>People learn better when graphics and words are used together for instruction. </li></ul><ul><li>However, not all graphics are created equal. </li></ul><ul><li>Some can be more effective than others. </li></ul>
  6. 6. Multimedia Principle <ul><li>There are 6 types of graphics: </li></ul><ul><li>1 Decorative </li></ul><ul><li>2 Representational </li></ul><ul><li>3 Relational </li></ul><ul><li>4 Organizational </li></ul><ul><li>5 Transformational </li></ul><ul><li>6 Interpretive </li></ul>
  7. 7. Multimedia Principle <ul><li>There are 6 types of graphics: </li></ul><ul><li>1 Decorative </li></ul><ul><li>2 Representational </li></ul><ul><li>3 Relational </li></ul><ul><li>4 Organizational </li></ul><ul><li>5 Transformational </li></ul><ul><li>6 Interpretive </li></ul><ul><li>The first two may be </li></ul><ul><li>less effective. </li></ul>
  8. 8. Multimedia Principle <ul><li>There are 6 types of graphics: </li></ul><ul><li>1 Decorative </li></ul><ul><li>2 Representational </li></ul><ul><li>3 Relational </li></ul><ul><li>4 Organizational </li></ul><ul><li>5 Transformational </li></ul><ul><li>6 Interpretive </li></ul><ul><li>The first two may be </li></ul><ul><li>less effective. </li></ul><ul><li>The next four are </li></ul><ul><li>more effective </li></ul>
  9. 9. Multimedia Principle <ul><li>1 Decorative graphics simply decorate a page and do not emphasize the meaning of the message. </li></ul>The Task After listening to stories about butterflies you and a partner will learn more about the butterfly life cycle by visiting web sites to see the life cycle stages and different types of butterflies to learn more about this insect. Your job will be to complete a life cycle poster, make art projects of the life cycle and write with your partner about what you learned. http://www.dedham.k12.ma.us/webquest/spring2002/lw/butterfly_webquest.htm#Credits The example to the right is from a Web Quest created by Lori Weider to study the life cycle of butterfies.
  10. 10. Multimedia Principle <ul><li>2 Representational graphics illustrate one element of the message. </li></ul>http://www.tooter4kids.com/LifeCycle/Stages.htm   Stages Of A Butterfly   The adult emerges from the chrysalis.   The pupa or chrysalis is the resting or transformation stage, and within it the marvelous transformation from caterpillar to adult takes place. The caterpillar is the primary eating and growth stage of the insect. Tiny eggs are laid by the female on a leaf. Around 5 days later, a tiny wormlike creature will hatch.
  11. 11. Multimedia Principle <ul><li>3 Relational graphics compare or contrast information that is measurable in relationships. For example pie graphs or bar charts. </li></ul>
  12. 12. Multimedia Principle <ul><li>4 Organizational graphics show how the different elements are related. </li></ul><ul><li>They may use a matrix, concept maps or tree diagrams. </li></ul>
  13. 13. Multimedia Principle <ul><li>5 Transformational graphics show changes over a period of time. They may use animation, video, or a series of time-lapse illustrations. </li></ul>
  14. 14. Multimedia Principle <ul><li>6 Interpretive graphics show how things may work that are not usually visible to the eye. Drawings that use arrows to illustrate a flow are examples. </li></ul>
  15. 15. Now on to the second principle- Contiguity
  16. 16. Contiguity Principle <ul><li>In simple terms: People learn better when graphics that illustrate printed words are placed close together. </li></ul><ul><li>In e-Learning they should be placed on the same screen or linked directly from the same screen. </li></ul>
  17. 17. Contiguity Principle <ul><li>An “OK” example A better example </li></ul>
  18. 18. Contiguity Principle <ul><li>We can take a look at this image again and notice that the heart image was not only placed near the words, but it also serves as a button to enlarge the view. </li></ul>
  19. 19. Contiguity Principle <ul><li>A great example! By clicking the tabs words and arrows appear to clearly describe the Water Cycle. </li></ul>
  20. 20. TIME FOR A QUIZ
  21. 21. Question 1/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive CLICK FOR ANSWER QUIZ
  22. 22. Question 1/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive ANSWER QUIZ
  23. 23. Question 2/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive CLICK FOR ANSWER QUIZ
  24. 24. Question 2/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive ANSWER QUIZ
  25. 25. Question 3/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive CLICK FOR ANSWER QUIZ
  26. 26. Question 3/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive ANSWER QUIZ
  27. 27. Question 4/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive CLICK FOR ANSWER QUIZ
  28. 28. Question 4/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive ANSWER QUIZ
  29. 29. Question 5/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive CLICK FOR ANSWER QUIZ
  30. 30. Question 5/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive ANSWER QUIZ
  31. 31. Question 6/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive CLICK FOR ANSWER QUIZ
  32. 32. Question 6/7 WHICH TYPE OF GRAPHIC IS SHOWN ABOVE? Decorative Representational Relational Organizational Transformational Interpretive ANSWER QUIZ
  33. 33. Question 7/7 WHICH OF THE EXAMPLES BETTER DEMONSTRATES THE PRINCIPLES OF CONTIGUITY? CLICK FOR ANSWER QUIZ
  34. 34. Question 7/7 WHICH OF THE EXAMPLES BETTER DEMONSTRATES THE PRINCIPLES OF CONTIGUITY? ANSWER QUIZ
  35. 35. How did you do? <ul><li>If you missed any </li></ul><ul><li>review the presentation and try again. </li></ul>
  36. 36. Resources <ul><li>Clark, Ruth Colvin. E-learning and the science of instruction proven guidelines for consumers and designers of multimedia learning . San Francisco, CA: Pfeiffer, 2008. </li></ul><ul><li>Butterfly catcher </li></ul><ul><li>http://www.dedham.k12.ma.us/webquest/spring2002/lw/butterfly_webquest.htm#Credits </li></ul><ul><li>Stages of a Butterfly </li></ul><ul><li>http://www.tooter4kids.com/LifeCycle/Stages.htm </li></ul><ul><li>Transplants of 1997 </li></ul><ul><li>http://library.thinkquest.org/5777/gift1.htm </li></ul><ul><li>Types of Rocks </li></ul><ul><li>http://www.beyondbooks.com/ear82/7.asp </li></ul><ul><li>Butterfly reproducible from the following website </li></ul><ul><li>http://www.tooter4kids.com/LifeCycle/Stages.htm </li></ul><ul><li>Coronary Circulation </li></ul><ul><li>http://sln.fi.edu/learn/heart/systems/coronary.html </li></ul><ul><li>The Water Cycle </li></ul><ul><li>http://www.kidzone.ws/water/ </li></ul><ul><li>The Water Cycle (The Hydrologic Cycle) </li></ul><ul><li>http://www.enchantedlearning.com/subjects/astronomy/planets/earth/Watercycle.shtml </li></ul><ul><li>Water cycle diagram </li></ul><ul><li>http://earthguide.ucsd.edu/earthguide/diagrams/watercycle/ </li></ul><ul><li>Rock Cycle </li></ul><ul><li>http://www.learner.org/interactives/rockcycle/types.html </li></ul><ul><li>Earth’s Structure </li></ul><ul><li>http://www.learner.org/interactives/dynamicearth/structure.html </li></ul><ul><li>Welcome to British and Metric Conversions </li></ul><ul><li>http://www.learner.org/interactives/metric/index.html </li></ul><ul><li>The Compass Rose </li></ul><ul><li>http://www.learner.org/interactives/historymap/sea.html </li></ul><ul><li>Types of Rock chart </li></ul><ul><li>http://www.learner.org/interactives/rockcycle/types.html </li></ul><ul><li>The Shrinking Landfill </li></ul><ul><li>http://www.learner.org/interactives/garbage/landfill/ </li></ul><ul><li>Rock cycle </li></ul><ul><li>http://en.wikipedia.org/wiki/Rock_cycle </li></ul><ul><li>The Rock Cycle </li></ul><ul><li>http://www.learner.org/interactives/rockcycle/diagram.html </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×