{"id":18782,"date":"2022-06-18T13:48:07","date_gmt":"2022-06-18T09:48:07","guid":{"rendered":"https:\/\/www.ispringsolutions.com\/blog\/?p=18782"},"modified":"2026-03-11T15:59:17","modified_gmt":"2026-03-11T11:59:17","slug":"instructional-design-principles-keys-to-authoring-elearning-content","status":"publish","type":"post","link":"https:\/\/www.ispringsolutions.com\/blog\/instructional-design-principles","title":{"rendered":"Instructional Design Principles: Keys to Authoring eLearning Content"},"content":{"rendered":"<p>Effective online training doesn\u2019t happen by accident; it\u2019s the end result of a planned, systematic development process. To create an eLearning course, it\u2019s not enough to be an expert in a specific topic. You also need to know about the principles of instructional design.<\/p>\n<p>In this article, we\u2019ll take Robert Gagn\u00e9\u2019s Nine Principles of Instruction as a basis and show how to apply them to the course authoring process.<\/p>\n<h2 id=\"Robert-Gagn\u00e9-and-the-Nine-Principles-of-Instruction\">Robert Gagn\u00e9 and the Nine Principles of Instruction<\/h2>\n<p>Robert Gagn\u00e9 was an American educational psychologist who contributed greatly to the development of the science of instruction in the mid-twentieth century. He explored that there were some patterns in how people process the information and proposed a nine-step framework that detailed each element needed for effective learning. Gagn\u00e9\u2019s Nine Events (or Principles) of Instruction can serve as a checklist to help managers, trainers, and facilitators structure their training.<\/p>\n<p>All the Events can be divided into three phases:<\/p>\n<div class=\"image_wrapper\" style=\"height: 280px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Nine Events of Instruction\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009750.png\" alt=\"Nine Principles of Instructional Design\" width=\"701\" height=\"280\" \/><\/div>\n<p>Each step in the model aligns to a form of communication or activity that aids the learning process:<\/p>\n<div class=\"image_wrapper\" style=\"height: 489px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Nine Principles of Instruction &amp; Communication Activities\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009783.png\" alt=\"Nine Principles of Instruction &amp; Communication Activities\" width=\"701\" height=\"490\" \/><\/div>\n<p>When each step is completed in turn, learners are much more likely to be engaged and to retain the information or skills that they\u2019re being taught.<\/p>\n<p>By using Gagn\u00e9\u2019s Nine Principles, you can structure your training session so that your people get the best possible learning experience. But this approach perfectly works not only in traditional classroom teaching, it can be also applied for eLearning.<\/p>\n<p>Let\u2019s see how you can apply this framework to build an online course. For this, we\u2019ll use <a href=\"\/ispring-suite\" target=\"_blank\" rel=\"noopener\">iSpring Suite<\/a>, an authoring toolkit that, in addition to slide-based courses, allows for creating quizzes, dialog simulations, <a href=\"\/blog\/how-to-make-a-screencast-tips-and-tricks\" target=\"_blank\" rel=\"noopener\">screencasts<\/a>, video lectures, and interactive modules.<\/p>\n<h2 id=\"Principle-1:-Gain-Attention-(Reception)\">Principle 1: Gain Attention (Reception)<\/h2>\n<p>A strong start is your opportunity to engage the learner and set the stage for the overall learning experience. Open your course with an introduction or activity that makes the learner disengage from other tasks and focus their attention on your training content.<\/p>\n<p>The most common ways to gain attention at the beginning of the course are:<\/p>\n<ul>\n<li>Share an unexpected fact or statistic<\/li>\n<li>Pose thought-provoking questions<\/li>\n<li>Offer an activity that involves learners in the training process<\/li>\n<\/ul>\n<h3>What you can do with iSpring<\/h3>\n<p>With iSpring, you have a number of options to immediately engage your learners.<\/p>\n<p><strong style=\"letter-spacing: 0.003em\">1. Embed a video clip<\/strong><\/p>\n<p>A video in the beginning of the course will help you immerse your course takers into the topic. Adding multimedia elements can reinforce the value of your content and engage your learners on both an auditory and visual level.<\/p>\n<p>For example, a training course on how to be more productive at work could begin with a video from a senior leader sharing his personal lifehack that helps him to be productive. Remember that the introduction video should be short, lively, and inspirational.<\/p>\n<p>You can record a video with a webcam or ask your colleague to film you and add a clip to your course in one click.<\/p>\n<div class=\"image_wrapper\" style=\"height: 469px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Embeding a video clip \" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/04\/ispring-blog-image-1586325086.png\" alt=\"Embeding a video clip in iSpring Suite\" width=\"700\" height=\"469\" \/><\/div>\n<p><strong>2. Add a Hotspot interaction <\/strong><\/p>\n<p>A Hotspot interaction will help you visually direct the learner\u2019s attention. When the learner clicks on a hot spot, detailed information about that area pops up on the screen.<\/p>\n<p>For instance, if you\u2019re making an online course for fashion stylists, engage them with a hotspot mini-game that will let them check how well they know fashion trends.<\/p>\n<div class=\"image_wrapper\" style=\"height: 523px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Hotspot Interaction\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584085018.png\" alt=\"Hotspot Interaction in iSpring Suite\" width=\"700\" height=\"523\" \/><\/div>\n<p><strong>3. Add a short survey question<\/strong><\/p>\n<p>You can start with a simple survey question, such as \u201cWhat do you hope to learn from this course?\u201d<\/p>\n<div class=\"image_wrapper\" style=\"height: 523px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"A Survey Question\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009823.png\" alt=\"A Survey Question in iSpring Suite\" width=\"700\" height=\"523\" \/><\/div>\n<p>Use branching to offer a custom response to each choice so that the learner can immediately see how the course meets their expectation for learning.<\/p>\n<h2 id=\"Principle-2:-Inform-Learners-of-the-Objectives-(Retrieval)\">Principle 2: Inform Learners of the Objectives (Retrieval)<\/h2>\n<p>Communicating objectives shows your learners \u201cwhat\u2019s in it for me\u201d or WIIFM. Stating learning objectives upfront demonstrates the value-add that your course brings and helps the course taker to set expectations for what is ahead.<\/p>\n<p>To inform learners of objectives in an online course, you can list them in a slide. For each objective, it\u2019s beneficial to describe the performance required, give the expected standard for performance, and specify what a successful outcome would be.<\/p>\n<h3>What you can do with iSpring<\/h3>\n<p>You can make reporting about the aims much more engaging by using a <strong>Steps Interaction<\/strong> in iSpring Suite to link outcomes to objectives. Align each goal to knowledge- or skill-based outcomes your learners will achieve, then specify the WIIFM elements as in the example below.<\/p>\n<div class=\"image_wrapper\" style=\"height: 523px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Steps Interaction\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009858.png\" alt=\"Steps Interaction in iSpring Suite\" width=\"700\" height=\"523\" \/><\/div>\n<h2 id=\"Principle-3:-Stimulate-Recall-of-Prior-Learning-(Expectancy)\">Principle 3: Stimulate Recall of Prior Learning (Expectancy)<\/h2>\n<p>Link your content to your learners\u2019 existing knowledge or skills. It will help them approach the new material with a sense of confidence. To reinforce learners\u2019 knowledge, you can add a short summary of knowledge or concepts they have already mastered or (even better) check how much they remember with a test.<\/p>\n<h3>What you can do with iSpring<\/h3>\n<p>You can make <a href=\"\/blog\/knowledge-checks-in-elearning\" target=\"_blank\" rel=\"noopener\">a knowledge check<\/a> with the iSpring Suite quiz maker tool. It allows you to create a variety of question types for your online learning modules. Use fill-in-the-blanks, matching, multiple choice, or other types to test both your learners\u2019 knowledge and their ability to apply what they know in the workplace.<\/p>\n<div class=\"image_wrapper\" style=\"height: 523px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Online Quiz\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009896.png\" alt=\"Quiz created with iSpring Suite\" width=\"700\" height=\"523\" \/><\/div>\n<h2 id=\"Principle-4:-Present-New-Content-(Selective-Perception)\">Principle 4: Present New Content (Selective Perception)<\/h2>\n<p>This is where you provide the new knowledge, information, and skills to your learners. Don\u2019t rely only on text to communicate information; include relevant images, graphs, tables, and graphics into your course to help the learner visualize and understand each concept. Sequence and deliver your content in a way that allows learners to absorb new information without feeling overwhelmed.<\/p>\n<h3>What you can do with iSpring<\/h3>\n<p><strong>1. Build a slide-based course<\/strong><\/p>\n<p>If you already have PowerPoint presentations, with iSpring Suite, you can turn them into full-fledged eLearning courses in a few clicks. Or you can add all the necessary content to the slides to build an interactive course from scratch<\/p>\n<p>This is an example of a course created with iSpring Suite:<\/p>\n<div class=\"iframe_preview_wrapper narrow js-demo-iframe\">\n<div class=\"iframe_preview\"><a class=\"js-zoom-iframe active\" href=\"https:\/\/cdn4.ispringsolutions.com\/demos\/ispring-suite\/space-shuttle-demo\/index.html?_ga=2.152455930.2142500433.1583739143-1742961433.1581333521\" data-height=\"600\" data-width=\"900\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584010586.png\" alt=\"\" width=\"700\" height=\"438\" \/><\/a><\/div>\n<\/div>\n<p><strong>2. Create a video course<\/strong><\/p>\n<p>You can also share knowledge with <a href=\"\/blog\/6-tips-to-create-engaging-training-videos\" target=\"_blank\" rel=\"noopener\">a training video<\/a>. The iSpring authoring tool allows you to record your screen with webcam and audio. It has all the necessary features for making professional-looking videos. For example, you can add titles and captions, insert images and infographics, or create transition effects.<\/p>\n<p>Watch this demo created with iSpring Suite to see how you can turn an existing presentation into a talking head video.<\/p>\n<div class=\"iframe_preview_wrapper narrow js-demo-iframe\">\n<div class=\"iframe_preview\"><a class=\"js-zoom-iframe active\" href=\"https:\/\/cdn4.ispringsolutions.com\/demos\/ispring-suite\/preparing-for-a-call\/preparing-for-a-call.mp4\" data-height=\"600\" data-width=\"900\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009085.png\" alt=\"\" width=\"702\" height=\"426\" \/><\/a><\/div>\n<\/div>\n<h2 id=\"Principle-5:-Provide-Learning-Guidance-(Semantic-encoding)\">Principle 5: Provide Learning Guidance (Semantic encoding)<\/h2>\n<p>Support your learners by providing helpful hints on how to learn the skill. Give examples or coaching advice on content learning and guide learners through useful resources available to them.<\/p>\n<p>You can help your team learn more effectively by including case studies, infographics, job aids, concept maps, or other learning objects into your training course.<\/p>\n<h2 id=\"Principle-6:-Elicit-Performance-(Responsiveness)\">Principle 6: Elicit Performance (Responsiveness)<\/h2>\n<p>At this point in the process, your learner should be able to demonstrate or communicate the knowledge or skill they have gained from your training module. Incorporate interactive elements that require the learner to put their knowledge to use.<\/p>\n<h3>What you can do with iSpring<\/h3>\n<p>With iSpring Suite, you can create a dialog simulation. This type of interaction challenges learners to demonstrate their ability to recall and apply knowledge in a realistic work-related scenario. You can vary the outcome based on how a learner responds to each question.<\/p>\n<p>Watch this demo to see how a dialog simulation creates an immersive learning experience with immediate feedback to guide the learning journey.<\/p>\n<div class=\"iframe_preview_wrapper narrow js-demo-iframe\">\n<div class=\"iframe_preview\"><a class=\"js-zoom-iframe active\" href=\"https:\/\/cdn4.ispringsolutions.com\/demos\/ispring-suite\/bank_learning\/index.html?_ga=2.106852288.2142500433.1583739143-1742961433.1581333521\" data-height=\"600\" data-width=\"900\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009261.png\" alt=\"\" width=\"700\" height=\"438\" \/><\/a><\/div>\n<\/div>\n<h2 id=\"Principle-7:-Provide-Feedback-(Reinforcement)\">Principle 7: Provide Feedback (Reinforcement)<\/h2>\n<p>Provide immediate feedback after a learner demonstrates knowledge or skill gains. Positive feedback will reinforce what the learner is doing well. Gentle and constructive advice will help the learner to identify and overcome knowledge or skill errors.<\/p>\n<h3>What you can do with iSpring<\/h3>\n<p>Add a relevant comment to every reply option in a dialog simulation. You can create information scenes to pinpoint the place where the learner made an error and explain what the correct step would be at that point, or praise a learner for the right choice like in the example below.<\/p>\n<div class=\"image_wrapper\" style=\"height: 366px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Dialog Simulation\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009192.png\" alt=\"Dialog simulation created with iSpring Suite\" width=\"1552\" height=\"812\" \/><\/div>\n<h2 id=\"Principle-8:-Assess-Learning-Performance-(Retrieval)\">Principle 8: Assess Learning Performance (Retrieval)<\/h2>\n<p>At the conclusion of the course, assess your learners with the help of tests and quizzes.<\/p>\n<h3>What you can do with iSpring<\/h3>\n<p>Like with knowledge checks from Principle 3, you can use the iSpring Suite quiz maker tool to design various kinds of questions. Questions that require learners to match a cause and outcome, put process steps in the correct order, click on a hot spot, or drag and drop the items are a great way to measure learners\u2019 ability to apply what they know.<\/p>\n<p>Watch the demo below to see how you can use \u201cfunny\u201d drag-and-drop questions in a very realistic way.<\/p>\n<div class=\"iframe_preview_wrapper narrow js-demo-iframe\">\n<div class=\"iframe_preview\"><a class=\"js-zoom-iframe active\" href=\"https:\/\/cdn4.ispringsolutions.com\/demos\/ispring-suite\/the-basic-rules-of-merchandising-3\/index.html?embed=1&amp;_ga=2.240154691.1539078181.1581349566-381447307.1576224610\" data-height=\"600\" data-width=\"900\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009363.png\" alt=\"\" width=\"702\" height=\"505\" \/><\/a><\/div>\n<\/div>\n<h2 id=\"Principle-9:-Enhance-Retention-and-Transfer-of-Knowledge-(Reinforcement)\">Principle 9: Enhance Retention and Transfer of Knowledge (Reinforcement)<\/h2>\n<p>Provide your learners with resources that improve retention and transfer of knowledge. You can create instruction manuals, working guides, catalogs, and other reference materials that your employees will always have at hand and can look through to <a href=\"\/blog\/refresher-training\">refresh<\/a> their knowledge at any time.<\/p>\n<h3>What you can do with iSpring<\/h3>\n<p>With iSpring, you can transform your guidance into interactions that are truly memorable. For example, you can use the <strong>Glossary interaction<\/strong> to create reference material such as a digital dictionary of terms unique to your organization or industry. Use the <strong>FAQ interaction<\/strong> to provide quick answers to your most commonly asked questions. You can incorporate both the Glossary and FAQ into your new hire training as interactive reference materials.<\/p>\n<p>Or you can use the <strong>Media Catalog<\/strong> interaction to create a digital job aid to provide information about your company or illustrates the products offered by the company. Click on an image within the interaction to see detailed information about that item. Add keywords to make your content searchable.<\/p>\n<div class=\"image_wrapper\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Media Catalog interaction\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1584009420.jpg\" alt=\"Media Catalog interaction in iSpring Suite\" width=\"660\" height=\"541\" \/><\/div>\n<h2 id=\"Final-Thoughts\">Final Thoughts<\/h2>\n<p>Gagne\u2019s nine principles provide a solid strategy for developing any type of learning solution. An authoring toolkit such as iSpring Suite allows you to incorporate instructional design principles into a robust learning experience. Download the <a href=\"\/ispring-suite\/trial\" target=\"_blank\" rel=\"noopener\">iSpring Suite free trial<\/a> to see how you can begin building exciting interactive online content right away.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Effective online training doesn\u2019t happen by accident; it\u2019s the end result of a planned, systematic development process. To create an&hellip; <a class=\"read-more\" href=\"https:\/\/www.ispringsolutions.com\/blog\/instructional-design-principles\">Read More<\/a><\/p>\n","protected":false},"author":66,"featured_media":27328,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"9 Instructional Design Principles for Better Course Creation","_seopress_titles_desc":"Discover Robert Gagn\u00e9\u2019s Nine Principles of Instruction for creating better courses. Find out how to apply them to the course authoring process.","_seopress_robots_index":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-18782","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-corporate"],"acf":[],"views":12141,"_links":{"self":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/18782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/users\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=18782"}],"version-history":[{"count":15,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/18782\/revisions"}],"predecessor-version":[{"id":98035,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/18782\/revisions\/98035"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/media\/27328"}],"wp:attachment":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=18782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=18782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=18782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}