⏱️ L'essentiel en 3 minutes |
🧠 Comprendre l'enjeu pédagogique de l'image interactive
Certaines compétences s'évaluent moins efficacement avec des QCM : identifier une zone de danger sur un chantier, localiser un bouton sur une interface, repérer une erreur dans un montage. L'exercice d'image interactive permet de tester ces compétences de façon située, en demandant à l'apprenant d'interagir directement avec un visuel représentatif de sa réalité professionnelle. Le format favorise aussi l'attention et l'observation active, contrairement à un simple texte descriptif.
L'exercice d'image interactive demande à l'apprenant de cliquer sur une zone précise d'une image. C'est particulièrement adapté pour :
les formations logicielles (trouver un bouton, naviguer dans une interface)
les formations techniques (identifier un composant, localiser une zone sur un schéma)
tout exercice nécessitant une reconnaissance visuelle précise
💡 Cas d'usage typiques
Utilisation d'un logiciel ou d'une interface : cliquer sur le bon bouton ou menu.
Gestes techniques : identifier les bonnes zones d'intervention (premiers secours, maintenance, sécurité).
Lecture de schémas ou de plans : repérer des éléments sur une carte, un organigramme, un circuit.
Chasse aux indices : analyser une scène et identifier les éléments pertinents.
⚙️ Comment créer un exercice d'image interactive
1️⃣ Ajouter l'exercice
Dans votre module, ajoutez un granule et choisissez le type d'exercice "Image interactive".
Rédigez un contexte si nécessaire en ajoutant les blocs de contenu disponibles (texte, image, dialogue…).
Cliquez sur l'icône 📏 pour :
Cliquez sur "Éditer l'exercice" pour renseigner la question et pour ajouter vos images.
2️⃣ Définir les zones de réponse
Importez votre image, puis positionnez les zones de focus directement dessus. Pour les zones de petite taille :
Zoomez dans l'éditeur pour agrandir l'image et positionner précisément la zone.
Utilisez le bouton Taille normale pour revenir à la vue d'ensemble.
Sélectionnez une zone et cliquez sur Cadrer la zone pour zoomer automatiquement dessus.
💡 En mode survol dans l'éditeur, la zone sélectionnée se met en surbrillance, ce qui aide à vérifier son positionnement.
Vous pouvez créer un exercice avec plusieurs images à la suite. L'apprenant enchaîne les images dans l'ordre, avec la possibilité de revenir à une image précédente.
💡 Utile pour les formations logicielles qui demandent de naviguer dans plusieurs écrans à la suite.
3️⃣ Personnaliser les marqueurs
Depuis Format (accessible via l'icône 📏 affiché au survol du bloc) ajustez différents éléments :
Cacher ou afficher les zones interactives :
Si l'option est activée, l'apprenant doit trouver les zones sans repère visuel. Si l'apprenant clique en dehors d'une zone, un feedback "hors zone" s'affiche. Après 3 tentatives infructueuses, un bouton Indice apparaît pour afficher temporairement les marqueurs. Cette option est particulièrement efficace pour les exercices où l'objectif est de localiser un élément de mémoire (un bouton dans une interface, une zone sur un plan…).
Choisir le style d'affichage (marqueurs ou zones)
Choisir la couleur de la zone interactive ou activer le marqueur à centre vide
Activer ou désactiver le mode immersif :
Le mode immersif force l'apprenant à compléter l'exercice en plein écran. Sans mode immersif : l'apprenant peut choisir de passer en plein écran depuis l'exercice. Avec mode immersif : le plein écran est imposé dès l'ouverture de l'exercice.
💡 Vous utilisez des images interactives dans des parcours multilingues ? Bonne nouvelle : il est possible d’adapter entièrement ces contenus à chaque langue de votre projet.
Une fois que vous avez sélectionné la langue souhaité dans le sélecteur de langue (en haut du projet) ou en bas à gauche depuis l'éditeur de granule, accédez au granule concerné puis cliquez sur "Editer l'exercice" pour traduire la question et/ou ajouter une nouvelle image.
🎓 Ce que voient vos apprenants
Les marqueurs apparaissent sur l'image (sauf si les zones sont cachées).
Au survol, la zone se met en surbrillance.
L'apprenant peut double-cliquer pour zoomer sur l'image.
Après avoir complété une image, l'exercice passe automatiquement à la suivante.
Un bouton Fermer permet de quitter le plein écran ou l'exercice.
📱 Compatibilité
L'exercice d'image interactive est utilisable sur mobile. Il est également disponible dans les modules d'évaluation, les tests de positionnement par chapitre et les évaluations finales.
Mots-clés : image interactive, exercice, zones cachées, indice, plein écran, mode immersif, formation logicielle, marqueurs, plusieurs images, évaluation