Responsive Web Design & eLearning

Responsive designs for both websites and eLearning projects is here to stay. A responsive design is a page layout design that has different content layouts based on the screen size of the device viewing it. The big difference between a responsive layout and a non-responsive layout is that the content designer has factored in how to accommodate the best page layout for each device width.

The number of devices and screen sizes is growing, and with it the web community has learned to adapt to building websites and elearning projects to accommodate this new environment. I find that websites have come a long way in adopting responsive users can easily view content on mobile devices, even screen sizes that are a third of the width of a standard web page for desktop.

Content creators for eLearning however, are not quite so up to date in thinking about page layouts for varying screen sizes. The assumption is that since the eLearning content is being delivered via an LMS (learning management system) the user will always be viewing the content via the desktop environment. This is becoming less and less the norm, with users needing to view eLearning content in any spare moments they have.

I have created 2 new training classes to get up to speed on working with responsive page layouts for both websites and eLearning projects. This is in response to my asking the question in Adobe Captivate classes “Do you plan to design your content for mLearning?”. Most people ask me “What is that?” and How do I create responsive Captivate projects?”.

For more information about my Responsive Web Design or Responsive Projects Using Adobe Captivate, please contact Candyce Mairs. Learn how to get your eLearning content moved into mLearning content today!