{"id":744,"date":"2017-10-16T08:43:07","date_gmt":"2017-10-16T08:43:07","guid":{"rendered":"http:\/\/360elearning.com\/blog\/?p=744"},"modified":"2017-10-16T08:47:32","modified_gmt":"2017-10-16T08:47:32","slug":"why-responsive-elearning-is-important","status":"publish","type":"post","link":"https:\/\/360elearning.com\/blog\/why-responsive-elearning-is-important\/","title":{"rendered":"Why Responsive eLearning is Important?"},"content":{"rendered":"<p>Learners today expect courses to be designed to accommodate multiple devices means responsive elearning; do your courses deliver? Long gone are the days when learners would only use desktop computers to access a fixed eLearning course but <a href=\"http:\/\/360elearning.com\/blog\/elearning-trends-2017\/\" target=\"_blank\" rel=\"noopener noreferrer\">trends<\/a> changed.<\/p>\n<p>Today\u2019s learners are using devices of all sizes and shapes \u2014 their mobile phones, tablets, laptops, and personal computers \u2014 and they\u2019re often switching between them multiple times per day depending on their location. Nearly all millennials (87%) say they use two to three devices per day, and employees from all generations are expecting to receive training and learning on their mobile devices.<\/p>\n<h2><strong>What is Responsive eLearning? <\/strong><\/h2>\n<p>Although it can appear to be an intimidating topic, responsive eLearning is actually straightforward: It\u2019s the practice of designing a single course that will look and preform great across a variety of devices and screen sizes.<\/p>\n<p>You may have heard \u201cresponsive design\u201d before \u2014 how an on-screen layout will automatically rearrange based on the screen size. It\u2019s easy to read a four-column layout on a large monitor, but much harder to do so on a phone; with responsive design, this layout adjusts automatically on the phone to a single stacked column so that everything is clearly seen without the need for excessive zoom.<\/p>\n<h3>Empowering a Learner<\/h3>\n<p>This is about more than design. Responsive eLearning empowers a learner to achieve their necessary tasks easily and efficiently within a course\u2014 whether they\u2019re using a desktop computer, laptop, tablet, or phone. Regardless of the device, they\u2019re using, the actions they need to take within the course are always easily available and accessible.<\/p>\n<p>Responsive eLearning also ensures that learner don\u2019t need to spend any time squinting their eyes or zooming their screen. They simply log on to any device and pick up where they left off \u2014 focusing 100% on your course content and action items.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-659\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2017\/09\/responsive_design.png\" alt=\"\" width=\"600\" height=\"360\" srcset=\"https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2017\/09\/responsive_design.png 600w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2017\/09\/responsive_design-300x180.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>If you want learners to continue taking your courses, then responsive e-learning is absolutely essential. Online users are turning away from desktop computers and toward mobile phones \u2014 using their devices to browse websites, shop, and learn. Not only are users looking at their mobile phones more than 200 times per day, but they\u2019re also switching between devices depending on their location and the goal they need to achieve.<\/p>\n<p>Today\u2019s learners \u2014 and this applies to all generations, not just Millennials \u2014 are expecting to have access to course content on their mobile devices. A Towards Maturity Report from February 2016 found that 70% of those surveyed turned to a mobile phone for e-learning, while 52% used a tablet device.<\/p>\n<p>It\u2019s all about giving learners the freedom to choose when and how they want to learn. Some will still gravitate toward desktop computers, and others will work exclusively on the go on their mobile devices. Most, however, will switch between devices and expect a smooth transition from one screen size to the next.<\/p>\n<p>Responsive e-learning also helps to prepare for the future, as well. New devices are released each year, and it\u2019s impossible to build a unique design for each and every one.<\/p>\n<p>Is it difficult to create responsive e-learning courses? How can I get started?<\/p>\n<p>It\u2019s easier than you\u2019d think to create a responsive e-learning course.<\/p>\n<p>There are strategy decisions that need to be made, but these are things that all effective e-learning courses should consider, such as:<\/p>\n<ul>\n<li><strong>Is the navigation menu straightforward?<\/strong> Challenge yourself to organize your content in a way so that the menu is straightforward and concise. If learners are spending minutes working your way through the menu to find where something is, you\u2019re delaying them from achieving their goals.<\/li>\n<li><strong>Is everything on screen important to help learners reach their goals?<\/strong> Screens that only have the essential items, and get rid of any excess, will create a better user experience for your learners and will improve your load speed.<\/li>\n<li><strong>Are interactions as simple as possible?<\/strong> Learners using phones won\u2019t be able to do right-clicks or complex keyboard interactions. Ensure that all interactions are as simple and straightforward as possible; you\u2019ll find that this will create a better experience for all learners.<\/li>\n<li><strong>What will this design look like on the smallest device?<\/strong> Envision how your course\u2019s text, images, and interactions will appear on a small device like an iPhone. Thinking in this way will help you identify the most essential elements of your course and will create a better user experience on all screen sizes. If something is front and center at the top of a mobile screen, it should be prominent in the larger desktop view as well. Keep in mind that learners will often use landscape view instead of portrait, but may expect it to perform well on both orientations.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 620px; left: 20px;\">Save<\/span><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 628px; left: 20px;\">Save<\/span><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 628px; left: 20px;\">Save<\/span><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">Save<\/span><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">Save<\/span><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c  no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 697px; left: 20px;\">Save<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learners today expect courses to be designed to accommodate multiple devices means responsive elearning; do your courses deliver? Long gone are the days when learners would only use desktop computers&#8230;<\/p>\n<p><a class='more-link' href='https:\/\/360elearning.com\/blog\/why-responsive-elearning-is-important\/'>Read More <span class='screen-reader-text'>Why Responsive eLearning is Important?<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":661,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1,114,108],"tags":[],"class_list":["post-744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beginners-guide","category-benefits-of-elearning","category-elearning-trends","excerpt"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts\/744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":1,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts\/744\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts\/744\/revisions\/745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/media\/661"}],"wp:attachment":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/media?parent=744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/categories?post=744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/tags?post=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}