SlideShare une entreprise Scribd logo
DESIGN DE L’INFORMATION,
DESIGN PÉDAGOGIQUE
QUELLES ARTICULATIONS ?
Clément DUSSARPS – 22 mai 2017
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
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
LE DESIGN DE L’INFORMATION
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
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
DESIGN DE L’INFORMATION : UNE DATAVIZ’
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion
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
INFOGRAPHIE ET INTENTION
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion
LE DESIGN PÉDAGOGIQUE
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
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
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
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
LA DATAVIZ’ AU SERVICE DE
L’APPROPRIATION DES SAVOIRS ?
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
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
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
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
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
QUELQUES EXEMPLES
CARTE ANAMORPHIQUE
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion
SE REPRÉSENTER ET COMPARER
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion
MINDMAP
Design – Design de l’information – Design pédagogique – DataVisualisation – Exemples - Conclusion
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
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
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
MERCI DE VOTRE ATTENTION

Contenu connexe

Tendances

LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...
LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...
LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...
Marcel Lebrun
 
Planification scénario pédagogique oct 2014
Planification scénario pédagogique oct 2014Planification scénario pédagogique oct 2014
Planification scénario pédagogique oct 2014
Freckles Katabran
 
Introduction eiah, cours Haîti
Introduction eiah, cours HaîtiIntroduction eiah, cours Haîti
Introduction eiah, cours Haîti
Vanda Luengo
 
L'évaluation de La classe inversée par la recherche
L'évaluation de La classe inversée par la rechercheL'évaluation de La classe inversée par la recherche
L'évaluation de La classe inversée par la recherche
Marcel Lebrun
 
Apprentissage collaboratif à distance et communautés d'apprentissage
Apprentissage collaboratif à distance et communautés d'apprentissageApprentissage collaboratif à distance et communautés d'apprentissage
Apprentissage collaboratif à distance et communautés d'apprentissage
Amaury Daele
 
Dynamisez vos cours magistraux à l’aide des techniques de rétroaction : TRC...
Dynamisez vos cours magistraux  à l’aide des techniques de rétroaction  : TRC...Dynamisez vos cours magistraux  à l’aide des techniques de rétroaction  : TRC...
Dynamisez vos cours magistraux à l’aide des techniques de rétroaction : TRC...
Marcel Lebrun
 
Pédagogie inversée
Pédagogie inverséePédagogie inversée
Pédagogie inversée
Archambault Michèle
 
JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...
JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...
JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...
Jean-François CECI
 
Un focus sur les ePortfolios : usages pédagogiques de Mahara
Un focus sur les ePortfolios : usages pédagogiques de MaharaUn focus sur les ePortfolios : usages pédagogiques de Mahara
Un focus sur les ePortfolios : usages pédagogiques de Mahara
Dominique-Alain JAN
 
Pédagogie par projets
Pédagogie par projets Pédagogie par projets
Pédagogie par projets
Marie-Hélène Fasquel
 
Numérique en classe
Numérique en classeNumérique en classe
Numérique en classe
Vincent Backeljau
 
Un instrument de recherche pour analyser l’enseignement avec le TBI
Un instrument de recherche pour analyser l’enseignement avec le TBIUn instrument de recherche pour analyser l’enseignement avec le TBI
Un instrument de recherche pour analyser l’enseignement avec le TBI
Shona Whyte
 
Des connaissances à mobiliser pour former en contexte de visioconférence
Des connaissances à mobiliser pour former en contexte de visioconférence Des connaissances à mobiliser pour former en contexte de visioconférence
Des connaissances à mobiliser pour former en contexte de visioconférence
Université de Sherbrooke
 
Les bonnes pratiques pedagogiques en ecoles de commerce
Les bonnes pratiques pedagogiques en ecoles de commerceLes bonnes pratiques pedagogiques en ecoles de commerce
Les bonnes pratiques pedagogiques en ecoles de commerce
Guillaume LAURIE
 
Internet pour apprendre et enseigner (2015)
Internet pour apprendre et enseigner (2015)Internet pour apprendre et enseigner (2015)
Internet pour apprendre et enseigner (2015)
IFP / Université Catholique de Lille - Bruno Parmentier
 
