Responsive Elearning

We live in a multi-device world. The growth of internet enabled devices such as smartphones, tablets and laptops means that increasingly we have to deliver learning solutions that work on all devices. This is not as simple as a desktop solution and a mobile solution, what is required is a multi-device solution.

Luckily developments in HTML5 mean we can now develop a single e-learning module which will work on all devices.

Responsive Web Design

Responsive elearning is based on the standards and approach behind responsive web design (RWD). RWD was first used by Ethan Marcotte in his article in A List Apart in 2011. 

In essence RWD means a website designed to work on multiple devices by using fluid proportion based grids. This means according to Wikipedia that “users across a broad range of devices and browsers will have access to a single source of content.”

Historically many companies developed a desktop version of their website and a mobile version. Increasingly companies develop a single version based on RWD which responds to the device you are on – just like this website.

Our Approach: Responsive Elearning Design

At Kineo we have developed a responsive elearning framework which enables us to develop one version which will work on all devices.

It’s called Adapt. It’s been used by multiple clients including Logitech, The Scouts Association, City & Guilds, Compass and many more. It’s already won the highest elearning honour, the Platinum Award for Best Learning Design Technology at the 2013 LearnX awards.

Here’s a video showing how responsive elearning design works in the Adapt framework.

Intelligent design

The really smart thing about responsive elearning design is that in your design you can show different content on different devices and you can gracefully degrade content if you wish. 

For example, we may have some animations on a desktop version of our content which we decide not to show at all on the smartphone size version, or alternatively you might want to just take the text from an animation and display it in a simpler format.

Thus as the elearning responds to the screen size, it can effectively be quite a different version of the content on the various devices. Some content can be designed specifically for the smartphone or the desktop.

We love to share: Adapt is open source

We’ve always believed it’s not about the software, it’s about the service and what you can do with it.

We’ve backed that up with action by making the Adapt Framework an open source project. Anyone will be able to access the code, and contribute to it. 

Find out more about the Adapt open source project.