Stage de conception digital learning

Stage de conception digital learning

Soutenance

Commencer

Marion Robert -

26 mars 2026

Mon parcours

Conceptrice digital learning Pédagogie x Storytelling

Product owner Agilité Scrum x Product Design

Consultante solutions

Cheffe de projet

Conceptrice applicative

Page de garde

Sommaire

Développeuse

Sommaire

semaines de stage

Cadrage

Conception

Réalisation

Tests & Livraison

Page de garde

Conclusion

Cadrage

Le public cible

Le commanditaire

La thématique

Les contraintes

Les objectifs pédagogique

Sommaire

2003

Conception

Le scénario

Le storytelling

Le déroulé pédagogique

L'univers graphique

La navigation

Sommaire

Réalisation

Affinity

Powerpoint

ElevenLabs

Accessibilité

Genially

Sommaire

Tests & livraison

Tests utilisateurs

Itérativité

Livraison

Sommaire

Conclusion

• Contexte de l'encadrement :
• Expertise en pédagogie, coordination de formation

• Connaissance, mais pas expertise, du digital learning et de ses outils

• Bilan positif
• Grande liberté dans la conception du module
• Pédagogie pour expliquer mes choix

• Retours entousiastes du pole aidant

• Petite frustration :
• Ne pas avoir eu le temps de réaliser le 2nd module => choix de prendre le temps d'1 module complètement abouti

Fin

Sommaire

Merci

Soutenance

Les contraintes

Charte graphique

Boite à outils

La thématique

L'écosytème de l'aidance

Aidante, aidant, proche aidant :=> personne qui aide régulièrement, à titre non professionnel, une personne en perte d'autonomie, du fait de l'âge, de la maladie ou d'un handicap.

Le storytelling

Ecosytème

L'écosystème représente l'unité de base de l'environnement. Il est constitué par un ensemble d'animaux, de plantes, de champignons et de micro-organismes interagissant les uns avec les autres et avec leur milieu (sol, air, climat, etc.). - Définition Larousse -

Un forum, un salon qui regroupe des acteurs qu'on peut rencontrer. => Les rencontres de l'aidance

Un discours d'ouverture => la notion d'écosystème Des stands => 4 stands, 1 par types de besoin Une conférence => 1 sur la temporalité de l'aidance

Des ateliers pratiques => 1 quiz d'évaluation formative => des ressources pour inciter à l'action

Affinity

Les illustrations

• Découpage en éléments cliquables

• Cohérence à l'intérieur d'un stand

• Personnalisation aux couleurs de l'AFA

Le scénario

Un scénario pour échanger et valider

• le fond
• le découpage
• la durée
• les activités

Pas de storyboard mais une maquette directement dans Genially.

ElevenLabs

Text to Speech (avec IA)

• Inconvénient :
• bute sur des acronymes ou des mots inconnus,
• prononce des lettres muettes,
• ne respire pas forcément au bon endroit.

• Avantage :
• rapidité de production,
• peu de post-production,
• très pratique lorsque le texte évolue,
• autonomie pour plusieurs voix.

=> Choix de la voix en fonction de l'intention :

• narrateur

• dialogue

=> Retouche du texte pour pallier l'effet robotique => Paramétrage en fonction du débit, de la longueur

Tests utilisateurs

• AFA : pole formation

=> objectifs pédagogiques => contraintes de l'AFA => cinématique

Validation de la navigation

• AFA : pole aidant

=> conformité du contenu => représentativité du terrain

• Personnes exterieures à l'AFA

=> optimisation de la navigation => impact des modalités (activité, audio, vidéo, texte, quiz)

Livraison

• Bascule du module en mode suivi des utilisateurs pour récolter des statistiques d'usage

• Texte + image pour une communication Linkedin de l'AFA

Plonger l'apprenant dans l'univers du salon / d'un forum

Des stands

Des animations

Une salle de conférence

Powerpoint

• Vidéo

• GIF

Le public cible

Professionnels au contact d'aidants

Débutant sur la thématique

Les objectifs pédagogiques

3. Orienter un proche aidant vers les solutions les plus adaptées à sa situation, à ses besoins et à ses priorités du moment.

2. Cartographier les ressources disponibles sur leur territoire

1. Repérer les acteurs et dispositifs de l’écosystème de l’aidance

Le déroulé pédagogique

1. Repérer les acteurs et dispositifs de l’écosystème de l’aidance

• Reconnaitre les acteurs et leurs missions en réponse aux 4 macro-besoins d'un proche aidant.

• Evaluation formative : 1 question par macro-besoin.

Module 1

2. Cartographier les ressources disponibles sur leur territoire

• Transposer la théorie dans le réel à l'aide de ressources : cartographie des acteurs vus dans l'objectif 1, annuaires, modèle de document à remplir en local

3. Orienter un proche aidant vers les solutions les plus adaptées à sa situation, à ses besoins et à ses priorités du moment.

• Observer en miroir les besoins, attentes et préjugés
• Carte d'empathie d'un proche aidant salarié

• Carte d'empathie d'un manager RH
• Distinguer les 5 bonnes pratiques d'un échange entre un manager et un collaborateur en situation d'aidance

• Mettre en pratique via un scénario guidé

Module 2

Genially

Animation : => agrandir au

• survol de la souris
• Apparition de mots calée sur un audio

Bouton

Intéractivité

• Fenêtre => privilégié à une nouvelle page
• Aller à la page => lorsque le mode fenêtre n'est pas possible (intéraction imbriquée)

• Ouvrir le lien => annuaires externes

• Glisser déposer

=> texte à et

Question intéractive : uniquement dans le Quiz

• Effets sonores et visuels automatiques

=> mal perçu lors de mes tests utilisateurs

• Pas de réintialisation paramétrable

trous

appariement

Uniquement les cartes à retourner

Widget :

Title

Use this side to give more information about a topic.

Transition :

• entrer dans un stand : effet "avancer"

peu paramétrable

Subtitle

Ressource :

• forme,
• graphique

Itérativité

• Lectures croisées du scénario

• Mini-démos

• Deux livraisons intermédiaires en plus de la livraison finale

Cadrage

Conception

Réalisation

Tests & Livraison

La navigation

Une couleur est associée à chaque stand

Un hall d'accueil qui permet d'aller librement explorer chacun des points d'entrée

Un quiz dont les feedback réorientent vers les stands

Des boutons uniformes

Accessibilité

Vérification des contrastes

Police sans empatement

Taille des boutons et polices

Consigne d'intéraction

Déclenchement manuel des audios et vidéos

Ordre des textes et boutons pour navigation au clavier

Texte alternatif des images

Transcription

Transcription des audios et vidéos