As a mobile usage grows, we no longer get to decide which device learners will use to access learning. Applying responsive design enables your customized, interactive course to display beautifully in both desktop and mobile learning environments. With true responsive design, course content needs to automatically rearrange and reflow depending on screen size and orientation. It is important to take the mobile environment into consideration beginning with the initial storyboarding of design and development.

In this session you will learn the design principles and techniques for applying responsive design to eLearning. You will explore the key areas you must address when designing for mobile devices: performance, accessibility, content parity, device-agnostics, and future-friendly design. You will discover the advantages and benefits of using responsive design from the onset of projects as well as how to transform existing course content for mobile learning.

In this session, you will learn:

  • Why responsive design involves more than scaling content to a device’s screen size
  • How to differentiate responsive design principles from traditional eLearning
  • How the application of responsive design relates to various devices
  • The key areas important to a successful responsive-design course

Audience:
Novice and intermediate designers, developers, and project managers.

Technology discussed in this session:
Captivate, general eLearning design, and video.

Handouts