Dans l’article Principe d’intégration multimédia : combiner images et mots pour améliorer l’apprentissage, nous expliquions comment les recherches présentées par Mayer et Clark dans leur livre (en anglais) E-Learning and the Science of Instruction montraient que mélanger les textes et les visuels pouvait être bénéfique aux apprenants. Mais ce n’est que la partie émergée de l’iceberg ! Les auteurs proposent également des idées sur la façon de positionner les visuels et les textes associés pour de meilleurs résultats, ce que nous allons examiner dans cet article.

Qu’est-ce que le principe de contiguïté ?

Les recherches de Mayer indiquent que l’apprentissage s’améliore lorsque les images et le texte associé sont disposés à côté l’un de l’autre – ou contigus (d’où le nom de principe de contiguïté). Il en va de même pour l’audio description. Pour un apprentissage efficace, toute voix-off qui décrit des visuels à l’écran doit être synchronisée avec l’apparition de ces graphiques. Les auteurs montrent que l’apprentissage s’améliore de 68 % lorsque les textes et les éléments visuels qu’ils décrivent sont présentés l’un près de l’autre.

C’est logique, non ? Si les textes sont séparés des visuels, les apprenants doivent faire un effort supplémentaire pour les associer.

Appliquer le principe de contiguïté

Alors, à quoi cela ressemble-t-il en pratique ? Analysons un exemple concret :

Le graphique ci-dessus ne respecte pas les bonnes pratiques du principe de contiguïté. Bien que la présentation soit soignée lorsqu’elle est organisée de cette manière, placer les légendes si loin des parties du graphique auxquelles elles correspondent oblige les apprenants à se concentrer davantage pour les faire correspondre. La mémoire de travail étant limitée, cet effort supplémentaire réduit leur capacité à comprendre et à retenir les informations en elles-mêmes. Examinons maintenant ce même graphique avec des légendes intégrées :

L’image ci-dessus respecte les règles décrites dans le principe de contiguïté : les légendes apparaissent à côté des parties pertinentes du graphique. Cette version permet aux apprenants d’identifier les parties du graphique en un coup d’œil, ce qui leur permet de se concentrer sur la compréhension du matériel au lieu de faire correspondre les légendes avec les différentes parties de l’image.

Parfois, suivre ces directives est plus facile à dire qu’à faire, comme, par exemple, lorsque l’espace à l’écran est limité ou que le texte empiète sur votre graphique. Une stratégie pour des situations comme celles-ci consiste à utiliser des marqueurs interactifs pour positionner le texte associé près du graphique sans surcharger l’écran ou vos apprenants. Voici un exemple de ce à quoi cela pourrait ressembler, en utilisant le même graphique que ci-dessus :

Cliquez ici pour voir la version interactive créée dans Rise 360.

De cette façon, le texte associé est exactement là où il doit être mais il n’encombre pas l’écran. C’est un bon compromis, n’est-ce pas ?

Tout cela semble assez logique, mais force est de constater que la plupart des concepteurs n’appliquent pas systématiquement ce principe dans leurs modules. En plus de légender directement les graphiques au lieu d’utiliser des renvois, consultez cette liste de choses à faire et à ne pas faire pour éviter de commettre certaines des erreurs les plus courantes en ce qui concerne le principe de contiguïté.

Avez-vous déjà commis l’une de ces ces erreurs courantes ? Si tel est le cas, ne vous sentez pas coupable, vous n’êtes pas le seul ! La clé est de commencer à réfléchir à ces « choses à ne pas faire » lors de la création de nouveaux modules afin de pouvoir faire ce qu’il faut pour s’améliorer.

Plus de ressources

Si vous souhaitez approfondir ce principe et découvrir d’autres bonnes pratiques pour la conception e-learning, vous pouvez consulter le livre (en anglais) qui a inspiré cet article : E-Learning and the Science of Instruction de Ruth Clark et Richard Mayer.

Si vous manquez de temps, vous pouvez consulter ces articles où nous avons résumé quelques-uns des autres points clés présentés dans leur livre :

• Principe de redondance : faut-il afficher à l’écran le texte présenté oralement ?
• Le principe d’intégration multimédia : combiner images et mots pour améliorer l’apprentissage
• Principe de cohérence : supprimer du matériel pour améliorer l’apprentissage
• Principe de personnalisation : ne vous contentez pas d’être informatif avec vos apprenants, soyez engageant !

Et n’oubliez pas de nous suivre sur Twitter et de vous abonner au blog pour obtenir des conseils utiles sur tout ce qui concerne le e-learning. Si vous avez des questions ou des commentaires, veuillez les partager ci-dessous.