{"id":2057,"date":"2024-09-05T09:36:55","date_gmt":"2024-09-05T16:36:55","guid":{"rendered":"https:\/\/labs.engineering.asu.edu\/slatelab\/?page_id=2057"},"modified":"2024-09-05T09:36:55","modified_gmt":"2024-09-05T16:36:55","slug":"hse-427","status":"publish","type":"page","link":"https:\/\/labs.engineering.asu.edu\/slatelab\/hse-427\/","title":{"rendered":"HSE 427: Designing for Learning"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-930feb06 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\"><strong>HSE 427: Designing for Learning<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For technologies or products to be helpful for teaching and instruction, or to be accessible and learnable for users, their design must take into account principles of human learning. These principles include (a) cognitive processes such as attention, working memory, and memory storage; (b) metacognitive processes such as monitoring and self-regulation; and (c) motivational processes such as interest, goals, and self-efficacy. By building upon these principles, we can develop instructional design approaches (e.g., ICAP, CTML, ARCS, and UDL) that can help to optimize system utility and performance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HSE 427 focuses on the application of these principles and frameworks in multimedia learning\u2014learning materials that combine multiple modalities to help people gain knowledge and skills. As a form of iterative and participatory design, class projects ask students to demonstrate their understanding by designing a multimedia lesson to teach a chosen concept. Over the semester, students follow procedures that are similar to how the Human Systems Engineering Education research team develops their videos (see&nbsp;<a href=\"https:\/\/slatelab.engineering.asu.edu\/brainstorming\/\"><strong>Brainstorming<\/strong><\/a>,&nbsp;<a href=\"https:\/\/slatelab.engineering.asu.edu\/creativity\/\"><strong>Creativity<\/strong><\/a>,&nbsp;<a href=\"https:\/\/slatelab.engineering.asu.edu\/empathy\/\"><strong>Empathy<\/strong><\/a>, and&nbsp;<a href=\"https:\/\/slatelab.engineering.asu.edu\/attitudes\/\"><strong>Attitudes<\/strong>&nbsp;<\/a>example lessons).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This process also incorporates the Entrepreneurial Mindset as an accessible instructional design approach. Students are encouraged to consider how their lessons can&nbsp;<strong>inspire curiosity<\/strong>&nbsp;about the topics, help viewers&nbsp;<strong>form connections<\/strong>&nbsp;with the information, and help viewers&nbsp;<strong>create value<\/strong>&nbsp;via concrete strategies.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design Process Summary<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1: Review of existing examples<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>review prior materials to become familiar with existing content<\/li>\n\n\n\n<li>consider how to incorporate mindful links across lessons without duplication or redundancy<\/li>\n\n\n\n<li>attend to style and design elements to maintain consistency<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2: Consult relevant empirical sources and guides for best practices<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>lessons should not overwhelm viewers with citations and quotes<\/li>\n\n\n\n<li>however, informational content should be informed by research and expert practice<\/li>\n\n\n\n<li>developers should be able to provide these justifications on demand<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3: Develop the content narration script<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>the script includes the informational content that will be provided to viewers<\/li>\n\n\n\n<li>focus on clear and accessible language; avoid unnecessary jargon or technical terms<\/li>\n\n\n\n<li>essential concepts and terms should be clearly defined when introduced<\/li>\n\n\n\n<li>an uninterrupted \u201cread aloud\u201d of the script should be used to refine timing<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4: Identify and develop visual elements<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>visual elements should illustrate, emphasize, and reinforce script content<\/li>\n\n\n\n<li>visual elements include both graphics and any on-screen text (e.g., bullet points)<\/li>\n\n\n\n<li>visual presentation should be able to communicate all content even without the narration<\/li>\n\n\n\n<li>images should be Creative Commons, license-free, and obtained legally<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5: Develop integrated storyboard<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>script should include notes regarding pacing, pausing, and integration with visual elements<\/li>\n\n\n\n<li>storyboard should be clear about when visual elements are presented<\/li>\n\n\n\n<li>script and visuals should provide complete and coherent content on their own<\/li>\n\n\n\n<li>however, integrated script and visuals should provide rich learning materials<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 6: Produce complete multimedia lesson prototype<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>functional prototype should be viewable and navigable as a video (e.g., play, pause, etc.)<\/li>\n\n\n\n<li>prototype must include both narration and visuals<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 7:&nbsp; Iterative user testing and evaluations<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>user testing invites participants (similar to end-users) to view the video lessons<\/li>\n\n\n\n<li>users reflect on what was learned, memorable, enjoyable, frustrating, and so on<\/li>\n\n\n\n<li>developers observe users\u2019 behaviors, errors, and non-verbal cues during viewing<\/li>\n\n\n\n<li>developers create and prioritize a list of revisions<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 8: Produce finalized multimedia lesson<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>complete (at least) two rounds of iterative testing<\/li>\n\n\n\n<li>implement revisions for script content, visual components, pacing, and other design elements<\/li>\n\n\n\n<li>record final narration and integrate with final visual presentation<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Example syllabus materials (description and calendar) from the Spring 2020 iteration of HSE 427: Designing for Learning. These materials are updated each year and may not represent future versions of the class.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"794\" src=\"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-content\/uploads\/sites\/195\/2020\/07\/Example_Syllabus.png\" alt=\"\" class=\"wp-image-1827\" srcset=\"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-content\/uploads\/sites\/195\/2020\/07\/Example_Syllabus.png 581w, https:\/\/labs.engineering.asu.edu\/slatelab\/wp-content\/uploads\/sites\/195\/2020\/07\/Example_Syllabus-366x500.png 366w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"793\" src=\"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-content\/uploads\/sites\/195\/2020\/07\/Example_Calendar.png\" alt=\"\" class=\"wp-image-1828\" srcset=\"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-content\/uploads\/sites\/195\/2020\/07\/Example_Calendar.png 615w, https:\/\/labs.engineering.asu.edu\/slatelab\/wp-content\/uploads\/sites\/195\/2020\/07\/Example_Calendar-388x500.png 388w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">HSE 427: Designing for Learning For technologies or products to be helpful for teaching and instruction, or to be accessible and learnable for users, their design must take into account principles of human learning. These principles include (a) cognitive processes such as attention, working memory, and memory storage; (b) metacognitive processes such as monitoring and&#8230;<\/p>\n","protected":false},"author":338,"featured_media":0,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2057","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-json\/wp\/v2\/pages\/2057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-json\/wp\/v2\/users\/338"}],"replies":[{"embeddable":true,"href":"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-json\/wp\/v2\/comments?post=2057"}],"version-history":[{"count":0,"href":"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-json\/wp\/v2\/pages\/2057\/revisions"}],"wp:attachment":[{"href":"https:\/\/labs.engineering.asu.edu\/slatelab\/wp-json\/wp\/v2\/media?parent=2057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}