Simulateur de styles
de communication
Démo interactive à embranchements pour entraîner les managers à adapter leur communication selon le profil analytique de leur interlocuteur — conçue à partir de contenus de formation classiques.
La problématique
FR
Ce document présente une démo créée suite à un échange avec un ami, directeur e-learning. En parlant d'IA et de pédagogies plus engageantes, je lui ai proposé de transformer des contenus "classiques" en scénarios à embranchements, afin de concevoir des expériences d'apprentissage décisionnel — des dispositifs qui font vivre une situation plutôt que l'expliquer.
À partir d'un cas d'usage lié aux styles de communication (profil "High Analytical"), j'ai construit une simulation interactive en HTML autonome : 3 chemins de décision, des indicateurs qui évoluent (clarté, accuracy, confiance, risque) et des fins émotionnelles qui ancrent l'apprentissage.
Cette démo est aussi une base extensible : elle peut évoluer vers une suite Communication Styles intégrant les 4 profils (Analytical, Driver, Expressif, Amiable), avec un simulateur multi-profils (sélecteur de profil), un kit de facilitation complet, et un dispositif de formation des formateurs internes.
EN
This document presents a demo created after a conversation with a friend, an e-learning director. While discussing AI and more engaging learning approaches, I suggested transforming "classic" content into branching scenarios to design decision-based learning experiences — formats that let learners live a situation rather than only read about it.
Using a communication-styles use case ("High Analytical" profile), I built a standalone HTML interactive simulation with 3 decision paths, evolving indicators (clarity, accuracy, trust, risk), and emotional endings that reinforce learning.
This demo is also an extensible foundation: it can evolve into a full Communication Styles suite covering the 4 profiles (Analytical, Driver, Expressive, Amiable), with a multi-profile simulator (profile selector), a complete facilitation kit, and a train-the-trainer program for internal facilitators.
Stack technique
- codeHTML / CSS / JS
- account_treeMoteur à graphe de nœuds
- analyticsKPIs dynamiques temps réel
- translateToggle bilingue FR / EN
- downloadExport de session
Architecture à embranchements
Score élevé · Fin positive
Score moyen · Fin mitigée
Score bas · Fin difficile
Chaque chemin déclenche des pensées internes différentes chez Sophie (visibles par le manager) et impacte les 4 KPIs en temps réel.
De la graine au simulateur
Notes brutes client
3 paragraphes de notes : un scénario de brief, 3 choix managers, 3 pensées internes du collaborateur. Aucune architecture, aucun KPI, aucun design.
Diagnostic & cadrage pédagogique
Identification du cadre pédagogique "Communication Styles – High Analytical". Définition des 4 KPIs pertinents : Clarté, Précision, Confiance, Risque.
Moteur narratif + design système
Graphe de 11 nœuds, 3 chemins narratifs, système de scoring, ambiance visuelle cinématographique par type de scène.
Bilingue + insight pédagogique
Contenu complet en FR et EN embarqué dans le même fichier. Bloc d'enseignement explicite sur le profil analytique dans les 3 écrans de fin.
KPIs — état en cours de simulation
Chaque décision du manager impacte les 4 indicateurs en temps réel. À la fin, l'écran de résultat relie le score obtenu aux caractéristiques du profil analytique — transformant la démo en outil de prise de conscience.
Pensées internes visibles
Après chaque décision, le manager voit ce que pense réellement Sophie — ses doutes, sa satisfaction ou sa frustration. Un mécanisme pédagogique qui rend l'empathie managériale concrète.
Dashboard KPI en temps réel
4 indicateurs (Clarté, Précision, Confiance, Risque) évoluent à chaque nœud. Le manager pilote une relation managériale comme il piloterait un tableau de bord.
Enseignement explicite en fin
Les 3 écrans de fin intègrent un bloc pédagogique "High Analytical — Enseignement". Le résultat ne donne pas seulement un verdict, il explique ce que le parcours révèle sur la communication avec un analytique.
Ce que ce projet démontre
Ce simulateur est une démonstration directe de ce que l'IA permet en pédagogie digitale : transformer un matériau brut minimal en expérience d'apprentissage décisionnel, sans équipe de développement, sans mois de production.
Ce que des agences de serious game facturent 25 000 à 80 000 € et livrent en 4 à 6 mois peut aujourd'hui être prototypé de façon plus agile. Non pas parce que c'est moins bien — mais parce que le pipeline de production a fondamentalement changé.
- check_circle3 paragraphes de notes → simulateur interactif complet et prêt à tester
- check_circle11 nœuds narratifs, 3 chemins, 3 fins émotionnelles distinctes
- check_circleBilingue FR/EN embarqué dans un seul fichier HTML autonome
- check_circleDéployable en un clic — zéro dépendance back-end
- check_circleExtensible : autres profils (Driver, Expressif, Amiable), autres scénarios
Perspectives & extensibilité
Module complet
Un profil produit avec soin : scénario custom, images professionnelles, guide facilitateur, version brandée aux couleurs du client.
Suite 4 profils
Analytical, Driver, Expressif, Amiable — sélecteur de profil, kit de facilitation, formation des formateurs internes.
Authoring UI
Interface d'édition pour créer de nouveaux scénarios sans toucher au code — outil auteur pour formateurs.