{"id":7502,"date":"2019-10-03T08:41:08","date_gmt":"2019-10-03T08:41:08","guid":{"rendered":"https:\/\/actuasolutions.com\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/"},"modified":"2019-10-03T08:41:08","modified_gmt":"2019-10-03T08:41:08","slug":"tips-for-using-icons-effectively-in-your-elearning-courses","status":"publish","type":"resource","link":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/","title":{"rendered":"Tips for using icons effectively in your elearning courses"},"featured_media":6762,"template":"","meta":{"_acf_changed":false},"categoria":[37],"class_list":["post-7502","resource","type-resource","status-publish","has-post-thumbnail","hentry","categoria-articulate"],"acf":{"resource_type":"Blog","resource_featured":"No","show_date":"true","subtitle":"","resource_content":"<div class=\"row\">\n<div class=\"large-12 columns entry-content__output non-vc-entry\">\n\nE-learning is about <strong>sharing information with learners<\/strong> in order to teach them new knowledge and skills. This information can be shared through different media: photos, audio, videos and, of course, text. Normally many words are used in e-learning courses and this can lead to an excess of text and, consequently, to a dense course. A very useful way to <strong>minimize text<\/strong> is <strong>by using icons<\/strong>.\n\nIcons are small images or graphic presentations of something, an object, an idea or a process. We find them around us every day and they are used <strong>as a form of communication<\/strong>. These are some of the icons that we see most often in our daily lives and know perfectly well:\n\n\u00a0\n\nIn elearning, icons can be used in different ways. Sometimes, they are <strong>selectable<\/strong>; you may click on one to choose an option or make a selection. For example, a house icon can be selected to return to the home page of a course or to the menu. Other times they are used simply for visual purposes, <strong>to express an idea or a message<\/strong>. Let's take a closer look at the benefits of icons in elearning and best practices to make sure your design looks perfect.\n\n\u00a0\n<h2><span style=\"color: #05578b;\"><strong>Why use icons in Elearning?<\/strong><\/span><\/h2>\n<h3><strong><span style=\"color: #05578b;\">Replace text<\/span><\/strong><\/h3>\nIcons are a good way to give concise information to your students without having to use text. In the example below, <strong>icons<\/strong> have been used <strong>to represent the three types of communication<\/strong> explained in the course.\n\n<a href=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/2.png\"><img class=\"aligncenter size-large wp-image-16020\" src=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-0-6.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-0-6.png 1024w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/2-300x168.png 300w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/2-768x430.png 768w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/2.png 1255w\" alt=\"\" width=\"1024\" height=\"574\"><\/a>\n<h3><strong><span style=\"color: #05578b;\">Add visual interest<\/span><\/strong><\/h3>\nIcons can add decoration or visual style to your design. In this example, the icons add <strong>visual representation<\/strong> to each expense category.\n\n<a href=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/3.png\"><img class=\"aligncenter size-large wp-image-16021\" src=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-1-1.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-1-1.png 1024w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/3-300x168.png 300w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/3-768x430.png 768w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/3.png 1257w\" alt=\"\" width=\"1024\" height=\"573\"><\/a>\n<h3><strong><span style=\"color: #05578b;\">Saves space<\/span><\/strong><\/h3>\nUsing icons can sometimes <strong>help you save space<\/strong>. If you think about it, a sentence or even a couple of words can take up much more space than an icon. Looking to use circular icons? Instead of adapting the word \"resources\" into a small rounded button, it may be simpler to add a book icon to a round shape, as in the example below.\n\n<a href=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-2-1.png\"><img class=\"aligncenter size-full wp-image-16022\" src=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-2-1.png\" sizes=\"(max-width: 976px) 100vw, 976px\" srcset=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-2-1.png 976w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/4-300x71.png 300w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/4-768x182.png 768w\" alt=\"\" width=\"976\" height=\"231\"><\/a>\n<h3><strong><span style=\"color: #05578b;\">Minimal translation required<\/span><\/strong><\/h3>\nOne nice thing about icons is that they <strong>tend to be universal<\/strong> and generally do not need to be translated. That said, it is possible for an icon or symbol to have a meaning for one culture that is totally different or even non-existent for another. Keep this factor in mind when creating content for a variety of cultures.\n\n\u00a0\n<h2><span style=\"color: #05578b;\"><strong>Best practices when using icons in eLearning<\/strong><\/span><\/h2>\n<h3><strong><span style=\"color: #05578b;\">Choose a style<\/span><\/strong><\/h3>\nWhen it comes to icons, there are a variety <strong>of styles available<\/strong>: filled, outlined, curved, square or even hand-drawn.\n\n<a href=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/5.png\"><img class=\"aligncenter wp-image-16023 size-medium\" src=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-3-1.png\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-3-1.png 300w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/5-768x335.png 768w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/5-1024x446.png 1024w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/5.png 1039w\" alt=\"\" width=\"300\" height=\"131\"><\/a>\n<h3><strong><span style=\"color: #05578b;\">Be consistent<\/span><\/strong><\/h3>\nOnce you have found a look or style of icon that you like, <strong>be consistent and use the same style<\/strong> for the other icons in the course. For example, in the image below, all the icons have a similar line, so they can all work together.\n\n<a href=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/6-1.png\"><img class=\"aligncenter size-large wp-image-16033\" src=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-4-1.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/post-image-16018-4-1.png 1024w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/6-1-300x169.png 300w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/6-1-768x431.png 768w, https:\/\/actuasolutions.com\/wp-content\/uploads\/2019\/09\/6-1.png 1255w\" alt=\"\" width=\"1024\" height=\"575\"><\/a>\n<h3><strong><span style=\"color: #05578b;\">Be clear<\/span><\/strong><\/h3>\nWhat may be completely clear to you may mean a completely different thing to someone else. Remember that <strong>cultural differences and the type of audience can affect how your icons are perceived<\/strong>. It never hurts to do quality control tests and get a second opinion on icons to make sure everyone is clear on their meaning.\n\n\u00a0\n\nSo much for these simple tips you can follow to get the most out of icons in your next course. Do you like to use icons in your training? Let us know how and when you use your icons in elearning, through our social networks <a href=\"https:\/\/twitter.com\/actuasolutions\">Twitter<\/a> or <a href=\"https:\/\/www.linkedin.com\/company\/actua-solutions\">Linkedin<\/a>.\n\nOriginal text: <a href=\"https:\/\/community.articulate.com\/articles\/use-icons-in-e-learning\">Articulate<\/a>\n\nTranslation: Actua Solutions\n\n<\/div>\n<\/div>","resource_form":"","resource_file":"","webinar_id":"","webinar_date":null,"custom_questions":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tips for eLearning Icons | Actua<\/title>\n<meta name=\"description\" content=\"Improve your eLearning courses with our tips for using icons. Click for more information!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tips for eLearning Icons | Actua\" \/>\n<meta property=\"og:description\" content=\"Improve your eLearning courses with our tips for using icons. Click for more information!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/\" \/>\n<meta property=\"og:site_name\" content=\"Actua\" \/>\n<meta property=\"og:image\" content=\"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/inicial-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"575\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/\",\"url\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/\",\"name\":\"Tips for eLearning Icons | Actua\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/actuasolutions.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/inicial-2.png\",\"datePublished\":\"2019-10-03T08:41:08+00:00\",\"description\":\"Improve your eLearning courses with our tips for using icons. Click for more information!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/#primaryimage\",\"url\":\"https:\\\/\\\/actuasolutions.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/inicial-2.png\",\"contentUrl\":\"https:\\\/\\\/actuasolutions.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/inicial-2.png\",\"width\":1024,\"height\":575},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/tips-for-using-icons-effectively-in-your-elearning-courses\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Resources\",\"item\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/recursos\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips for using icons effectively in your elearning courses\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/\",\"name\":\"Actua\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/#organization\",\"name\":\"Actua\",\"url\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/actuasolutions.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/actuasolutions.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/logo.png\",\"width\":1791,\"height\":481,\"caption\":\"Actua\"},\"image\":{\"@id\":\"https:\\\/\\\/actuasolutions.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/actua-solutions\\\/\",\"https:\\\/\\\/www.instagram.com\\\/actua_learn_thrive\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@actuasolutions7890\\\/videos\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tips for eLearning Icons | Actua","description":"Improve your eLearning courses with our tips for using icons. Click for more information!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/","og_locale":"en_US","og_type":"article","og_title":"Tips for eLearning Icons | Actua","og_description":"Improve your eLearning courses with our tips for using icons. Click for more information!","og_url":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/","og_site_name":"Actua","og_image":[{"width":1024,"height":575,"url":"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/inicial-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/","url":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/","name":"Tips for eLearning Icons | Actua","isPartOf":{"@id":"https:\/\/actuasolutions.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/#primaryimage"},"image":{"@id":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/#primaryimage"},"thumbnailUrl":"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/inicial-2.png","datePublished":"2019-10-03T08:41:08+00:00","description":"Improve your eLearning courses with our tips for using icons. Click for more information!","breadcrumb":{"@id":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/#primaryimage","url":"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/inicial-2.png","contentUrl":"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/07\/inicial-2.png","width":1024,"height":575},{"@type":"BreadcrumbList","@id":"https:\/\/actuasolutions.com\/en\/recursos\/tips-for-using-icons-effectively-in-your-elearning-courses\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Resources","item":"https:\/\/actuasolutions.com\/en\/recursos\/"},{"@type":"ListItem","position":2,"name":"Tips for using icons effectively in your elearning courses"}]},{"@type":"WebSite","@id":"https:\/\/actuasolutions.com\/en\/#website","url":"https:\/\/actuasolutions.com\/en\/","name":"Actua","description":"","publisher":{"@id":"https:\/\/actuasolutions.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/actuasolutions.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/actuasolutions.com\/en\/#organization","name":"Actua","url":"https:\/\/actuasolutions.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/actuasolutions.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/06\/logo.png","contentUrl":"https:\/\/actuasolutions.com\/wp-content\/uploads\/2023\/06\/logo.png","width":1791,"height":481,"caption":"Actua"},"image":{"@id":"https:\/\/actuasolutions.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/actua-solutions\/","https:\/\/www.instagram.com\/actua_learn_thrive\/","https:\/\/www.youtube.com\/@actuasolutions7890\/videos"]}]}},"_links":{"self":[{"href":"https:\/\/actuasolutions.com\/en\/wp-json\/wp\/v2\/resources\/7502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/actuasolutions.com\/en\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/actuasolutions.com\/en\/wp-json\/wp\/v2\/types\/resource"}],"version-history":[{"count":0,"href":"https:\/\/actuasolutions.com\/en\/wp-json\/wp\/v2\/resources\/7502\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/actuasolutions.com\/en\/wp-json\/wp\/v2\/media\/6762"}],"wp:attachment":[{"href":"https:\/\/actuasolutions.com\/en\/wp-json\/wp\/v2\/media?parent=7502"}],"wp:term":[{"taxonomy":"categoria","embeddable":true,"href":"https:\/\/actuasolutions.com\/en\/wp-json\/wp\/v2\/categoria?post=7502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}