⏱️ L'essentiel en 3 minutes |
🧠 Comprendre l'enjeu : la charge cognitive
Le cerveau dispose d'une capacité limitée à traiter les informations en même temps. Un granule surchargé, mal structuré ou visuellement brouillon mobilise cette capacité sur la forme plutôt que sur le fond. Alléger la charge cognitive, c'est laisser plus de ressources disponibles pour l'apprentissage lui-même.
📝 Structure et texte
Un granule, un message. Évitez d'accumuler trop de blocs dans un seul granule. Si vous abordez plusieurs idées, répartissez-les sur deux granules distinctes.
Le gras met en valeur une idée clé, à condition de ne pas en abuser. Trop de gras crée une surcharge visuelle et neutralise l'effet de mise en relief. Évitez le soulignement, qui évoque un lien cliquable.
Le gras met en valeur une idée clé, à condition de ne pas en abuser. Trop de gras crée une surcharge visuelle et neutralise l'effet de mise en relief. Évitez le soulignement, qui évoque un lien cliquable.
Les titres structurent le contenu et hiérarchisent les informations. Leur taille est réglable selon le niveau d'importance.
Les titres structurent le contenu et hiérarchisent les informations. Leur taille est réglable selon le niveau d'importance.
Les statements attirent l'attention sur un point fort ou un titre court. À réserver aux informations vraiment essentielles.
Les statements attirent l'attention sur un point fort ou un titre court. À réserver aux informations vraiment essentielles.
Les blocs colonnes permettent de regrouper des ensembles texte + image pour réduire le scroll et améliorer la lisibilité. Si vous avez plusieurs blocs empilés verticalement, un bloc colonnes peut les rendre beaucoup plus lisibles.
Les blocs colonnes permettent de regrouper des ensembles texte + image pour réduire le scroll et améliorer la lisibilité. Si vous avez plusieurs blocs empilés verticalement, un bloc colonnes peut les rendre beaucoup plus lisibles.
💪 Exercices
Homogénéisez les propositions. Dans un QCM, des réponses de longueurs très différentes orientent inconsciemment l'apprenant vers la bonne réponse. Visez une longueur et une densité similaires pour toutes les options.
Ajoutez des images dans les réponses. Dans les QCM, Categorizer et Ordering, les images ou pictogrammes dans les propositions rendent l'exercice plus concret et plus engageant.
Ajoutez des images dans les réponses. Dans les QCM, Categorizer et Ordering, les images ou pictogrammes dans les propositions rendent l'exercice plus concret et plus engageant.
Image interactive : limitez les zones. Au-delà de 5 à 7 zones cliquables, l'exercice devient difficile à lire. Sélectionnez uniquement les éléments les plus pertinents.
Image interactive : limitez les zones. Au-delà de 5 à 7 zones cliquables, l'exercice devient difficile à lire. Sélectionnez uniquement les éléments les plus pertinents.
Attention, au-delà de quelques zones à identifier (5 à 7 idéalement), l’exercice devient difficile à lire et perd en efficacité pédagogique. Mieux vaut sélectionner uniquement les éléments les plus pertinents.
💬 Dialogues
Dans les granules d'information, limitez la longueur des bulles. Si un texte est développé, scindez-le en deux répliques pour garder un bon rythme de lecture. Aérez le contenu avec des retours à la ligne.
Dans les granules d'information, limitez la longueur des bulles. Si un texte est développé, scindez-le en deux répliques pour garder un bon rythme de lecture. Aérez le contenu avec des retours à la ligne.
Dans les réponses d'exercice, évitez de forcer l'apprenant à faire le lien entre un dialogue dans la mise en situation et des réponses textuelles séparées. Placez les choix de dialogue directement dans les vignettes de réponse : c'est plus direct et moins coûteux cognitivement.
Dans les réponses d'exercice, évitez de forcer l'apprenant à faire le lien entre un dialogue dans la mise en situation et des réponses textuelles séparées. Placez les choix de dialogue directement dans les vignettes de réponse : c'est plus direct et moins coûteux cognitivement.
🎨 Couleurs et hiérarchie visuelle
Par défaut, les blocs s'affichent en alternance fond clair / fond sombre. Vous pouvez personnaliser ces fonds pour renforcer la cohérence visuelle : fond clair pour les dialogues, fond plus sombre pour les blocs texte + image, par exemple.
Vérifiez que le contraste entre le texte et le fond reste suffisant, surtout avec des thèmes sombres ou des couleurs vives. L'outil Contrast-Finder vous permet de tester vos combinaisons.
Si une image contient une information importante, ajoutez une courte légende pour la rendre accessible à tous.
Mots clés : granule, conception, design pédagogique, lisibilité, charge cognitive, gras, titres, couleurs, exercice, dialogue