{"id":5819,"date":"2022-09-15T06:00:34","date_gmt":"2022-09-15T10:00:34","guid":{"rendered":"http:\/\/blog.tlsrv.net\/?p=5819"},"modified":"2024-12-04T09:07:39","modified_gmt":"2024-12-04T17:07:39","slug":"five-examples-of-interactive-content","status":"publish","type":"post","link":"https:\/\/www.thinglink.com\/blog\/five-examples-of-interactive-content\/","title":{"rendered":"Five Examples of Interactive Content"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">5 types of interactive content you can easily create today with ThingLink<\/h2>\n\n\n\n<p>September 14, 2022&nbsp;\/&nbsp;4 minutes of reading&nbsp;\/ By&nbsp;<a href=\"https:\/\/www.thinglink.com\/blog\/author\/louise\/\">Louise Jones<\/a><\/p>\n\n\n\n<p>Stuck in a content creation rut? We&#8217;ve done some of the hard work for you and chosen five outstanding examples created by our users. All show off just how easy it is to make any sort of content interactive, from maps, images and 360s to field trips. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is interactive content?&nbsp;<\/h2>\n\n\n\n<p>Interactive content is where users actively participate in it or engage with it. Examples of this include answering a question or choosing an option, or even clicking on areas, tags or hotspots within the material to open up further content.\u00a0<\/p>\n\n\n\n<section class=\"tl-cta-block\"><h3>Meet a product expert<\/h3><p>To know more about creating interactive content with ThingLink, schedule an online meeting with one of our friendly product experts below.<\/p><button class=\"tl-button tl-button--white tl-button--small tl-cta-block__button\" data-link=\"https:\/\/enterprise.thinglink.com\/demo-dee\/\">Meet an Expert<\/button><\/section>\n\n\n\n<h3 class=\"wp-block-heading\">1. Interactive infographics<\/h3>\n\n\n\n<p>Infographics help you explain your complex data to viewers in a clear, visual and easily digestible way. When you add interactive elements, your infographics immediately become more compelling, memorable and are more likely to get your audience&#8217;s attention. You can use infographics to introduce and summarise dense or complex materials such as a course of learning materials, pitch documents, annual reports, white papers or other research. You can add further information, links, references or data into the hotspots and tags for those who want to explore in more detail.&nbsp;<\/p>\n\n\n\n<p>For marketers, introducing interactive infographics into your marketing strategy is a simple way to encourage lead generation if you\u2019re looking to level up your content marketing.&nbsp;This infographic below was created with ThingLink by Carmanah to demonstrate the features and benefits of one of their product range. You can read more about how and why they created their interactive ThingLink content <a href=\"https:\/\/www.thinglink.com\/blog\/multi-use-interactive-content-trade-shows-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>. <\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"960\" height=\"585.6\" data-original-width=\"1000\" data-original-height=\"610\" src=\"https:\/\/www.thinglink.com\/card\/1533271102560665602\" type=\"text\/html\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" scrolling=\"no\"><\/iframe><script async=\"\" src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<p>If you&#8217;re looking to take your infographic design to the next level, <a href=\"http:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a> is one of the best and simplest content tools for creating infographics. They supply hundreds of infographic templates for all sorts of uses and applications. This interactive infographic example below which displays the course content of our Certified Creator Course &#8211; was designed using the Canva integration in ThingLink. You can read more information on becoming a ThingLink Certified Creator <a href=\"https:\/\/www.thinglink.com\/blog\/thinglink-certified-creator-course-is-live\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>. <\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"960\" height=\"540\" data-original-width=\"1920\" data-original-height=\"1080\" src=\"https:\/\/www.thinglink.com\/card\/1630948245804941314\" type=\"text\/html\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" scrolling=\"no\"><\/iframe><script async=\"\" src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<h3 class=\"wp-block-heading\">2. Interactive maps and timelines<\/h3>\n\n\n\n<p>Adding interactive hotspots to key places or flashpoints on maps allows you to easily create more engaging content of this type for all types of audiences. An interactive map created in ThingLink can be embedded into any website or landing page. Why not provide an interactive map for new team members in your organisation&#8217;s induction, to ensure they know the key locations they will need to hit the ground running? &nbsp;<\/p>\n\n\n\n<p>This map below is a great example which was created in ThingLink and is updated on the Wilhelmsen&#8217;s company website in real-time.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"306\" src=\"https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2022\/08\/Sea-map.gif\" alt=\"\" class=\"wp-image-5686\"\/><figcaption class=\"wp-element-caption\">Wilhelmsen\u2019s interactive port map<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Interactive 360 images<\/h3>\n\n\n\n<p>A 360 image can become a much more interactive experience with the addition of multimedia tags that your viewers can explore. ThingLink allows you to embed a wide variety of tools and apps into 360 images. These range from 3D objects from&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/sketchfab.com\/\" target=\"_blank\">Sketchfab<\/a>, animations, quizzes, video embeds and more.<\/p>\n\n\n\n<p>Southampton University created this clear and simple interactive 360 site visit using a 360 camera. Each tag leads to a video which was filmed at the exact spot that the tag sits in within the image.    <\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"640\" height=\"320\" data-original-width=\"640\" data-original-height=\"320\" src=\"https:\/\/www.thinglink.com\/mediacard\/1391050045746315266\" type=\"text\/html\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" scrolling=\"no\"><\/iframe><script async=\"\" src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<p>However, you may be surprised to hear that you don&#8217;t need a 360 camera to create an interactive image like this!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>NEW!<\/strong> <strong>The easy way to create 360 images: Pano to 360<\/strong><\/h2>\n\n\n\n<p>Creating virtual tours, exhibitions, escape rooms and other immersive content just got even easier! ThingLink has now launched <a href=\"https:\/\/www.thinglink.com\/en-us\/pano-to-360\" target=\"_blank\" rel=\"noreferrer noopener\">Pano to 360 by ThingLink<\/a>: an easy way to create a 360 photosphere from a panoramic image using any smartphone. For more information, including step-by-step instructions <a href=\"https:\/\/support.thinglink.com\/hc\/en-us\/articles\/15786957878039-New-feature-convert-panoramas-to-360-images\" target=\"_blank\" rel=\"noreferrer noopener\">see this helpful support article.&nbsp;<\/a><\/p>\n\n\n\n<section class=\"tl-cta-block\"><h3>Try the free Pano to 360 converter <\/h3><p>The Pano to 360 photosphere converter is free to use for anyone, no ThingLink account required! Upload a panoramic image to see it in action. <\/p><button class=\"tl-button tl-button--white tl-button--small tl-cta-block__button\" data-link=\"https:\/\/www.thinglink.com\/en-us\/pano-to-360\">Try pano to 360 by thinglink<\/button><\/section>\n\n\n\n<p>You can also search the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.thinglink.com\/blog\/360-image-library\/?__hstc=116259097.acf79a16a0246a3e47e0a44dc1ab4355.1662286977050.1663342828222.1663674940548.8&amp;__hssc=116259097.1.1663674940548&amp;__hsfp=366809087#.YvTrZhNKhTY\" target=\"_blank\">ThingLink 360 library<\/a>&nbsp;for 360 images of sites around the world &#8211; from cities to desert landscapes and UNESCO world heritage sites. The library is free to use for all ThingLink users. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Interactive tours<\/h3>\n\n\n\n<p>This tour from the Royal Ontario Museum is a classic demonstration of how you might repurpose your existing material to quickly and simply take an exhibition or visit online. ROM have placed text, images and videos from the real-life exhibition in tags within 360 images of the museum interior. Why not go in and explore the tags? In this <a rel=\"noreferrer noopener\" href=\"https:\/\/www.thinglink.com\/blog\/roms-virtual-tours-solve-access-issues\/?__hstc=116259097.acf79a16a0246a3e47e0a44dc1ab4355.1662286977050.1663342828222.1663674940548.8&amp;__hssc=116259097.1.1663674940548&amp;__hsfp=366809087#.YvTvvBNKhTY\" target=\"_blank\">case stud<\/a>y we look at the benefits that this virtual tour brought the ROM. ThingLink allows you to link individual pieces of content of different types together \u2013  images, 360 images, videos and now&nbsp;3D models.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"640\" height=\"320\" data-original-width=\"640\" data-original-height=\"320\" src=\"https:\/\/www.thinglink.com\/mediacard\/1511778374228377602\" type=\"text\/html\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" scrolling=\"no\"><\/iframe><script async=\"\" src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<h3 class=\"wp-block-heading\">5. Interactive quizzes, interactive calculators, interactive assessments<\/h3>\n\n\n\n<p>Instead of assessments that rely on static content, why not include interactive versions into your course creation plan? An immersive and realistic interactive assessment or test&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.thinglink.com\/scenariocard\/1601567751963410435?fbclid=IwAR1kxKOBuh1xrcl2OIOSJdSD9Po__TN4WbL8awvmtczOjv6Jb-iE_t3Lc_M&amp;__hstc=116259097.acf79a16a0246a3e47e0a44dc1ab4355.1662286977050.1663342828222.1663674940548.8&amp;__hssc=116259097.1.1663674940548&amp;__hsfp=366809087\" target=\"_blank\">like this one<\/a>&nbsp;puts your team into a real-life environment.&nbsp;At Karelia University of Applied Sciences in Finland, students have to learn all about the workshop machines via an interactive ThingLink 360 image (below). Embedded within it is a comprehension test that the student must pass to earn their physical permit to the workshop.&nbsp;You can read more about the interactive content created at Karelia at <a rel=\"noreferrer noopener\" href=\"https:\/\/www.thinglink.com\/blog\/karelia\/\" target=\"_blank\">the full case study here<\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"251\" src=\"https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2022\/09\/Workshop-Karelia.gif\" alt=\"\" class=\"wp-image-5875\"\/><figcaption class=\"wp-element-caption\">Interactive workshop assessment at Karelia University of Applied Sciences<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">The benefits of interactive content<\/h2>\n\n\n\n<p>Whether you create interactive content for education, marketing or other purposes, you will immediately see the benefits. Attention spans are said to be becoming progressively shorter, meaning that users tend to scroll past static content, preferring short form video content on social media for example. So it follows that anything that entices your viewer to engage and interact with your content is clearly beneficial. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Key concept: Regardless of whether you are an educator designing learning materials, or a marketer building a content marketing strategy, your audience is seeking engaging user experiences.<\/h4>\n\n\n\n<h3 class=\"wp-block-heading\">NEW! Convert existing learning materials to interactive training modules and courses with ThingLink Scenario Builder<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"A Quick Overview of ThingLink Scenario Builder\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/I2PnnmQcgUk?list=PLe6-cjub0Xq0Tgtx97_-wAo2dP-gcDVYH\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What type of interactive content is your audience engaging with?<\/h2>\n\n\n\n<p>A key benefit of creating interactive media in ThingLink is that each time that your audience interacts with your content, this feeds into your ThingLink statistics of views, opens, clicks and time spent on any media. This means that you can easily build up a picture what appeals and what engages. Again, this is of huge benefit whether you are a creator of interactive ebooks, courses or lessons for students, or interactive content marketing. The metrics and user data generated by each interaction should inform your future content strategy and help you learn more about your target audience.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How do you start creating interactive content?<\/h2>\n\n\n\n<p>ThingLink allows anyone to start creating their own interactive videos, images, 360 media and 3D objects. Integrations with accessible graphic design tool\u00a0<a href=\"http:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a>\u00a0as well as 1M+ free images from the\u00a0<a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash<\/a>\u00a0image library mean that creating interactive quality content is within reach of everyone.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">NEW Create interactive content even more easily with ThingLink&#8217;s AI image generation tools!<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.thinglink.com\/blog\/new-on-thinglink-ai-powered-image-generation-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2024\/04\/New-updated-featured-images-for-SB-blogs-1-1024x576.jpg\" alt=\"New on ThingLink: AI-Powered Image Generation Tools\" class=\"wp-image-10753\" srcset=\"https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2024\/04\/New-updated-featured-images-for-SB-blogs-1-1024x576.jpg 1024w, https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2024\/04\/New-updated-featured-images-for-SB-blogs-1-300x169.jpg 300w, https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2024\/04\/New-updated-featured-images-for-SB-blogs-1-768x432.jpg 768w, https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2024\/04\/New-updated-featured-images-for-SB-blogs-1-1536x864.jpg 1536w, https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2024\/04\/New-updated-featured-images-for-SB-blogs-1-576x324.jpg 576w, https:\/\/www.thinglink.com\/blog\/wp-content\/uploads\/2024\/04\/New-updated-featured-images-for-SB-blogs-1.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Where can I get more ideas for creating interactive content like this?<\/h2>\n\n\n\n<p>Learn more by joining one of our friendly communities on social media \u2013 our&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/groups\/9054683\/\" target=\"_blank\">LinkedIn Community<\/a>&nbsp;is a great place to start!<\/p>\n\n\n\n<section class=\"tl-cta-block\"><h3>Meet a product expert<\/h3><p>To know more about creating interactive content with ThingLink, schedule an online meeting with one of our friendly product experts below.<\/p><button class=\"tl-button tl-button--white tl-button--small tl-cta-block__button\" data-link=\"https:\/\/enterprise.thinglink.com\/demo-dee\/\">Meet an Expert<\/button><\/section>\n","protected":false},"excerpt":{"rendered":"<p>5 types of interactive content you can easily create today with ThingLink September 14, 2022&nbsp;\/&nbsp;4 minutes of reading&nbsp;\/ By&nbsp;Louise Jones Stuck &#8230;<\/p>\n","protected":false},"author":5,"featured_media":10756,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[564,491,566,567,568],"tags":[399,312,201,539,251,542,460,486,208,487,484,161,525,210,475],"_links":{"self":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/5819"}],"collection":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/comments?post=5819"}],"version-history":[{"count":16,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/5819\/revisions"}],"predecessor-version":[{"id":10755,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/5819\/revisions\/10755"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media\/10756"}],"wp:attachment":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media?parent=5819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/categories?post=5819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/tags?post=5819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}