La pédagogie du projet barcelona
La pédagogie du projet  barcelonaLa pédagogie du projet  barcelona
La pédagogie du projet barcelona
soleil
 
Classes inversées et Pédagogie numérique
Classes inversées et Pédagogie numériqueClasses inversées et Pédagogie numérique
Classes inversées et Pédagogie numérique
Marcel Lebrun
 
De la Toile à la classe
De la Toile à la classeDe la Toile à la classe
De la Toile à la classe
David Lehéricey
 
Apprentissage Par Projet APP
Apprentissage Par Projet APPApprentissage Par Projet APP
Apprentissage Par Projet APP
Mouna Torjmen
 
A l’ère du numérique une place pour l'école 9 j07 2014
A l’ère du numérique une place pour l'école  9 j07 2014A l’ère du numérique une place pour l'école  9 j07 2014
A l’ère du numérique une place pour l'école 9 j07 2014
Bruno Devauchelle
 

Tendances (20)

LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...
LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...
LES CLASSES INVERSÉES, À LA RECHERCHE DE COHÉRENCES POUR UNE RENAISSANCE DE «...
 
Planification scénario pédagogique oct 2014
Planification scénario pédagogique oct 2014Planification scénario pédagogique oct 2014
Planification scénario pédagogique oct 2014
 
Introduction eiah, cours Haîti
Introduction eiah, cours HaîtiIntroduction eiah, cours Haîti
Introduction eiah, cours Haîti
 
L'évaluation de La classe inversée par la recherche
L'évaluation de La classe inversée par la rechercheL'évaluation de La classe inversée par la recherche
L'évaluation de La classe inversée par la recherche
 
Apprentissage collaboratif à distance et communautés d'apprentissage
Apprentissage collaboratif à distance et communautés d'apprentissageApprentissage collaboratif à distance et communautés d'apprentissage
Apprentissage collaboratif à distance et communautés d'apprentissage
 
Dynamisez vos cours magistraux à l’aide des techniques de rétroaction : TRC...
Dynamisez vos cours magistraux  à l’aide des techniques de rétroaction  : TRC...Dynamisez vos cours magistraux  à l’aide des techniques de rétroaction  : TRC...
Dynamisez vos cours magistraux à l’aide des techniques de rétroaction : TRC...
 
Pédagogie inversée
Pédagogie inverséePédagogie inversée
Pédagogie inversée
 
JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...
JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...
JIP'2016 - Journées Internationales de l'Innovation Pédagogique dans l'Enseig...
 
Un focus sur les ePortfolios : usages pédagogiques de Mahara
Un focus sur les ePortfolios : usages pédagogiques de MaharaUn focus sur les ePortfolios : usages pédagogiques de Mahara
Un focus sur les ePortfolios : usages pédagogiques de Mahara
 
Pédagogie par projets
Pédagogie par projets Pédagogie par projets
Pédagogie par projets
 
Numérique en classe
Numérique en classeNumérique en classe
Numérique en classe
 
Un instrument de recherche pour analyser l’enseignement avec le TBI
Un instrument de recherche pour analyser l’enseignement avec le TBIUn instrument de recherche pour analyser l’enseignement avec le TBI
Un instrument de recherche pour analyser l’enseignement avec le TBI
 
Des connaissances à mobiliser pour former en contexte de visioconférence
Des connaissances à mobiliser pour former en contexte de visioconférence Des connaissances à mobiliser pour former en contexte de visioconférence
Des connaissances à mobiliser pour former en contexte de visioconférence
 
Les bonnes pratiques pedagogiques en ecoles de commerce
Les bonnes pratiques pedagogiques en ecoles de commerceLes bonnes pratiques pedagogiques en ecoles de commerce
Les bonnes pratiques pedagogiques en ecoles de commerce
 
Internet pour apprendre et enseigner (2015)
Internet pour apprendre et enseigner (2015)Internet pour apprendre et enseigner (2015)
Internet pour apprendre et enseigner (2015)
 
La pédagogie du projet barcelona
La pédagogie du projet  barcelonaLa pédagogie du projet  barcelona
La pédagogie du projet barcelona
 
