SlideShare a Scribd company logo
Outil de co-conception générative et de prototypage
assisté de tableaux de bord d'apprentissage
Madjid Sadallah & Jean-Marie Gilliot
(MOTEL, Lab-STICC / IMT Atlantique, Brest)
Atelier « Conception et évaluation de tableaux de bord d’apprentissage », RJC-EIAH 2022
11 mai 2022 - Lille
2
Objectifs
Lors de la conception participative de TBAs
⚪ L’espace de conception définit le champ du possible
⚪ L’idéation permet d’exprimer les attentes et de négocier des réponses
Or : un design qui reflète les aspirations est toujours difficile
⚪ Propositions
◊ Outiller le designer pour mieux traduire les besoins utilisateurs
◊ Démarche de conception : participative + générative
◊ LADStudio : outil de prototypage et de génération de TBA pour mieux accompagner le designer
3
Objectifs
PaDLAD
Processus et outils de co-conception d’outils de learning analytics (Prieto-Alvarez, et al. 2018).
Prieto-Alvarez, C.G., Martinez-Maldonado, R., Anderson, T.D.: Co-designing learning analytics tools with learners. In: Lodge, J.M.,
Horvath, J.C., Corrin, L. (eds.) Learning Analytics in the Classroom, pp. 93–110. Routledge, Abingdon, Oxon ; New York, NY : Routledge,
2019., 1 edn.
4
Approche de co-conception générative
- facilite l’expression de besoins
- propose des solutions complémentaires
- assure le respect de bonnes pratiques de
design
- génère puis discute des prototypes
- définit ses besoins
- décrit “la progression de sa réflexion”
Conception générative : processus dans lequel le
designer dispose d'outils pour
- décrire ses besoins et intention,
- explorer l'espace de conception,
- générer un ensemble de solutions cibles,
- sélectionner et affiner la solution la plus appropriée
en fonction de son propre jugement.
Approche participative de conception générative
5
Que co-conçoit-on ?
⚪ La collecte des besoins permet de décrire l’expérience attendue
◊ expérience liée à l'utilisation du TBA pour soutenir le raisonnement (vers une prise de conscience voire de décision)
⚪ “Prototyper” des TBAs qui rendront possibles cette expérience
◊ Interfaces + Interactions soutenant le processus de raisonnement, donc de prise de conscience voire de décisions
⚪ Conscience de la situation (SA, Situational Awareness):
◊ Connaître ce qui se passe dans l'environnement et évaluer ses implications
◊ Atteignable via un processus actif de construction de sens (SM, Sensemaking)
◊ SM : processus interactif de création progressive d'une conscience et d'une compréhension de la situation pour soutenir la
prise de décision
⚪ La co-conception de TBA doit permettre de concevoir “ensemble” des interfaces et des
interactions permettant de refléter et de soutenir l’utilisateur dans le processus de raisonnement
(Sensemaking et Situational Awareness)
6
Que co-conçoit-on ?
⚪ SA : modèle de Endsley (1995)
1. Perception des éléments de l'environnement
2. Compréhension de leur signification
3. Projection de leur état dans le futur proche
⚪ SM : modèle Data/Frame de Klein (2007)
◊ Explicitant les étapes du SA
◊ Data : aspects de l’environnement dont une personne fait
l'expérience
◊ Frame: représentation dans l’esprit. Interprétation et
explication des données
- Endsley MR. Toward a theory of situation awareness in dynamic systems. Human Factors 1995;37(1):32–64
- Klein, G., Phillips, J. K., Rall, E. L., & Peluso, D. A. (2007). A data-frame theory of sensemaking. 6th international conference on
naturalistic decision making (113-155)
7
Que co-conçoit-on ?
Processus de raisonnement de de prise de décision associé aux
TBAs
PaDLAD
... vers l’explicitation du processus de raisonnement par une
conception participative et le prototypage par une conception
générative de TBAs
8
LADStudio : principes
⚪ Outil de prototypage : de la capture des besoins à leur réalisation
⚪ Fonctionnalités permettant la co-conception de l’expérience
◊ décrit d’une façon déclarative le processus de raisonnement étape par étape
◊ lie les interfaces et interactions au processus de SM
◊ lie les états et écran du TBA aux niveau SA
⚪ Aspire à capitaliser
◊ permet la réutilisation de composants techniques et de ceux liés aux raisonnement
◊ permet de capitaliser non seulement pour réutiliser, mais aussi pour assister la conception, et à
termes comprendre puis expliquer le cheminement qui a mené aux choix de conception
9
LADStudio : modules
4 modules
1. Bibliothèque de composants
2. Module de spécification
3. Module de génération
4. Instance Grafana
10
LADStudio : modèle de composants
11
LADStudio : librairie des composants
12
LADStudio : librairie des composants
13
LADStudio : librairie des composants
14
LADStudio : librairie des composants
15
LADStudio : librairie des composants
16
LADStudio : spécification de TBA
17
PaDLAD + LADStudio : au collège Bégon
18
PaDLAD + LADStudio : au collège Bégon
19
PaDLAD + LADStudio : au collège Bégon
20
PaDLAD + LADStudio : au collège Bégon
21
MERCI DE VOTRE ATTENTION !
Nous aspirons à
- améliorer le prototype,
- le tester à une échelle permettant de bien l’évaluer, et
- capitaliser sur ses résultats
/smadjid/ladstudio

