Responsive Design, on commence à comprendre, mais Responsive Learning ?

Depuis l’été 2015, toutes les mesures d’audiences le confirment : les français se connectent majoritairement à Internet depuis leur smartphone ou leur tablette. Ce qui ne manque pas d'interpeller la formation : comment concevoir des formations en ligne qui soient partout lisibles, alors que ces équipements mobiles multiplient les tailles et les formats d’écrans ? Certainement pas en produisant vos formations sous la forme de diapositives ! Car ce format, transposition digitale du transparent sur rétroprojecteur des années 70, est désormais totalement inadapté : les diapositives sont peu lisibles sur des tablettes de petite taille, et sont inutilisables sur des smartphones.

C’est ici qu'on doit nécessairement en passer par la case "Responsive Learning", c'est-à-dire par l'utilisation du Responsive Design dans la production de formations en ligne. Le Responsive Learning, c'est au fond un prolongement dans la formation du Responsive Design (Design Réactif), qui consiste à réaliser des pages Web dont le contenu et la mise en page s’adaptent automatiquement à la taille et au format d’écran que vous utilisez. Illustration : www.knowledgeplaces.com pouvant être consulté depuis un poste fixe, une tablette ou un smartphone : son contenu s’adapte automatiquement à tous ces écrans, comme le fera le contenu d’une formation Responsive Learning.

Nouveau paradigme en vue…

L’interface tactile des équipements mobiles a modifié nos habitudes : quelques glissements de doigt suffisent au défilement des pages de discussion dans les réseaux sociaux, à la consultation des sites d’actualités ou des catalogues de boutiques en ligne… Fin des formations en ligne à base de diapos devenues archaïques, place au nouveau paradigme introduit par l’interface tactile, avec la même exigence des utilisateurs, qui souhaitent profiter de la même expérience de navigation dans les formations que vous leur délivrez. Maintenant chaque formation doit en effet être conçue comme un véritable site Web, et offrir à l'apprenant la possibilité de faire défiler les pages et de naviguer entre elles comme il le souhaite.

Les concepteurs y trouveront leur compte (outre d'avoir des apprenants plus heureux !) :

• La suppression d’éléments devenus inutiles (cliquez sur "Suivant" pour continuer…)
• La possibilité d’ajouter des fils de discussion au sein même des formations
• Un vrai travail de scénarisation, en réalisant des pages dont la longueur s’adapte au contenu à présenter (et non l’inverse : découper une formation en diapositives, ce n’est pas scénariser, c’est se conformer à un cadre rigide)
• Une expérience utilisateur plus intuitive et plus fluide (exemples).

Pour démarrer dans le Responsive Learning

Au plan technique, le Responsive Learning utilise les langages standards du Web, principalement HTML5 et CSS3. Mais point n'est besoin de connaître ces langages pour créer des formations Responsive Learning ! Au contraire, avec l'utilisation d'outils comme le CMS Knowledge Place, qui inclut par exemple un éditeur visuel pour composer les pages ainsi qu'une fonction "Aperçu" pour les prévisualiser sur poste fixe, tablette et smartphone. Il est bel et bien possible de produire du Responsive Learning sans écrire une seule ligne de code, et de gagner fortement en productivité en déployant la même formation sur tous les formats d’écran.

Mes dernières recommandations, pour que vos apprenants redécouvrent le plaisir d'apprendre en ligne grâce au Responsive Learning : oubliez le format diapositive et le bouton "Suivant", et profitez de la liberté de création offerte par le Responsive Learning ; produisez des formations scénarisées et structurées selon le contenu à présenter et le public visé ; offrez une expérience utilisateur fluide et attrayante sur tous les équipements, fixes ou mobiles !