{"id":2485,"date":"2019-05-13T06:00:42","date_gmt":"2019-05-13T13:00:42","guid":{"rendered":"http:\/\/blogs.oregonstate.edu\/inspire\/?p=2485"},"modified":"2019-11-06T10:44:09","modified_gmt":"2019-11-06T18:44:09","slug":"the-value-of-images-in-online-learning","status":"publish","type":"post","link":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/2019\/05\/13\/the-value-of-images-in-online-learning\/","title":{"rendered":"The Value Of Images In Online Learning"},"content":{"rendered":"<h1 style=\"font-size: 16pt\">What&#8217;s An Image&#8217;s Value?<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2498\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2019\/05\/1x1PictureWorth.png\" alt=\"Image of postcard with a picture is worth a thousand words written on it.\" width=\"164\" height=\"164\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2019\/05\/1x1PictureWorth.png 225w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2019\/05\/1x1PictureWorth-150x150.png 150w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/p>\n<p>Have you ever created an online course without using images? No?<\/p>\n<p>That is not surprising as images can convey emotions, ideas, and much more. Their value is often captured in an old adage: A picture is worth a thousand words.<\/p>\n<p>This article will discuss the value of images in online course design and how using visuals to accompany instruction via text or narration might contribute to or detract from an online learning experience. Let\u2019s begin.<\/p>\n<h1 style=\"font-size: 16pt\"><b>Multimedia Learning: Images, Text, and More<\/b><\/h1>\n<p>Online learning is a modern form of multimedia learning. Richard Mayer (2009) described multimedia learning as that learning that integrates the use of words and pictures. In traditional classrooms these learning resources might be experienced as:<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<ul>\n<li>Textbooks:<span class=\"Apple-converted-space\">\u00a0 <\/span>Text and illustrations.<\/li>\n<li>Computer-based lessons: Narration w\/animation<\/li>\n<li>Face-to-face slide presentations: Graphics and audio.<\/li>\n<\/ul>\n<p>In online learning multimedia may also include:<\/p>\n<ul>\n<li>eBooks: Text and digital images<span class=\"Apple-converted-space\">\u00a0<\/span><\/li>\n<li>Video: Text, images, animations, coupled with audio.<\/li>\n<li>Interactives: Maps, images, and video.<\/li>\n<li>Digital Visual Representations: Virtual worlds and 3D models.<\/li>\n<li>Screencasts: Software demos, faculty video feedback, and more.<\/li>\n<li>Audio: Enhanced podcasts or narrated lectures.<\/li>\n<\/ul>\n<p>These two short lists, although not exhaustive, demonstrates the importance of visual elements to multimedia based learning in online courses. There are many reasons why we might include any one of these multimedia learning experiences in an online course. For our purposes we will explore a bit more the instructional value of visuals to online learning.<\/p>\n<p>So, how do words and pictures work together to help shape learning? Given that this is perhaps the most common learning object used in an online course it would seem useful to understand what may be considered this simple interpretation of visual literacy for learning (Aisami, 2015).<\/p>\n<h1 style=\"font-size: 16pt\"><b>Visual Engagement Of A Learning Object<\/b><\/h1>\n<p>In a recent study of how people acquire knowledge from an instructional web page Ludvik Eger (2018) used eye tracking technology to examine a simple learning object composed of a title (headline), a visual element (i.e., diagram), and a box of written text. With no audio support for the learning object in this study, participants engaged the content via visual engagement alone. Results indicated that the majority of students started their learning process at the headline or the headline and visual element. The box of information, in text form, was the third part of the learning object engaged.<\/p>\n<p>Within this context eye movement analysis indicates a learning process that is dependent upon a consistent visual flow. Purposely connecting the title, visual element and information text of a learning object may best reinforce learning. By doing this the course designer\/instructor becomes a sort of cognitive guide either focusing or not-focusing learning via the meaning structure of the various learning object elements. In our case we want to use visual elements to support performance and achievement of learning tasks.<\/p>\n<h1 style=\"font-size: 16pt\"><b>Choosing Visual Elements<\/b><\/h1>\n<p>In order to explore the choice of visual elements in an online learning experience it is helpful to understand how we process that experience from a cognitive science perspective.<\/p>\n<p>Clark and Mayer (2016) describe that cognitive science suggests knowledge construction is based upon three principles: Dual channels, limited capacity and active processing. Let&#8217;s briefly examine what these are.<\/p>\n<h2 style=\"font-size: 14pt\">Dual channels:<\/h2>\n<p>People have two channesl of cognitive processing 1) for processing visual\/pictorial material and 2) one for auditory\/verbal material. See Figure 1. \u00a0below.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_2488\" class=\"wp-caption thumbnail aligncenter\" style=\"width: 770px;\">\n    <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2488 size-large\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2019\/05\/Cognitive-Theory.001-1024x576.jpeg\" alt=\"Model of cognitive model of multimedia learning.\" width=\"770\" height=\"433\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2019\/05\/Cognitive-Theory.001-1024x576.jpeg 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2019\/05\/Cognitive-Theory.001-300x169.jpeg 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2019\/05\/Cognitive-Theory.001-768x432.jpeg 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2019\/05\/Cognitive-Theory.001.jpeg 1920w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/>\n    <figcaption class=\"wp-caption-text\">Figure 1.: Model of the Cognitive Theory of Multimedia Learning<\/figcaption>\n    <\/figure>\n<h2 style=\"font-size: 14pt\">Limited capacity:<\/h2>\n<p>Humans can only process a few bits of pieces of information in each channel at the same time.<\/p>\n<h2 style=\"font-size: 14pt\">Active processing:<\/h2>\n<p>Learning occurs as people engage in cognitive processing during learning. This may include attending to relevant material, organizing that material into a coherent structure, and integrating that material with prior knowledge.<\/p>\n<p>Due to the limits on any learner\u2019s processing capability it is paramount that we select visual images that help manage the learning process. Our goal is to limit excessive processing that clutters the learning experience, build visual support for representing the core learning process, and provide visual support that fosters deeper understanding of the learning at hand. What does this mean in practice?<\/p>\n<h1 style=\"font-size: 16pt\"><b>Managing Processing Via Image Use<\/b><\/h1>\n<p>Making decisions about image selection and use is a key to managing this learning process. Understanding the meaning of images to select is also key and is really a function of literacy in one\u2019s field and visual literacy in general (Kennedy, 2013).<\/p>\n<p>In practice we can use the following guidelines to make decisions about image use in multimedia-based online learning.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<ul>\n<li><strong>Control Visual Elements<\/strong> &#8211; Too many images on a web page or slide may force extraneous cognitive processing that does not support the instructional objective.<span class=\"Apple-converted-space\">\u00a0<\/span><\/li>\n<li><strong>Select Visual Elements Carefull<\/strong>y &#8211; Images difficult to discern are likely to negatively impact learning. Think about good visual quality, emotional and intellectual message of the image, information value, and readability.<\/li>\n<li><strong>Use Focused Visual Elemen<\/strong>ts &#8211; Target selection of visual support to those images that represent the core learning material and\/or provide access to deeper understanding of that core content.<\/li>\n<\/ul>\n<h1 style=\"font-size: 16pt\"><b>Other Image Tips<br \/>\n<\/b><\/h1>\n<p>Emotional Tone: Emotional design elements (e.g., visuals) can play important roles in motivating learners and achievement of learning outcomes (Mayer, 2013).<\/p>\n<p>Interest: Decorative images may boost learner interest but do not contribute to higher performance in testing (Mayer, 2013). Use decorative images prudently so they do not contribute to extraneous learning processing (Pettersson &amp; Avgerinou, 2016).<\/p>\n<p>Challenge: Making image selections that contribute to a degree of confusion may challenge learnings to dive more deeply into core learning. This is a tenuous decision in that challenge in sense making may prove to foster excessive processing.<\/p>\n<p>Access: Images must be presented in a format that is viewable to users to be practical. This involves an understanding of technical features of image formats, download capability, mobile use, and <a href=\"http:\/\/blogs.oregonstate.edu\/inspire\/2018\/07\/20\/top-5-accessibility-tips\/\">universal design techniques<\/a>.<\/p>\n<h1 style=\"font-size: 16pt\"><b>Final Thoughts<\/b><\/h1>\n<p>It is valuable to remember that visuals communicate non verbally. They are most effectively used when carefully selected and paired with text or audio narration. Visuals appeal to the sense of sight. They have different classifications and could be pictures, symbols, signs, maps graphs, diagrams, charts, models, and photographs. Knowing their form, meaning, and application is part of being a visually literate course developer or instructional designer.<\/p>\n<h1 style=\"font-size: 16pt\"><b>Web Resources<\/b><\/h1>\n<ul>\n<li><a href=\"http:\/\/www.visual-literacy.org\/periodic_table\/periodic_table.html\">A Periodic Table of Visualization Methods<\/a><\/li>\n<li><a href=\"https:\/\/ivla.org\">International Visual Literacy Association<\/a><\/li>\n<\/ul>\n<h1 style=\"font-size: 16pt\"><b>References<\/b><\/h1>\n<p>Aisami, R. S. (2015). Learning Styles and Visual Literacy for Learning and Performance. <i>Procedia &#8211; Social and Behavioral Sciences,<\/i> <i>176<\/i>, 538-545. doi:10.1016\/j.sbspro.2015.01.508<\/p>\n<p>Clark, R. C., &amp; Mayer, R. E. (2016). E-learning and the science of instruction : Proven guidelines for consumers and designers of multimedia learning. Retrieved from http:\/\/ebookcentral.proquest.com<\/p>\n<p>Eger, L. (2018). How people acquire knowledge from a web page: An eye tracking study. <i>Knowledge Management &amp; E-Learning: An International Journal 10(<\/i>3), 350-366.<\/p>\n<p>Kennedy, B. (2013, November 19). <i>What is visual literacy?.<\/i> [Video file]. Retrieved from https:\/\/www.youtube.com\/watch?time_continue=1&amp;v=O39niAzuapc<\/p>\n<p>Mayer, R. E. (2009). Multimedia learning (2nd ed.). New York: Cambridge University\u00a0Press.<\/p>\n<p>Mayer, R. E. (2014). Incorporating motivation into multimedia learning. <i>Learning and Instruction,<\/i> <i>29<\/i>, 171-173. doi:10.1016\/j.learninstruc.2013.04.003<\/p>\n<p>Rune Pettersson &amp; Maria D. Avgerinou (2016) Information design with teaching and learning in mind, <i>Journal of Visual Literacy, 35<\/i>:4, 253-267, DOI: <a href=\"https:\/\/doi.org\/10.1080\/1051144X.2016.1278341\">10.1080\/1051144X.2016.1278341<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Credit: Embedded image by Kelly Sikkema on Unsplash.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What&#8217;s An Image&#8217;s Value? Have you ever created an online course without using images? No? That is not surprising as images can convey emotions, ideas, and much more. Their value is often captured in an old adage: A picture is worth a thousand words. This article will discuss the value of images in online course&hellip; <a href=\"https:\/\/dev.blogs.oregonstate.edu\/inspire\/2019\/05\/13\/the-value-of-images-in-online-learning\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":8526,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41681,156127,1],"tags":[1066006,95773,1066007,120,39955,28454,668,1378412,88537,698,1379899,1066008],"class_list":["post-2485","post","type-post","status-publish","format-standard","hentry","category-mutimedia","category-resources-tools-trends","category-uncategorized","tag-cognitive-theory","tag-image","tag-image-use","tag-instructional-design","tag-learning","tag-lecture","tag-multimedia","tag-narrated-lectures","tag-online-learning","tag-powerpoint","tag-slides","tag-visual-design"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/2485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/users\/8526"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/comments?post=2485"}],"version-history":[{"count":26,"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/2485\/revisions"}],"predecessor-version":[{"id":2516,"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/2485\/revisions\/2516"}],"wp:attachment":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/media?parent=2485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/categories?post=2485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/tags?post=2485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}