More Related Content

Similar to LADStudio : Outil de co-conception générative et de prototypage assisté de tableaux de bord d'apprentissage

La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inJulien Dereumaux
 
2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestion
2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestion2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestion
2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestionPMI Lévis-Québec
 
L'ingénierie de projet collaboratifs
L'ingénierie de projet collaboratifsL'ingénierie de projet collaboratifs
L'ingénierie de projet collaboratifsPasteur_Tunis
 
Design thinking et Agilité
Design thinking et AgilitéDesign thinking et Agilité
Design thinking et AgilitéMatthieu Gioani
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours VisualisationAmaury de Buchet
 
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...Pyxis Technologies
 
La gestion de projets nouveaux médias
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médiasBenjamin Hoguet
 
Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique"
Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique" Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique"
Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique" Business Model Fab
 
Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021Agile En Seine
 
Outils et usages du travail collaboratif - avril 2012
Outils et usages du travail collaboratif - avril 2012Outils et usages du travail collaboratif - avril 2012
Outils et usages du travail collaboratif - avril 2012Le Moulin Digital
 
Guide pratique de montage de projets
Guide pratique de montage de projets Guide pratique de montage de projets
Guide pratique de montage de projets Jamaity
 
La Gestion de Projet.pdf
La Gestion de Projet.pdfLa Gestion de Projet.pdf
La Gestion de Projet.pdfbadrfathallah2
 
Méthodologie de projet présentation 2
Méthodologie de projet présentation 2Méthodologie de projet présentation 2
Méthodologie de projet présentation 2Gilles Ducloux
 
Flupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa
 
Catalogue formations be innov
Catalogue formations be innovCatalogue formations be innov
Catalogue formations be innovbe innov
 
Présentation human connect infobésité et curation
Présentation human connect infobésité et curationPrésentation human connect infobésité et curation
Présentation human connect infobésité et curationCharlotte Mahé
 

Similar to LADStudio : Outil de co-conception générative et de prototypage assisté de tableaux de bord d'apprentissage (20)

La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'in
 
2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestion
2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestion2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestion
2008-11-04 Jean-Gynse Bolivar Cadre logique comme outil de gestion
 
L'ingénierie de projet collaboratifs
L'ingénierie de projet collaboratifsL'ingénierie de projet collaboratifs
L'ingénierie de projet collaboratifs
 
Gestion de projet sept 2016
Gestion de projet sept 2016Gestion de projet sept 2016
Gestion de projet sept 2016
 
Design thinking et Agilité
Design thinking et AgilitéDesign thinking et Agilité
Design thinking et Agilité
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation
 
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
 
La gestion de projets nouveaux médias
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médias
 
Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique"
Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique" Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique"
Plaquette "Atelier de Travail Collaboratif : L'innovation Strategique"
 
Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021Une expérience de Design Thinking à Groupama - Agile en Seine 2021
Une expérience de Design Thinking à Groupama - Agile en Seine 2021
 
Outils et usages du travail collaboratif - avril 2012
Outils et usages du travail collaboratif - avril 2012Outils et usages du travail collaboratif - avril 2012
Outils et usages du travail collaboratif - avril 2012
 
Guide pratique de montage de projets
Guide pratique de montage de projets Guide pratique de montage de projets
Guide pratique de montage de projets
 
La Gestion de Projet.pdf
La Gestion de Projet.pdfLa Gestion de Projet.pdf
La Gestion de Projet.pdf
 
Gestion de projet
Gestion de projetGestion de projet
Gestion de projet
 
Méthodologie de projet présentation 2
Méthodologie de projet présentation 2Méthodologie de projet présentation 2
Méthodologie de projet présentation 2
 
Flupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric Brangier
 