Classes inversées et Pédagogie numérique
Classes inversées et Pédagogie numériqueClasses inversées et Pédagogie numérique
Classes inversées et Pédagogie numérique
 
De la Toile à la classe
De la Toile à la classeDe la Toile à la classe
De la Toile à la classe
 
Apprentissage Par Projet APP
Apprentissage Par Projet APPApprentissage Par Projet APP
Apprentissage Par Projet APP
 
A l’ère du numérique une place pour l'école 9 j07 2014
A l’ère du numérique une place pour l'école  9 j07 2014A l’ère du numérique une place pour l'école  9 j07 2014
A l’ère du numérique une place pour l'école 9 j07 2014
 

Similaire à Design de l'information, design pedagogique

introductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfs
introductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfsintroductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfs
introductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfs
Abdelghani BABORI
 
Élaboration d’une démarche de recherche-développement et d’accompagnement de ...
Élaboration d’une démarche de recherche-développement et d’accompagnement de ...Élaboration d’une démarche de recherche-développement et d’accompagnement de ...
Élaboration d’une démarche de recherche-développement et d’accompagnement de ...
Alex Boudreau
 
Réfléchir aux usages pédagogiques de l'IA
Réfléchir aux usages pédagogiques de l'IARéfléchir aux usages pédagogiques de l'IA
Réfléchir aux usages pédagogiques de l'IA
Université de Sherbrooke
 
Formation de formateurs module 2
Formation de formateurs module 2Formation de formateurs module 2
Formation de formateurs module 2
SinGuy
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiers
Emmanuelle Morlock
 
Didactique de l’Information-Documentation, des modèles, des concepts et un p...
Didactique de l’Information-Documentation, des modèles, des  concepts et un p...Didactique de l’Information-Documentation, des modèles, des  concepts et un p...
Didactique de l’Information-Documentation, des modèles, des concepts et un p...
FADBEN
 
PED 2073 TIC et domaines de formation de l'école québécoise
PED 2073 TIC et domaines de formation de l'école québécoisePED 2073 TIC et domaines de formation de l'école québécoise
PED 2073 TIC et domaines de formation de l'école québécoise
Sophie Godbout
 
Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...
Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...
Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...
Université de Sherbrooke
 
MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)
Cégep à distance
 
Intro - Le design de service.pdf
Intro - Le design de service.pdfIntro - Le design de service.pdf
Intro - Le design de service.pdf
François Ruaud
 
Intégration pédagogique des TIC
Intégration pédagogique des TICIntégration pédagogique des TIC
Intégration pédagogique des TIC
Hanane Eljarroudi
 
ENT et documentation Contextes, risques, opportunités. Gérard Puimatto
ENT et documentation Contextes, risques, opportunités. Gérard PuimattoENT et documentation Contextes, risques, opportunités. Gérard Puimatto
ENT et documentation Contextes, risques, opportunités. Gérard Puimatto
Documentation Rouen
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de Moirans
Thomas Gomez de Mercado
 
Forum HERACLES Pékin octobre 2014
Forum HERACLES Pékin octobre 2014Forum HERACLES Pékin octobre 2014
Forum HERACLES Pékin octobre 2014
Jean-Luc Bergey
 
Guide des métiers du design numérique, éd. 2010
Guide des métiers du design numérique, éd. 2010Guide des métiers du design numérique, éd. 2010
Guide des métiers du design numérique, éd. 2010
designers interactifs
 
Data Visualisation, Business Intelligence et Big Data
Data Visualisation, Business Intelligence et Big DataData Visualisation, Business Intelligence et Big Data
Data Visualisation, Business Intelligence et Big Data
Vincent Lagorce
 
Groupe de Réflexion et de Production Lycée professionnel et lycée des métiers
Groupe de Réflexion et de Production Lycée professionnel et lycée des métiersGroupe de Réflexion et de Production Lycée professionnel et lycée des métiers
Groupe de Réflexion et de Production Lycée professionnel et lycée des métiers
Documentation Rouen
 
Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313
Laurent Neyssensas
 
