🧠 Une granule, une info clé

Même si vous pouvez désormais ajouter un nombre illimité de blocs, mieux vaut éviter d’en accumuler trop. Trop d’informations présentées d’un coup peuvent rapidement surcharger la mémoire de travail et rendre l’apprentissage plus difficile.

Essayez plutôt de regrouper les idées essentielles pour aider l’apprenant à se concentrer sur l’essentiel.

Et si le contenu devient trop dense, n’hésitez pas à le répartir sur deux granules distinctes : cela permet d’alléger la charge cognitive et de favoriser une meilleure compréhension.

💡 Un granule = un message clé.

✍️ Lisibilité du texte

Dépliez chaque section à l’aide de la flèche située à gauche du titre pour découvrir les détails ▶️

Le gras

C’est un excellent moyen de mettre en valeur une idée, à condition de ne pas en abuser. Trop d’éléments mis en gras risquent de créer une surcharge visuelle et de nuire à la hiérarchie des informations.

De même, évitez de concentrer trop de texte dans un seul bloc : si vous abordez plusieurs idées, séparez-les avec quelques sauts de ligne pour rendre la lecture plus agréable.

Évitez également le soulignement, qui donne souvent l’impression d’un renvoi vers un lien cliquable. Pour attirer l’attention sur un mot ou une idée, préférez plutôt la couleur ou le gras.

Les titres

Les titres permettent de structurer le contenu et de hiérarchiser les informations.

Ils peuvent servir à mettre en avant certains textes, et leur taille est réglable selon le niveau d’importance (titre ou sous-titre).

Les statements

Vous pouvez utiliser les statements pour mettre en valeur une information clé ou un titre court.

Ils attirent l’attention de l’apprenant sur un point important et favorisent la mémorisation rapide.

Les blocs colonnes

Lorsque vous avez des granules d’informations avec plusieurs blocs Texte + Image, une alternative afin de réduire le scroll de lecture, est de regrouper ces informations avec un bloc Colonnes + Images.

Avant :

Après :

🧩 Bonnes pratiques pour les exercices

Les exercices permettent à l’apprenant de passer de la compréhension à l’action.

Dépliez chaque section à l’aide de la flèche située à gauche du titre pour découvrir les détails ▶️

Les images dans les réponses

Dans les exercices (QCM, Categorizer, Ordering,…) vous pouvez ajouter des images ou pictogrammes dans les propositions de réponses : cela rend l’exercice plus concret et facilite la compréhension.

Aussi, dans les QCM, veillez à ce que les libellés soient de longueur similaire afin de ne pas orienter inconsciemment l’apprenant vers la bonne réponse.

Le Categorizer

💡 Astuce : pensez à varier le mode d’affichage du Categorizer pour diversifier vos activités !

Il existe sous deux modes : “Un par un” et “Tous en même temps”, chacun apportant une expérience d’apprentissage différente.

🟩 “Un par un”
L’apprenant classe les cartes une à une, ce qui réduit la charge cognitive et favorise une réflexion séquentielle.
Idéal pour des items visuels, nombreux ou indépendants
(images, situations, affirmations simples).
💡 Un format immersif et guidé, adapté aux exercices concrets.

🟦 “Tous en même temps”
L’apprenant voit tous les items et catégories d’un coup, favorisant une vue d’ensemble et un raisonnement global.
Adapté quand les catégories ont des critères proches ou doivent être traitées en parallèle.
💡 Un format analytique, idéal pour comparer et vérifier la cohérence d’ensemble.

L'image interactive

L’image interactive est un type d’exercice qui permet de sélectionner des zones où l'apprenant peut cliquer et déterminez si ce sont de bonnes ou de mauvaises réponses.

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.

💬 Bonnes pratiques pour les dialogues

Dans les granules d’informations

Les bulles de dialogue fonctionnent très bien pour illustrer une situation ou des interrogrations concrètes.

Pour garder un bon tempo, limitez les bulles trop longues. Si un texte est plus développé, scindez-le en deux répliques distinctes : la lecture restera fluide et naturelle.

👇

Pensez aussi à aérer le contenu : un simple retour à la ligne peut suffire à améliorer la lisibilité.

Dans les réponses

Mauvaise pratique ❌ : dans l’exemple ci-dessous, l’apprenant doit choisir quelle est la bonne réponse entre deux dialogues. L’apprenant doit ici remonter dans la situation et faire le lien entre les réponses et les dialogues, cela ajoute de la charge cognitive.

Bonne pratique ✅ : Il est plus simple et direct pour l’apprenant d’avoir les choix de dialogues directement dans les vignettes de réponse.

🎨 Hiérarchiser les informations avec les couleurs

Lors de la création de votre parcours de formation, chaque nouveau bloc (par exemple un bloc de dialogue ou un bloc d’information avec texte et image) est généré automatiquement avec une alternance de couleurs de fond : un fond clair, puis un fond plus sombre, et ainsi de suite. Cette alternance par défaut permet de différencier visuellement les blocs au fur et à mesure de leur ajout.

Vous pouvez ensuite personnaliser ces fonds selon le type de contenu afin de renforcer la hiérarchie visuelle. Par exemple, vous pouvez :

utiliser un fond clair pour les blocs de dialogue,
et un fond plus sombre pour les blocs d’information combinant texte et image.

Cette approche vous permet d’apporter une cohérence visuelle à votre parcours et de rendre la lecture plus fluide pour vos apprenants.

👇

💡 Accessibilité visuelle

L’accessibilité contribue à rendre la lecture confortable pour tous les apprenants.

Vérifiez que le contraste entre le texte et le fond reste lisible, surtout si vous utilisez un thème sombre ou des couleurs vives.

Limitez le nombre de couleurs fortes dans un même granule pour conserver une hiérarchie visuelle claire.

Et si une image contient une information importante, ajoutez une courte légende pour la rendre immédiatement compréhensible par tous.

🪄 Astuce : l’outil Contrast-Finder vous permet de tester facilement vos combinaisons de couleurs.

✨ Ces recommandations ne sont pas des règles figées, elles servent de repères : à vous de les ajuster en fonction de vos besoins et de vos préférences de conception.

L’essentiel est, ici, de viser la clarté, la cohérence et le confort de lecture pour offrir une expérience fluide et engageante à vos apprenants.

Mots clés : recommandations, design, conception, granules

Des questions supplémentaires ? N’hésitez pas à nous contacter à [email protected]. Notre équipe est à votre disposition pour vous aider et vous accompagner dans vos projets ! 💬

💡Des réflexes simples pour concevoir des granules claires et efficaces