{"id":53,"date":"2019-07-20T18:12:24","date_gmt":"2019-07-21T01:12:24","guid":{"rendered":"https:\/\/blogs.ubc.ca\/videolearninghub\/?page_id=53"},"modified":"2019-08-03T14:19:49","modified_gmt":"2019-08-03T21:19:49","slug":"design-principles","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/videolearninghub\/design-principles\/","title":{"rendered":"Design Principles"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In addition to the \u201chow-to\u201d of video creation, it\u2019s important to understand how video design supports your teaching and your students&#8217; learning. The Cognitive Load Theory And the Cognitive Theory of Multimedia Learning suggest that our working memory is only capable of processing a limited amount of information at a time (Sweller, 1988). Therefore, by principle, your student\u2019s cognitive load should be considered during the video design process. Without getting too complicated, we have shared a simplified list of guidelines to keep in mind while you design your video. Originally articulated by Robert Talbert from Grand Valley State University, the list includes evidence-based design principles illustrated by various cognitive researchers.<\/span><\/p>\n<div id=\"attachment_33\" style=\"width: 1290px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-33\" class=\"wp-image-33 size-full\" src=\"https:\/\/blogs.ubc.ca\/videolearninghub\/files\/2019\/07\/Design-Principles.jpg\" alt=\"\" width=\"1280\" height=\"720\" srcset=\"https:\/\/blogs.ubc.ca\/videolearninghub\/files\/2019\/07\/Design-Principles.jpg 1280w, https:\/\/blogs.ubc.ca\/videolearninghub\/files\/2019\/07\/Design-Principles-300x169.jpg 300w, https:\/\/blogs.ubc.ca\/videolearninghub\/files\/2019\/07\/Design-Principles-768x432.jpg 768w, https:\/\/blogs.ubc.ca\/videolearninghub\/files\/2019\/07\/Design-Principles-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><p id=\"caption-attachment-33\" class=\"wp-caption-text\">Figure 7: Video design principles guidelines.<\/p><\/div>\n<p>&nbsp;<\/p>\n<script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_3' >\n                        <div class='gform_heading'>\n                            <h3 class=\"gform_title\">We Welcome Your Feedback!<\/h3>\n                            <p class='gform_description'><\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_3'  action='\/videolearninghub\/wp-json\/wp\/v2\/pages\/53' data-formid='3' novalidate>\n                        <div class='gform-body gform_body'><ul id='gform_fields_3' class='gform_fields top_label form_sublabel_below description_below validation_below'><li id=\"field_3_2\" class=\"gfield gfield--type-checkbox gfield--type-choice field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><label class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Was this helpful?<\/span><\/label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_3_2'><li class='gchoice gchoice_3_2_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_2.1' type='checkbox'  value='Yes'  id='choice_3_2_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_3_2_1' id='label_3_2_1' class='gform-field-label gform-field-label--type-inline'>Yes<\/label>\n\t\t\t\t\t\t\t<\/li><li class='gchoice gchoice_3_2_2'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_2.2' type='checkbox'  value='No'  id='choice_3_2_2'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_3_2_2' id='label_3_2_2' class='gform-field-label gform-field-label--type-inline'>No<\/label>\n\t\t\t\t\t\t\t<\/li><\/ul><\/div><\/li><\/ul><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_3' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Submit<\/button> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_3' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_3' id='gform_theme_3' value='legacy' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_3' id='gform_style_settings_3' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_3' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='3' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='UPC1F43eORpBKW+lvytjjjNu2UWcYtZdeVYqWpEbx772zfdJ3Y22iucgAvf\/7bN4183fpcOtRAOILnmAacPcV2RsnIN3AZA1E\/Q0oIvdMTq2N8g=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_3' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcIjJjZWJmMmE0MDExNDVkNTQ1OWVjY2E1NDkwZTlmNTBmXCIsXCIzZDkyMjIxNmNjOWM3MWNlYmUwNzVkNDZhY2RjNjliMVwiXSxcImdmb3JtX3RoZW1lXCI6XCJkYjk5NDk5ODUyNTE0NTY3YWFmOWUwZmJlMzExODBlZFwiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcIjFmMDBhN2YyZWNjZTkzYzQyMzllMDljZWU4NzcxNjQ0XCIsXCJmb3JtX2lkXCI6XCJhYzY5YzI3NzVhM2Q2NzIzYTNlYTcwMjVmZjdjNTQ0NFwiLFwidXJsXCI6XCI2ODQ1MzYwZjUxNzFiNzE5ZTNhNjAzNjk0OTE4NzBlZlwiLFwic3RhdGVfdGltZXN0YW1wXCI6XCIyMDU2ZTViZDk0YWUyNzZkMzg4NDNiNWM0MWZhZTEzZFwifSIsIjhkMGU5M2Q3YmRmNDgxZDNlZTQ5YTY0NTg4N2FmZDI5IiwxNzkxNjkxNzQxXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_3' id='gform_target_page_number_3' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_3' id='gform_source_page_number_3' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"149\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><\/form>\n                        <\/div>\n","protected":false},"excerpt":{"rendered":"<p>In addition to the \u201chow-to\u201d of video creation, it\u2019s important to understand how video design supports your teaching and your students&#8217; learning. The Cognitive Load Theory And the Cognitive Theory of Multimedia Learning suggest that our working memory is only<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/blogs.ubc.ca\/videolearninghub\/design-principles\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":55427,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/users\/55427"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":7,"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":503,"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/pages\/53\/revisions\/503"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/videolearninghub\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}