How to Use Images for Instruction

1. How to Use Images for Instruction

2. What are images? Graphics Visuals Pie Charts IMAGES Video graphs Photographs ANIMATIONS Illustrations

3. Are you creating online content? Do you want to convey instructional messages with text and graphics? Are you using graphics to liven up your content? Is it easy to utilize graphics?

4. Why should you use graphics? “People learn better from graphics and words than from words alone.” “You can help people learn better if you include properly designed graphics in instructional presentations.” -Richard E. Mayer

5. Why should you use graphics? From images.MD

6. What message are you providing? “Often graphics in instructional materials are afterthoughts used to add visual interest to the page or screen.” -Ruth Colvin Clark & Chopeta Lyons

7. What message are you providing? All ICU personnel should be familiar with this device and practice with it prior to a difficult airway situation. Knowledge of situations for which the Combitube should be considered, and those in which it is contraindicated, is imperative.

8. Could a graphic distract students? Harp & Mayer found that visuals and text that were topically related to the lesson but extraneous to the lesson goal depressed learning.

9. Could a graphic distract students? Mouth-to-mouth resuscitation, an important component of CPR, is performed by maintaining the head tilt/chin lift and making an airtight seal against the victim's mouth, shown in Figure 4. Alternatively, mouth-to-nose and mouth-to-stoma resuscitation can be performed where appropriate. This form of ventilation can be performed without chest compressions when a palpable carotid pulse is felt without evidence of respiration. (Adapted from American Heart Association [ref]; with permission.) Figure 4 Head tilt chin lift. Figure 5 Control of Respiration

10. There are two criteria you should use to help you choose instructional graphics • Define the communication function of your graphic • Define the psychological function (instructional event) of your graphic

11. What are we communicating?

12. What are we communicating?

13. What communication function does this image depict? • Decorative • Representational • Mnemonic • Organizational • Relational • Transformational • Interpretive by Herbert Spencer

14. What communication function does this image depict? • Decorative • Representational • Mnemonic • Organizational • Relational • Transformational • Interpretive by Herbert Spencer

15. What communication function does this image depict? • Decorative • Representational • Mnemonic • Organizational • Relational • Transformational • Interpretive

16. What communication function does this image depict? • Decorative • Representational • Mnemonic • Organizational • Relational • Transformational • Interpretive

17. What psychological function does our image support?

18. What psychological function does our image support?

19. What psychological function does our image support?

20. What instructional event does this image support? • Support Attention • Activate or Build Knowledge • Minimize Cognitive Load • Build Mental Models • Support Transfer of Learning • Support Motivation

21. What instructional event does this image support? • Support Attention • Activate or Build Knowledge • Minimize Cognitive Load • Build Mental Models • Support Transfer of Learning • Support Motivation

22. What instructional event do we support by using the top image in place of the bottom image? • Support Attention • Activate or Build Knowledge • Minimize Cognitive Load • Build Mental Models • Support Transfer of Learning • Support Motivation

23. What instructional event do we support by using the top image in place of the bottom image? • Support Attention • Activate or Build Knowledge • Minimize Cognitive Load • Build Mental Models • Support Transfer of Learning • Support Motivation

24. Referencing images • Follow text books as a guide • Provide references to the images from your text (i.e. Figure 1.2) • In the space adjacent to your image provide a title or description

25. Editing images Microsoft Office 2003 Comes with a copy of Picture Manager Programs>Microsoft Office>Microsoft Office Tools>Microsoft Office Picture Manager

26. Picture Manager Tutorials Atomic Learning • Log into my.kumc.edu • Click on the Training tab • Click on the Atomic Learning link • Click on the Our Tutorials button • In the list click on O (for Office) • Click on Office 2003 – What’s New? • View the tutorials by clicking on B. Picture Manager  

27. Picture Manager Tutorials Tutorials Using the picture shortcut pane1:09 Cropping a picture 1:29 Resizing a picture 1:23

28. Uploading images to ANGEL An animated tutorial may be found in ANGEL help. The direct URL is: https://elearning.kumc.edu/Angel/Help/Faculty/captivate_tutorials/upload_images_html.htm

29. Graphics for Learning Ruth Colvin Clark and Chopeta Lyons

30. How to Use Images for Instruction Jill Ducey, M.Ed. Educational Technologist Teaching & Learning Technologies (913) 588-7348 jducey@kumc.edu G010 Wahl Hall West