{"id":913,"date":"2014-04-30T15:34:41","date_gmt":"2014-04-30T22:34:41","guid":{"rendered":"http:\/\/blogs.oregonstate.edu\/inspire\/?p=913"},"modified":"2014-04-30T15:34:41","modified_gmt":"2014-04-30T22:34:41","slug":"effective-narrated-presentations","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/inspire\/2014\/04\/30\/effective-narrated-presentations\/","title":{"rendered":"Effective Narrated Presentations"},"content":{"rendered":"<p>When developing course material for online learning environments\u2014especially narrated presentations\u2014it is important to consider not only the content, but also the design of the material. If material is designed in a way that minimizes visual and cognitive distractions it will be easier for your students to engage with the content.<\/p>\n<p>A particularly effective paradigm in understanding the relationship between content and design can be found in cognitive load theory articulated by John Sweller (<a href=\"http:\/\/onlinelibrary.wiley.com\/doi\/10.1207\/s15516709cog1202_4\/pdf\" target=\"_blank\">1988<\/a>, <a href=\"http:\/\/books.google.com\/books\/about\/Instructional_Design_in_Technical_Areas.html?id=3INtQgAACAAJ\" target=\"_blank\">1999<\/a>). When students are processing learning materials, their total cognitive load is made up of intrinsic cognitive load and extraneous cognitive load. The <i>intrinsic cognitive load<\/i> is the amount of mental energy required to process the content of the learning at hand. The <i>extraneous cognitive load<\/i> is the amount of additional mental energy required by the form (design) of the material. Our goal in designing materials should be to minimize the extraneous cognitive load.<\/p>\n<p style=\"text-align: center\"><b>Heavy Extraneous Cognitive Load Learning Materials:<\/b> <a href=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Picture2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-915\" alt=\"Picture2\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Picture2.png\" width=\"487\" height=\"75\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Picture2.png 798w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Picture2-300x46.png 300w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/a><\/p>\n<p style=\"text-align: center\">\u00a0<b> Minimal Extraneous Cognitive Load Learning Materials:<\/b><a href=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Picture3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-916\" alt=\"Picture3\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Picture3.png\" width=\"487\" height=\"75\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Picture3.png 798w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Picture3-300x46.png 300w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/a><\/p>\n<p>Here are a few easy-to-follow principles for designing narrated online presentations (as well as other learning materials) which minimize extraneous cognitive load\u2026<\/p>\n<p><b>Font<\/b><\/p>\n<p>Select fonts that are easy to read. Sometimes we have the tendency to use ornamental or \u201cfun\u201d fonts because we think they will increase engagement. Unfortunately, these fonts increase extraneous cognitive load greatly. The simplest example would be the use of an inappropriate font. Compare the following identical bits of text from Michelle Cook&#8217;s <a href=\"http:\/\/onlinelibrary.wiley.com\/doi\/10.1002\/sce.20164\/abstract\" target=\"_blank\">article<\/a>:<\/p>\n<p><a href=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Picture1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"Picture1\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Picture1.png\" width=\"482\" height=\"234\" \/><\/a><\/p>\n<p>Use no more than two fonts in one piece of learning material, and if you do use two fonts, make sure those fonts are quite different, such as a sans serif and a serif font.<\/p>\n<p><b>Color<\/b><\/p>\n<p>Fonts and graphics should both make use of contrast in color. For example, you wouldn\u2019t want to have <span style=\"color: #ffff00\">yellow text on a white background<\/span>. In addition to causing an increase in extraneous cognitive load, this also causes accessibility issues, especially for your colorblind students.<\/p>\n<p>Avoid the use of more than two colors of text. Sometimes we get the urge to make our slides \u201cpretty\u201d by decorating them with lots of colors. Although this may be a wonderful idea for a work of art, it is counterproductive for narrated slides.<\/p>\n<p><b>Text<\/b><\/p>\n<p>When creating materials such as PowerPoint slides with audio narration, remember that all authority comes from what you are saying. Also, remember the Cook quote above: use the slides to present the visual information while your voice presents the textual (verbal) information. In other words, the slides should have the absolute minimum in terms of text.<\/p>\n<p>Here\u2019s an example of information students learn in MB 480\u2014General Parasitology, created by Sascha Hallett. Note that the text which appears in the first slide becomes narrated content in the second slide:<\/p>\n<table width=\"60%\" border=\"2\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">\n<tbody>\n<tr>\n<td valign=\"top\">\n<p style=\"text-align: center\"><strong>\u00a0Non-Narrated Version<\/strong><\/p>\n<\/td>\n<td valign=\"top\">\n<p style=\"text-align: center\"><strong>\u00a0Narrated Version<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\"><a href=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-946 aligncenter\" alt=\"Parasitic Control of Host Behavior2\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior2.png\" width=\"351\" height=\"265\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior2.png 945w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior2-300x227.png 300w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/a><\/td>\n<td valign=\"top\"><a href=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-929 aligncenter\" alt=\"Parasitic Control of Host Behavior\" src=\"http:\/\/blogs.oregonstate.edu\/inspire\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior1.png\" width=\"345\" height=\"261\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior1.png 917w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/1504\/files\/2014\/04\/Parasitic-Control-of-Host-Behavior1-300x227.png 300w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Bullets<\/b><\/p>\n<p>Bulleted material is good for documents, but not for narrated presentations. Avoid bullets like the plague. Let\u2019s say you have a slide with five bullet points. What could you do? One possibility would be to create five slides\u2014one for each point. One benefit to this method is that often the text can be eliminated completely and replaced with a visualization (graphic) of the idea you are discussing. Another method would be to use the \u201cSmartArt\u201d function in PowerPoint.<\/p>\n<p><b>Pictures and Graphics<\/b><\/p>\n<p>A picture is worth a thousand words. Therefore, selection of the appropriate picture or graphic is essential. If we use a picture that <i>decorates<\/i> a slide, the extraneous cognitive load will increase. If we use a picture that <i>illustrates<\/i> the message of the slide, the extraneous cognitive load will decrease. The ideal, however, is to use pictures that <i>embody<\/i> the message.<\/p>\n<p>For more ideas on reducing extraneous cognitive load in your narrated presentations, I highly recommend <em>Presentation Zen<\/em> by Garr Reynolds.<\/p>\n<p>Please share your own tips for effective presentations in the &#8220;<strong>Leave a Reply<\/strong>&#8221; area below! Your insight would be greatly appreciated.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When developing course material for online learning environments\u2014especially narrated presentations\u2014it is important to consider not only the content, but also the design of the material. If material is designed in a way that minimizes visual and cognitive distractions it will be easier for your students to engage with the content. A particularly effective paradigm in&hellip; <a href=\"https:\/\/blogs.oregonstate.edu\/inspire\/2014\/04\/30\/effective-narrated-presentations\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":4738,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-913","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/users\/4738"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/comments?post=913"}],"version-history":[{"count":23,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/913\/revisions"}],"predecessor-version":[{"id":948,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/posts\/913\/revisions\/948"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/media?parent=913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/categories?post=913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/inspire\/wp-json\/wp\/v2\/tags?post=913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}