Offre de formation Sainte-ANNE 2015-2016
Offre de formation Sainte-ANNE 2015-2016Offre de formation Sainte-ANNE 2015-2016
Offre de formation Sainte-ANNE 2015-2016
Profenhistoire
 

Similaire à Design de l'information, design pedagogique (20)

introductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfs
introductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfsintroductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfs
introductionIPfttddsfdfsfsdferzrfsdfsfsdfdsfsfs
 
Élaboration d’une démarche de recherche-développement et d’accompagnement de ...
Élaboration d’une démarche de recherche-développement et d’accompagnement de ...Élaboration d’une démarche de recherche-développement et d’accompagnement de ...
Élaboration d’une démarche de recherche-développement et d’accompagnement de ...
 
Réfléchir aux usages pédagogiques de l'IA
Réfléchir aux usages pédagogiques de l'IARéfléchir aux usages pédagogiques de l'IA
Réfléchir aux usages pédagogiques de l'IA
 
Formation de formateurs module 2
Formation de formateurs module 2Formation de formateurs module 2
Formation de formateurs module 2
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiers
 
Didactique de l’Information-Documentation, des modèles, des concepts et un p...
Didactique de l’Information-Documentation, des modèles, des  concepts et un p...Didactique de l’Information-Documentation, des modèles, des  concepts et un p...
Didactique de l’Information-Documentation, des modèles, des concepts et un p...
 
PED 2073 TIC et domaines de formation de l'école québécoise
PED 2073 TIC et domaines de formation de l'école québécoisePED 2073 TIC et domaines de formation de l'école québécoise
PED 2073 TIC et domaines de formation de l'école québécoise
 
Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...
Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...
Vers le numérique flexible et intégré en enseignement supérieur – quelques pi...
 
MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)
 
Intro - Le design de service.pdf
Intro - Le design de service.pdfIntro - Le design de service.pdf
Intro - Le design de service.pdf
 
Intégration pédagogique des TIC
Intégration pédagogique des TICIntégration pédagogique des TIC
Intégration pédagogique des TIC
 
ENT et documentation Contextes, risques, opportunités. Gérard Puimatto
ENT et documentation Contextes, risques, opportunités. Gérard PuimattoENT et documentation Contextes, risques, opportunités. Gérard Puimatto
ENT et documentation Contextes, risques, opportunités. Gérard Puimatto
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de Moirans
 
Precip conference-11-2012
Precip conference-11-2012Precip conference-11-2012
Precip conference-11-2012
 
Forum HERACLES Pékin octobre 2014
Forum HERACLES Pékin octobre 2014Forum HERACLES Pékin octobre 2014
Forum HERACLES Pékin octobre 2014
 
Guide des métiers du design numérique, éd. 2010
Guide des métiers du design numérique, éd. 2010Guide des métiers du design numérique, éd. 2010
Guide des métiers du design numérique, éd. 2010
 
Data Visualisation, Business Intelligence et Big Data
Data Visualisation, Business Intelligence et Big DataData Visualisation, Business Intelligence et Big Data
Data Visualisation, Business Intelligence et Big Data
 
Groupe de Réflexion et de Production Lycée professionnel et lycée des métiers
Groupe de Réflexion et de Production Lycée professionnel et lycée des métiersGroupe de Réflexion et de Production Lycée professionnel et lycée des métiers
Groupe de Réflexion et de Production Lycée professionnel et lycée des métiers
 
Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313
 
Offre de formation Sainte-ANNE 2015-2016
Offre de formation Sainte-ANNE 2015-2016Offre de formation Sainte-ANNE 2015-2016
Offre de formation Sainte-ANNE 2015-2016
 

Plus de Clément Dussarps

Humanisme numerique
Humanisme numeriqueHumanisme numerique
Humanisme numerique
Clément Dussarps
 
Etudes quantitatives par questionnaire
Etudes quantitatives par questionnaireEtudes quantitatives par questionnaire
Etudes quantitatives par questionnaire
Clément Dussarps
 
Entretiens semi-directifs
Entretiens semi-directifsEntretiens semi-directifs
Entretiens semi-directifs
Clément Dussarps
 
Recherche, données, représentations
Recherche, données, représentationsRecherche, données, représentations
Recherche, données, représentations
Clément Dussarps
 
