Principles of Multimedia and Contiguity

1. Principles of Multimedia and Contiguity Cory Plough

2. Learning Objectives Target Learners:Online instructors at the secondary level • After completing this presentation, the learner will be able to correctly define the multimedia and contiguity principles. • After completing this presentation, the learner will be able to identify key elements of these principles in example problems.

3. Multimedia Principle in E-learning Definition: Include graphics and words rather than text alone on course pages and presentations. Graphics = still pictures, animations, videos Words = text or sounds

4. Positives of Following the Multimedia Principle • Students participate in active learning because they are making connections between graphics and text • Active learning leads to engaged learning which can increase motivation and academic achievement • Active learning leads to knowledge construction rather than information acquisition which involves more profound cognitive processing

5. Examples of MM Principle Used Beneficially Using video demonstrations to explain a new tool or concept. Graphic Types: Transformational or Interpretive

6. Good Examples cont. Using screen captures with text to demonstrate a procedure. Graphic Type: Representational

7. Good Examples cont. Visuals that show a relationship among concepts or information Graphic Types: Organizational or Relational

8. Examples of Not UsingMM Principle Correctly Lesson Page is text based only with no graphics Graphic Type: None

9. Incorrect Usage Examplescont. Graphics that decorate the page, but do not enhance the information being taught. Graphic Type: Decorative

10. Contiguity Principles in E-learning • Graphics and text should be placed near each other on the screen. • Spoken words and graphics should be presented simultaneously.

11. Contiguity Principle 1Do’s and Don’ts • Do: When a graphic is showing instructions, steps, descriptions, or actions make sure the printed words are right next to it on the screen. • Don’t: When scrolling, text should never be separate from the graphic above or below it. • Don’t: Never put feedback on a separate page from a student answer • Don’t: Directions should not appear on a separate page from their application

12. Contiguity Principle 2Do’s and Don’ts • Do: When a graphic is showing a task, an action, or a description, the narration should be presented at the same time. • Don’t: Present a segment of narration that comes first and is followed by the video or animation second. • Don’t: Provide an icon or link for the narration that is separate than the icon or link for the graphic.

13. Examples of Using ContiguityPrinciples Correctly Use brief descriptions under or within the pic to provide information and even instructions. Note: if text is located below the pic it should be VERY close.

14. Correct Examples cont. Use tools such as Voicethread or PhotoStory that allow you to record audio on top of graphics. This provides the studentwith audio and graphics simultaneously.

15. Correct Example cont. Feedback should be given on same page as the student answer. Whether you areusing Flash or A Web 2.0 based tool for assessment, provide feedback near student response.

16. Examples of UsingContiguity Principles Incorrectly Animation should include spoken words or written words that help explain within the presentation. Be careful of selecting tools that do not such as this program.

17. Incorrect Usage Examplescont.

18. Incorrect Usage Examplescont. Graphic included but instructions that accompany it are actually so far down the page, they are not visible to the student so the graphic becomes irrelevant and maybe even confusing.

19. Review Question 1 Please select the best definition for the Principle of Multimedia. • Make sure graphics and text are close to each other on the page • Include graphics and text rather than words alone on course pages and presentations.

20. Question 1 Answer Please select the best definition for the Principle of Multimedia. • Make sure graphics and text are close to each other on the page • Include graphics and text rather than words alone on course pages and presentations.

21. Question 2 Which is a better example of the Principle of Multimedia?

22. Question 2 Answer Which is a better example of the Principle of Multimedia? Figure 2 is correct, it includes text AND graphics!

23. Question 3 Please select the best definition for the Principle of Contiguity. • Include graphics and text rather than words alone on course pages and presentations • Graphics and text should be placed near each other on the screen and spoken words and graphics should present simultaneously.

24. Question 3 Answer Please select the best definition for the Principle of Contiguity. • Include graphics and text rather than words alone on course pages and presentations • Graphics and text should be placed near each other on the screen and spoken words and graphics should present simultaneously.

25. Question 4 Which figure best demonstrates the Principles of Contiguity?

26. Question 4 Answer Which figure best demonstrates the Principles of Contiguity? Figure 1 is correct. The text is relevant and located close to the graphic.

27. SOURCES • All images and example text were taken from materials used in the online courses I teach. This includes good and bad examples. • Of course, this means I should probably fix some things in my courses. CP 2/14/09