Gestion de projet
Gestion de projetGestion de projet
Gestion de projet
 
Catalogue formations be innov
Catalogue formations be innovCatalogue formations be innov
Catalogue formations be innov
 
Le Design thinking by EnjoyDigitAll
Le Design thinking by EnjoyDigitAllLe Design thinking by EnjoyDigitAll
Le Design thinking by EnjoyDigitAll
 
Présentation human connect infobésité et curation
Présentation human connect infobésité et curationPrésentation human connect infobésité et curation
Présentation human connect infobésité et curation
 

More from Madjid Sadallah

Generating LADs that make sense
Generating LADs that make senseGenerating LADs that make sense
Generating LADs that make senseMadjid Sadallah
 
Models and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents ReengineeringModels and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents ReengineeringMadjid Sadallah
 
Component-based Hypervideo Model: High-Level Operational Specification of Hyp...
Component-based Hypervideo Model: High-Level Operational Specification of Hyp...Component-based Hypervideo Model: High-Level Operational Specification of Hyp...
Component-based Hypervideo Model: High-Level Operational Specification of Hyp...Madjid Sadallah
 
Towards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading AnalyticsTowards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading AnalyticsMadjid Sadallah
 
A Framework for Usage-based Document Reengineering
A Framework for Usage-based Document ReengineeringA Framework for Usage-based Document Reengineering
A Framework for Usage-based Document ReengineeringMadjid Sadallah
 
Modèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le WebModèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le WebMadjid Sadallah
 

More from Madjid Sadallah (6)

Generating LADs that make sense
Generating LADs that make senseGenerating LADs that make sense
Generating LADs that make sense
 
Models and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents ReengineeringModels and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents Reengineering
 
Component-based Hypervideo Model: High-Level Operational Specification of Hyp...
Component-based Hypervideo Model: High-Level Operational Specification of Hyp...Component-based Hypervideo Model: High-Level Operational Specification of Hyp...
Component-based Hypervideo Model: High-Level Operational Specification of Hyp...
 
Towards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading AnalyticsTowards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading Analytics
 
A Framework for Usage-based Document Reengineering
A Framework for Usage-based Document ReengineeringA Framework for Usage-based Document Reengineering
A Framework for Usage-based Document Reengineering
 
Modèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le WebModèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le Web
 