Introduction à la recherche
Introduction à la rechercheIntroduction à la recherche
Introduction à la recherche
Clément Dussarps
 
Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...
Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...
Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...
Clément Dussarps
 
Traitement documentaire - Indexation
Traitement documentaire - IndexationTraitement documentaire - Indexation
Traitement documentaire - Indexation
Clément Dussarps
 
Théories des Sciences de l'Information et de la Communication (partie 2)
Théories des Sciences de l'Information et de la Communication (partie 2) Théories des Sciences de l'Information et de la Communication (partie 2)
Théories des Sciences de l'Information et de la Communication (partie 2)
Clément Dussarps
 
Systèmes d'information, société de l'information
Systèmes d'information, société de l'informationSystèmes d'information, société de l'information
Systèmes d'information, société de l'information
Clément Dussarps
 
Théories des Sciences de l'Information et de la Communication (partie 1)
Théories des Sciences de l'Information et de la Communication (partie 1)Théories des Sciences de l'Information et de la Communication (partie 1)
Théories des Sciences de l'Information et de la Communication (partie 1)
Clément Dussarps
 
Ergonomie web
Ergonomie webErgonomie web
Ergonomie web
Clément Dussarps
 
Informatique, web... Préparation au C2i
Informatique, web... Préparation au C2iInformatique, web... Préparation au C2i
Informatique, web... Préparation au C2i
Clément Dussarps
 
Evaluer les risques dans un projet
Evaluer les risques dans un projetEvaluer les risques dans un projet
Evaluer les risques dans un projet
Clément Dussarps
 
Etude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existantEtude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existant
Clément Dussarps
 
Introduction à la Gestion de projets
Introduction à la Gestion de projetsIntroduction à la Gestion de projets
Introduction à la Gestion de projets
Clément Dussarps
 
Evaluation par les pairs dans les MOOC : résultats d'une enquête
Evaluation par les pairs dans les MOOC : résultats d'une enquêteEvaluation par les pairs dans les MOOC : résultats d'une enquête
Evaluation par les pairs dans les MOOC : résultats d'une enquête
Clément Dussarps
 
Gestion des ressources avec PERT et GANTT
Gestion des ressources avec PERT et GANTTGestion des ressources avec PERT et GANTT
Gestion des ressources avec PERT et GANTT
Clément Dussarps
 
Le rôle de l’autre en formation à distance : enjeux motivationnels
Le rôle de l’autre en formation à distance : enjeux motivationnelsLe rôle de l’autre en formation à distance : enjeux motivationnels
Le rôle de l’autre en formation à distance : enjeux motivationnels
Clément Dussarps
 
Pratiques des relations sociales médiatisées et abandon en formation à distance
Pratiques des relations sociales médiatisées et abandon en formation à distancePratiques des relations sociales médiatisées et abandon en formation à distance
Pratiques des relations sociales médiatisées et abandon en formation à distance
Clément Dussarps
 
Pratiques sociales en formation à distance : entre solitude et abandon
Pratiques sociales en formation à distance : entre solitude et abandonPratiques sociales en formation à distance : entre solitude et abandon
Pratiques sociales en formation à distance : entre solitude et abandon
Clément Dussarps
 

Plus de Clément Dussarps (20)

Humanisme numerique
Humanisme numeriqueHumanisme numerique
Humanisme numerique
 
Etudes quantitatives par questionnaire
Etudes quantitatives par questionnaireEtudes quantitatives par questionnaire
Etudes quantitatives par questionnaire
 
Entretiens semi-directifs
Entretiens semi-directifsEntretiens semi-directifs
Entretiens semi-directifs
 
Recherche, données, représentations
Recherche, données, représentationsRecherche, données, représentations
Recherche, données, représentations
 
Introduction à la recherche
Introduction à la rechercheIntroduction à la recherche
Introduction à la recherche
 
Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...
Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...
Le jeu vidéo comme médiateur d’apprentissages informels : le cas des jeux Eur...
 
Traitement documentaire - Indexation
Traitement documentaire - IndexationTraitement documentaire - Indexation
Traitement documentaire - Indexation
 
