We’ve all experienced responsive web design, usually in the form of web pages that make use of flexible layouts, images and cascading style sheets (CSS) that detect your mobile phone’s screen size and orientation and change the layout accordingly.
As more organisations embrace learning across multiple devices (desktops, laptops, tablets and phones) we now need to develop content that is responsively designed to work across these environments.
Where do you start? What are the best practices? Where’s my hoverboard?!
In our June webinar, our in-house design genius and Adobe Captivate Expert, John Stericker, teaches you all about it. Flummoxed by Adobe Captivate fluid boxes, scalable HTML or creating multiple designs for multiple devices? We’ve got you covered!
Adobe Captivate 2017 includes the option to publish a project as scalable HTML5 and at times, this can be a more appropriate approach over creating a responsive design using breakpoints or fluid boxes. We’ll show you how to create multi-device eLearning without the need to build multiple designs, by using this scalable HTML5 publishing feature.
And as far as multi-device eLearning goes, here is an example we prepared earlier!
Quite a while ago I created a blog post, explaining my view on the three ways provided by Captivate to deliver content to all devices: scalable HTML, reponsive design with Fluid Boxes, responsive design with Breakpoints in this blog:
https://elearning.adobe.com/2017/11/tough-choice-breakpoints-or-fluid-boxes/
However I personally believe that many (existing) courses cannot be just transferred to all devices because the content has to be adapted. Consuming learning works in a very different way when using a smartphone compared with sitting comfortably at your desk watching it on a gorgeous big retina screen.
You must be logged in to post a comment.