LADStudio : Outil de co-conception générative et de prototypage assisté de tableaux de bord d'apprentissage

  • 1. Outil de co-conception générative et de prototypage assisté de tableaux de bord d'apprentissage Madjid Sadallah & Jean-Marie Gilliot (MOTEL, Lab-STICC / IMT Atlantique, Brest) Atelier « Conception et évaluation de tableaux de bord d’apprentissage », RJC-EIAH 2022 11 mai 2022 - Lille
  • 2. 2 Objectifs Lors de la conception participative de TBAs ⚪ L’espace de conception définit le champ du possible ⚪ L’idéation permet d’exprimer les attentes et de négocier des réponses Or : un design qui reflète les aspirations est toujours difficile ⚪ Propositions ◊ Outiller le designer pour mieux traduire les besoins utilisateurs ◊ Démarche de conception : participative + générative ◊ LADStudio : outil de prototypage et de génération de TBA pour mieux accompagner le designer
  • 3. 3 Objectifs PaDLAD Processus et outils de co-conception d’outils de learning analytics (Prieto-Alvarez, et al. 2018). Prieto-Alvarez, C.G., Martinez-Maldonado, R., Anderson, T.D.: Co-designing learning analytics tools with learners. In: Lodge, J.M., Horvath, J.C., Corrin, L. (eds.) Learning Analytics in the Classroom, pp. 93–110. Routledge, Abingdon, Oxon ; New York, NY : Routledge, 2019., 1 edn.
  • 4. 4 Approche de co-conception générative - facilite l’expression de besoins - propose des solutions complémentaires - assure le respect de bonnes pratiques de design - génère puis discute des prototypes - définit ses besoins - décrit “la progression de sa réflexion” Conception générative : processus dans lequel le designer dispose d'outils pour - décrire ses besoins et intention, - explorer l'espace de conception, - générer un ensemble de solutions cibles, - sélectionner et affiner la solution la plus appropriée en fonction de son propre jugement. Approche participative de conception générative
  • 5. 5 Que co-conçoit-on ? ⚪ La collecte des besoins permet de décrire l’expérience attendue ◊ expérience liée à l'utilisation du TBA pour soutenir le raisonnement (vers une prise de conscience voire de décision) ⚪ “Prototyper” des TBAs qui rendront possibles cette expérience ◊ Interfaces + Interactions soutenant le processus de raisonnement, donc de prise de conscience voire de décisions ⚪ Conscience de la situation (SA, Situational Awareness): ◊ Connaître ce qui se passe dans l'environnement et évaluer ses implications ◊ Atteignable via un processus actif de construction de sens (SM, Sensemaking) ◊ SM : processus interactif de création progressive d'une conscience et d'une compréhension de la situation pour soutenir la prise de décision ⚪ La co-conception de TBA doit permettre de concevoir “ensemble” des interfaces et des interactions permettant de refléter et de soutenir l’utilisateur dans le processus de raisonnement (Sensemaking et Situational Awareness)
  • 6. 6 Que co-conçoit-on ? ⚪ SA : modèle de Endsley (1995) 1. Perception des éléments de l'environnement 2. Compréhension de leur signification 3. Projection de leur état dans le futur proche ⚪ SM : modèle Data/Frame de Klein (2007) ◊ Explicitant les étapes du SA ◊ Data : aspects de l’environnement dont une personne fait l'expérience ◊ Frame: représentation dans l’esprit. Interprétation et explication des données - Endsley MR. Toward a theory of situation awareness in dynamic systems. Human Factors 1995;37(1):32–64 - Klein, G., Phillips, J. K., Rall, E. L., & Peluso, D. A. (2007). A data-frame theory of sensemaking. 6th international conference on naturalistic decision making (113-155)
  • 7. 7 Que co-conçoit-on ? Processus de raisonnement de de prise de décision associé aux TBAs PaDLAD ... vers l’explicitation du processus de raisonnement par une conception participative et le prototypage par une conception générative de TBAs
  • 8. 8 LADStudio : principes ⚪ Outil de prototypage : de la capture des besoins à leur réalisation ⚪ Fonctionnalités permettant la co-conception de l’expérience ◊ décrit d’une façon déclarative le processus de raisonnement étape par étape ◊ lie les interfaces et interactions au processus de SM ◊ lie les états et écran du TBA aux niveau SA ⚪ Aspire à capitaliser ◊ permet la réutilisation de composants techniques et de ceux liés aux raisonnement ◊ permet de capitaliser non seulement pour réutiliser, mais aussi pour assister la conception, et à termes comprendre puis expliquer le cheminement qui a mené aux choix de conception
  • 9. 9 LADStudio : modules 4 modules 1. Bibliothèque de composants 2. Module de spécification 3. Module de génération 4. Instance Grafana
  • 10. 10 LADStudio : modèle de composants
  • 11. 11 LADStudio : librairie des composants
  • 12. 12 LADStudio : librairie des composants
  • 13. 13 LADStudio : librairie des composants
  • 14. 14 LADStudio : librairie des composants
  • 15. 15 LADStudio : librairie des composants
  • 17. 17 PaDLAD + LADStudio : au collège Bégon
  • 18. 18 PaDLAD + LADStudio : au collège Bégon
  • 19. 19 PaDLAD + LADStudio : au collège Bégon
  • 20. 20 PaDLAD + LADStudio : au collège Bégon
  • 21. 21 MERCI DE VOTRE ATTENTION ! Nous aspirons à - améliorer le prototype, - le tester à une échelle permettant de bien l’évaluer, et - capitaliser sur ses résultats /smadjid/ladstudio

Editor's Notes

  1. Je vais aborder la dimension décision dans les TBAs, et tenter une conceptualisation du processus décisionnel dans le but de mieux le décrire et le prendre en charge lors d’une conception participative
  2. qui intègre les dimensions difficiles dataViz, SM et besoin utilisateur
  3. Plusieurs travaux ont tenté d’explorer ces concepts et leur relation à la prise de décision Le modèle de Mica Endsley est probablement le plus utilisé pour se référer à la SA. D’après ce modèle la SA opère en trois niveaux… Ce modèle définit des états de conscience Les modèles de sensemaking étudient les mécanismes actif permettant d’atteindre ces états Le modèle D/F de Klein introduit un processus progressif de construction de sens Sa théorie explique comment la compréhension des différents aspects du monde se produit, évolue et change. Data : les aspects de l’environnement dont une personne fait l'expérience Frame: est une représentation dans l'esprit de la personne qui représente la situation. C’est une interprétation et une explication des aspects perçus (data) Afin de modéliser le processus décisionnel à base de TBA, nous envisageons d’adopter et au besoin d’adapter ces théorie à notre contexte. L’intuition est la suivante :