{"id":337,"date":"2019-03-14T23:11:13","date_gmt":"2019-03-14T17:41:13","guid":{"rendered":"https:\/\/esleave.com\/?p=337"},"modified":"2019-04-29T10:57:52","modified_gmt":"2019-04-29T05:27:52","slug":"true-responsive-e-learning-why-you-cant-duck-any-longer-and-how-you-can-meet-the-challenge","status":"publish","type":"post","link":"https:\/\/esleave.com\/web\/true-responsive-e-learning-why-you-cant-duck-any-longer-and-how-you-can-meet-the-challenge\/","title":{"rendered":"True responsive e-learning \u2013 Why You Can\u2019t Duck Any Longer and How You Can Meet The Challenge"},"content":{"rendered":"\n

Lets  face it.  For the past few years everyone has been  paying lip service to responsive e-learning while producing courses that simply weren\u2019t designed to play on devices.   A few attempted  to create Adaptive courses laboriously making multiple versions of each page to address a limited number of devices. Others simply eliminated all interaction and created videos which could be played devices.   Well there\u2019s some bad news for those folks. It is no longer possible to duck and hide.  With the universal availability of Mobile  Phones Mobile First is now the preferred strategy for E-Learning  and True Responsive design is quickly becoming  the norm.<\/p>\n\n\n\n

 But there\u2019s good news\ntoo.  True Responsive Design is  no longer the ordeal it once was.  New Authoring Tools  are now providing a bunch of features that\nare taking the pain out of  Responsive\nDesign. With a little thought and some planning there\u2019s no reason why you\nshould not be able to produce Truly Responsive E-Learning  that works seamlessly across a wide variety\nof devices.<\/p>\n\n\n\n

The case for Mobile Based E-Learning is compelling.  The universal \navailability of  mobile\nphones,  The ease of access, the\nconvenience, the availability of bandwidth, mobility,  powerful hardware, improved software and\nshort attention spans  are all making the\nmobile phone the device of choice for delivering e-Learning. However the varied\nsizes of these devices  and their sheer\nvariety means that  for content to be\ndelivered on these devices it needs to be truly responsive.<\/p>\n\n\n\n

However, let us first \nunderstand what we mean by  True\nResponsive Design and how this differs from Scalable or Adaptive.   Here is a quick workable definition of these\nterms<\/p>\n\n\n\n

Scalable:<\/strong>   Scalable content essentially shrinks to fit the screen size available. The disadvantage of this is obvious in that text can often become unreadable as it shrinks.   This also means that it puts rather severe limitations on the amount of text that you can place on the screen.  <\/p>\n\n\n\n

Adaptive <\/strong>:   Adaptive essentially means that you create\nmultiple pages corresponding to different screen sizes.   There are a number of limitations of this\napproach.  The chief one being that it\nincreases effort tremendously and also creates problems in maintenance and\nupdates.  The other major problem is that\nit is simply not possible to create pages for each type of device that is\navailable.<\/p>\n\n\n\n

Responsive :<\/strong>   In the case of responsive design your\ncontent responds to device size and changes its appearance  and behavior \nin order to work suitably on the device. \nIt  does this in multiple ways for\ninstance it may change its layout, It may add or hide a scroll bar, It may hide\nor show  some elements, or it may expand\nor contract the font size. The obvious advantage of this strategy is that you\ncreate each page only once and are able to ensure that the same page runs\nseamlessly on a wide variety of devices.<\/p>\n\n\n\n

Now  let us look at\nhow you can go about creating Responsive E-Learning courses. First and  foremost you need an Authoring system that\nsupports Responsive design. Your development team also needs to have a  basic understanding of how HTML works.    So let us look at what features your\nAuthoring System must have in order for you to be able build Responsive\ncourses.<\/p>\n\n\n\n