Théories des Sciences de l'Information et de la Communication (partie 2)
Théories des Sciences de l'Information et de la Communication (partie 2) Théories des Sciences de l'Information et de la Communication (partie 2)
Théories des Sciences de l'Information et de la Communication (partie 2)
 
Systèmes d'information, société de l'information
Systèmes d'information, société de l'informationSystèmes d'information, société de l'information
Systèmes d'information, société de l'information
 
Théories des Sciences de l'Information et de la Communication (partie 1)
Théories des Sciences de l'Information et de la Communication (partie 1)Théories des Sciences de l'Information et de la Communication (partie 1)
Théories des Sciences de l'Information et de la Communication (partie 1)
 
Ergonomie web
Ergonomie webErgonomie web
Ergonomie web
 
Informatique, web... Préparation au C2i
Informatique, web... Préparation au C2iInformatique, web... Préparation au C2i
Informatique, web... Préparation au C2i
 
Evaluer les risques dans un projet
Evaluer les risques dans un projetEvaluer les risques dans un projet
Evaluer les risques dans un projet
 
Etude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existantEtude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existant
 
Introduction à la Gestion de projets
Introduction à la Gestion de projetsIntroduction à la Gestion de projets
Introduction à la Gestion de projets
 
Evaluation par les pairs dans les MOOC : résultats d'une enquête
Evaluation par les pairs dans les MOOC : résultats d'une enquêteEvaluation par les pairs dans les MOOC : résultats d'une enquête
Evaluation par les pairs dans les MOOC : résultats d'une enquête
 
Gestion des ressources avec PERT et GANTT
Gestion des ressources avec PERT et GANTTGestion des ressources avec PERT et GANTT
Gestion des ressources avec PERT et GANTT
 
Le rôle de l’autre en formation à distance : enjeux motivationnels
Le rôle de l’autre en formation à distance : enjeux motivationnelsLe rôle de l’autre en formation à distance : enjeux motivationnels
Le rôle de l’autre en formation à distance : enjeux motivationnels
 
Pratiques des relations sociales médiatisées et abandon en formation à distance
Pratiques des relations sociales médiatisées et abandon en formation à distancePratiques des relations sociales médiatisées et abandon en formation à distance
Pratiques des relations sociales médiatisées et abandon en formation à distance
 
Pratiques sociales en formation à distance : entre solitude et abandon
Pratiques sociales en formation à distance : entre solitude et abandonPratiques sociales en formation à distance : entre solitude et abandon
Pratiques sociales en formation à distance : entre solitude et abandon
 

Dernier

Auguste Herbin.pptx Peintre français
Auguste   Herbin.pptx Peintre   françaisAuguste   Herbin.pptx Peintre   français
Auguste Herbin.pptx Peintre français
Txaruka
 
Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024
Friends of African Village Libraries
 
Zineb Mekouar.pptx Écrivaine marocaine
Zineb Mekouar.pptx   Écrivaine  marocaineZineb Mekouar.pptx   Écrivaine  marocaine
Zineb Mekouar.pptx Écrivaine marocaine
Txaruka
 
1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif
NadineHG
 
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
Editions La Dondaine
 
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGESGUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
DjibrilToure5
 

Dernier (6)

Auguste Herbin.pptx Peintre français
Auguste   Herbin.pptx Peintre   françaisAuguste   Herbin.pptx Peintre   français
Auguste Herbin.pptx Peintre français
 
Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024
 
Zineb Mekouar.pptx Écrivaine marocaine
Zineb Mekouar.pptx   Écrivaine  marocaineZineb Mekouar.pptx   Écrivaine  marocaine
Zineb Mekouar.pptx Écrivaine marocaine
 
1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif1e Espaces productifs 2024.Espaces productif
1e Espaces productifs 2024.Espaces productif
 
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
 
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGESGUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
GUIDE POUR L’EVRAS BALISES ET APPRENTISSAGES
 

Design de l'information, design pedagogique

  • 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
  • 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
  • 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

Notes de l'éditeur

  1. Simplexité : chose complexe que l’on explique de manière simple.
  2. Si l’information est assimilée/comprise = connaissance
  3. Liens entre les éléments = facilite l’apprentissage Vue globale / vue précise