{"id":14999,"date":"2018-03-24T16:18:19","date_gmt":"2018-03-24T12:18:19","guid":{"rendered":"https:\/\/www.ispringsolutions.com\/blog\/?p=14999"},"modified":"2026-04-01T18:55:40","modified_gmt":"2026-04-01T14:55:40","slug":"interactive-diagrams-timelines-media-cards-and-11-more-ways-to-present-training-content","status":"publish","type":"post","link":"https:\/\/www.ispringsolutions.com\/blog\/interactions-in-ispring-suite-9","title":{"rendered":"Interactive diagrams, timelines, media cards, and 9 more ways to present training content"},"content":{"rendered":"<p>Working with interactions is no harder than heating up a slice of pizza: just choose a suitable template and fill it with your text and images. Interactions have a customizable design that\u2019s easy to fine-tune to match your corporate style.<\/p>\n<p>Let\u2019s dive into some examples of how the new interactions will help you present course content and engage learners with a lot less work.<\/p>\n<h3>Tabs<\/h3>\n<p>This interaction will help you present well-structured content in a compelling way. For example, in a management course, you can explain how to set SMART goals or describe how a SWOT analysis is conducted.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15023\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/6.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cSetting SMART goals\u201d<\/p>\n<\/div>\n<\/div>\n<h3>FAQ<\/h3>\n<p>When a new employee starts their onboarding program, they have a lot of questions on corporate software, duties of team members, and payroll. With this interaction, you can create an engaging FAQ that will help newbies get answers fast without distracting employees from their tasks.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15021\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/12.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cDocuments and payment FAQ\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Glossary<\/h3>\n<p>Quickly create a glossary of terms, a directory, or a catalog with easy navigation. For example, you can compile a catalog of insurance products to quickly introduce newbies to this topic. Or, if your company is launching an eLearning department, create an eLearning glossary so that all employees can speak the same language.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15026\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/15.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201ceLearning Glossary\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Accordion<\/h3>\n<p>With this interaction, you can show a call handling procedure, or even organize an online office tour for interns so that they can explore your office and their future workplaces.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15024\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/5.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cBright Mind Office Tour\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Timeline<\/h3>\n<p>This module will show an employee the key events of your company\u2019s history and explain to them how your values were formed. In a product training course, a timeline will help you present the product development stages to track changes from one version to another.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15027\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/3.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cSix Oceans History: Activewear for Travellers\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Steps<\/h3>\n<p>This interaction will help you train your employees to act automatically in problem situations. For example, you can use Steps to provide your tech support with a step-by-step guide on how to deal with an angry client, or describe the procedure for dealing with a fire in a general safety course.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15029\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/2.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201c5 tips for dealing with angry customers\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Cyclic process<\/h3>\n<p>This interaction will be of help if you <a title=\"create e-courses\" href=\"\/ispring-suite\" target=\"_blank\" rel=\"noopener\">create e-courses<\/a> on industrial processes and safety. For instance, you can show how part cutting or raw material processing is performed. With this template, you can show any repetitive process; for example, the Deming cycle, which is a cyclic decision-making process that is used in quality management.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15031\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/9.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cThe Deming Cycle\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Pyramid<\/h3>\n<p>With this template, you can explain your company hierarchy. Plus, it\u2019s a great template to use in <a href=\"\/blog\/soft-skills-training\" target=\"_blank\" rel=\"noopener\">soft skills training<\/a> to show, for example, the Minto pyramid principle, which can help people communicate more effectively. Besides the standard pyramid, you can create an inverted one to present various funnels; for example, a classic sales funnel.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15590\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/03\/11.jpg\" alt=\"Pyramid interaction\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cSales Funnel\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Circle diagram<\/h3>\n<p>In welcome courses, the Circle diagram will help you visualize your brand values or show how your target audience is segmented.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15032\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/10.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cDefining Your Brand Identity\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Labeled graphic<\/h3>\n<p>This interaction makes it much easier to describe what a complex device or mechanism consists of, show product features, or teach your employees to work with a new software interface.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15033\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/8.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cVacuum Cleaner Pro Training\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Guided image<\/h3>\n<p>Draw learners\u2019 attention to details when explaining how equipment works, or when describing a complex diagram. One more use case for this template is a course for sales people who need to visually present a product to customers.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15034\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/7.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cSix-Position Car Walkaround\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Hotspot<\/h3>\n<p>With this template, you can present a layout of products or components. And if your company sells products online, Hotspot is a great way to show regions with various shipping options so that managers can answer questions faster. In medical courses, this interaction will help learners to master the structure of human organs and systems.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15035\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/14.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cHealthy Nutrition Basics\u201d<\/p>\n<\/div>\n<\/div>\n<h3>Media catalog<\/h3>\n<p>Create a catalog to help employees quickly navigate through the products offered by the company. It\u2019s a great template for product training in the spheres where products can be easily shown visually; for example, if you sell clothes, furniture, devices, or food.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 541px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15036\" title=\"\" src=\"\/blog\/wp-content\/uploads\/2018\/02\/1.jpg\" alt=\"\" width=\"792\" height=\"541\" \/><\/p>\n<div class=\"caption_wrapper\">\n<p class=\"caption\">Demo course \u201cCheese assortment: A shop assistant\u2019s guide\u201d<\/p>\n<\/div>\n<\/div>\n<h2>How to get iSpring Suite 9.0<\/h2>\n<p>All iSpring Suite users with an active Maintenance Plan will get the new iSpring Suite 9 for free. Just <a href=\"mailto:customer.care@ispringsolutions.com\" target=\"_blank\" rel=\"noopener\">shoot us an email<\/a> to find out when your Maintenance Plan is about to expire.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Working with interactions is no harder than heating up a slice of pizza: just choose a suitable template and fill&hellip; <a class=\"read-more\" href=\"https:\/\/www.ispringsolutions.com\/blog\/interactions-in-ispring-suite-9\">Read More<\/a><\/p>\n","protected":false},"author":52,"featured_media":15312,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"iSpring Suite 9: 12 new interactions","_seopress_titles_desc":"Discover interactions in iSpring Suite 9, featuring 12 interactive templates to present content effectively and engage learners in any training scenario.","_seopress_robots_index":"yes","footnotes":""},"categories":[200],"tags":[136],"class_list":["post-14999","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates","tag-ispring-suite"],"acf":[],"views":12070,"_links":{"self":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/14999","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\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=14999"}],"version-history":[{"count":20,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/14999\/revisions"}],"predecessor-version":[{"id":102171,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/14999\/revisions\/102171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/media\/15312"}],"wp:attachment":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=14999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=14999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=14999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}