Le document explore l'interaction entre le design de l'information et le design pédagogique, en mettant l'accent sur l'importance de l'usager dans le processus de conception. Il examine comment la data-visualisation peut améliorer l'appropriation des savoirs en facilitant la compréhension et l'apprentissage. Des points de vigilance sont également abordés, tels que l'impact des outils sur les résultats finaux et la nécessité d'une literatie informationnelle.

1. DESIGN DE L’INFORMATION,
DESIGN PÉDAGOGIQUE
QUELLES ARTICULATIONS ?
Clément DUSSARPS – 22 mai 2017

2. OBJECTIFS / PLAN
• Etre capable de…
• Définir ce qu’est le design de l’information
• Définir ce qu’est le design pédagogique
• Identifier en quoi et comment le design de
l’information participe au design pédagogique
• Reconnaître une data-visualisation
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

3. QU’EST-CE QUE LE DESIGN ?
• Processus de conception (de produits ou services
innovants) (Sanders, Stappers, 2008)
• Donne forme à une intention
• Tient compte de l’usager voire l’implique
(Dubuisson, Hennion, 1996)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

4. LE DESIGN DE L’INFORMATION

5. QU’EST-CE QUE LE DESIGN DE L’INFORMATION ?
Mise en forme
de l’information
Expressions graphiques
au service d’un message
Intelligibilité
Madrid subway complaints by station
« Simplexité »
(Berthoz, 2009)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

6. QU’EST-CE QUE LE DESIGN DE L’INFORMATION ?
Conception
(architecture, choix
visuels…)
Analyse,
tri, choix
Création
de la DataViz’
Diffusion Lecture par
l’usager
Interprétation Informations
accessibles,
utiles et
utilisables
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

7. DESIGN DE L’INFORMATION : UNE DATAVIZ’
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

8. DES ENJEUX DU DESIGN DE L’INFORMATION
Rendre visible
l’invisible
Efficience
(Bihanic, 2014)
« Voir et comprendre le
monde différemment »
(Bihanic, 2014)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

9. INFOGRAPHIE ET INTENTION
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

10. LE DESIGN PÉDAGOGIQUE

11. QU’EST-CE QUE LE DESIGN PÉDAGOGIQUE ?
• Traduction insatisfaisante d’instructional design ?
(Dessus, 2008 ; 2017 ; Merill et al., 1996)
• Équivalent de pedagogical design ?
(Lowyck, 2002)
• L’ingénierie pédagogique sans le génie logiciel ?
(Paquette, 2002 ; Basque, 2004)
• Les principes du design pour la pédagogie ?
(Cardoso, 2017)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

12. QU’EST-CE QUE LE DESIGN PÉDAGOGIQUE ?
• Processus de conception pédagogique
• Intention : rendre efficace et efficiente l’appropriation
des savoirs
• Usager : pris en compte pour la conception
• Travailler sur les outils (intellectuels ou matériels),
l’ambiance, la scénarisation du cours…
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

13. CONCEPTION… À QUELLE ÉCHELLE ?
Articulations des enseignements
Cohérence, sens, lecture globale de l’offre de
formation…
Scénarisation du cours
Rendre l’apprentissage le plus efficace et
adapté aux élèves possible.
Une / des
séances
Appropriations des savoirs de
manière efficace et adaptéeSavoirs
dans un cours
FORMATION
(Programme)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

14. CONCEPTION… À QUELLE ÉCHELLE ?
Appropriations des savoirs de
manière efficace et adaptée.
FORMATION
(Programme)
Une / des
séances
Savoirs
dans un cours
Articulations des enseignements
Cohérence, sens, lecture globale de l’offre de
formation…
Scénarisation du cours
Rendre l’apprentissage le plus efficace et
adapté aux élèves possible.
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

15. LA DATAVIZ’ AU SERVICE DE
L’APPROPRIATION DES SAVOIRS ?

16. DATAVIZ’ ET APPRENTISSAGE
• On pense visuellement
• Reconnaissance des formes dans leur
ensemble (Gestalt)
• On peut percevoir de grandes quantités de
données en un schéma
• Rapidité de lecture, possibilité de faire des
parallèles (superposer)
• Etend les capacités mémorielles et
cognitives
« Utiliser la vision »
(J.-D. Fekete, Inria, 2014)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

17. DATAVIZ’ ET APPRENTISSAGE
• Produire
• Confronter (concepteur,
récepteur, réalité)
• Argumenter, suggérer
« Utiliser la vision »
(J.-D. Fekete, Inria, 2014)
Pédagogies actives et
collaboratives aisées
avec la DataViz ‘
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

18. DATAVIZ’ ET APPRENTISSAGE
« Utiliser la vision »
(J.-D. Fekete, Inria, 2014)
Pédagogies actives et
collaboratives aisées
avec la DataViz ‘
Très « parlant » pour certaines
disciplines. (ex : géographie)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

19. DATAVIZ’ ET APPRENTISSAGE
« Utiliser la vision »
(J.-D. Fekete, Inria, 2014)
Pédagogies actives et
collaboratives aisées
avec la DataViz ‘
Très « parlant » pour certaines
disciplines. (ex : géographie)
Incite à l’action et à la réflexion
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

20. DÉVELOPPEMENT DE SAVOIR-FAIRE
• Recherche d’informations
• Savoir trier et choisir les données en fonction
d’un objectif
• Esprit de synthèse
• Esprit critique : « la carte n’est pas le territoire »
(Korzybski)
• Compétences techniques
• …
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

21. QUELQUES EXEMPLES

22. CARTE ANAMORPHIQUE
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

23. SE REPRÉSENTER ET COMPARER
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

24. MINDMAP
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

25. DATAVIZ’ ET PÉDAGOGIE : INTÉRÊTS
• Outil de médiation de l’information, puis de l’information à la
connaissance
• « Trans » :
• Transdisciplinaire : intéressant pour les EPI
• Transversalités des compétences développées
• Transformation du support d'apprentissage, intérêts cognitifs
• Et demain…
• Comprendre comment se construit l’information / culture de la
culture numérique (Le Crosnier, 2013)
• Apprendre à mettre en valeur de données ouvertes
• Former aux métiers d’avenir (« data », robotique, algorithmes…)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

26. POINTS DE VIGILANCE
• L’outil utilisé contraint le résultat final : la technique peut
prendre le pas sur l’intention, le message, orienter la
lecture, etc.
• Efficacité / efficience de l’apprentissage
• Ne pas perdre de vue les objectifs pédagogiques
• Peut demander beaucoup de temps
• Hétérogénéité des élèves/étudiants à prendre en
compte
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

27. POINTS DE VIGILANCE
• Savoirs et savoir-faire (enseignants et élèves) nécessaires
:
• Littératie informationnelle : lire une dataviz’ s’apprend !
• Identifier d’où vient l’information, le but recherché…
Attention à la manipulation : savoir être critique
• Maîtriser la « simplexité »
• Apprentissage de l’outil
• Importance de l’attention (« attention literacy », Rheingold, 2010)
vs la tendance à « négliger » (Le Deuff, 2010)
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion

28. MERCI DE VOTRE ATTENTION