Voir la source de Principes de design multimédia applicables à la vidéo

== Introduction ==

Cette page propose une liste de principes de design à appliquer à la production de vidéos pédagogiques sur la base d'études publiées et méta-analyses disponibles jusqu'en 2022, dont les références sont reportées en bas de page. La liste a été créée par [https://tecfa.unige.ch/perso/mireille/ Mireille Bétrancourt] et légèrement adaptée par [[Utilisateur:Mattia A. Fritz|Mattia A. Fritz]]. Cette ressource, volontairement concise, peut être complétée par des articles plus exhaustifs au niveaux conceptuel ou technique, comme par exemple des [[recommandations en création de vidéos pédagogiques]] ou [[enregistrer un diaporama powerpoint]].

== Description de la liste et cadre d'utilisation ==

La liste consiste en 15 principes divisés en trois catégories :

# '''Gérer la charge cognitive''' (8 principes), voir par exemple [[Apprentissage multimédia]]
# '''Engager l'étudiant-e''' (4 principes), voir par exemple [[Motifs d'engagement]]
# '''Faciliter la construction active des connaissances''' (3 principes)

Les principes proposés ne sont ni absolus, ni exhaustifs de toutes les implications techno-pédagogiques à considérer lors de la création ou l'analyse de la pertinence de vidéos pédagogiques. Ils complémentent, mais ne remplacent pas, une analyse attentive des caractéristiques et des besoins des apprenant-es (e.g., niveau de connaissance préalable, capacités, ''graphic literacy'', engagement, ...) et du contexte, notamment en ce qui concerne la séquence/scénarisation pédagogique.

== Gérer la charge cognitive ==

=== Multimédia ===

Intégrer la vidéo avec des illustrations visuelles dans des fonctions de représentations, d'organisation ou d'interprétations de l'information. Par exemple la citation de chiffres saillantes peut être accompagnée par un graphique, la référence à une région avec une carte géographique, etc.

=== Cohérence ===

Éviter les informations sans lien avec le sujet ou des éléments dont la fonction est purement décorative. Ces ''distracteurs'' peuvent détourner l'attention des éléments essentiels, même de manière involontaire, par exemple s'ils produisent la perception de mouvement ou rappellent des visages humains (e.g. ''emoticons''). 

=== Signalement ===

Signaler visuellement les idées principales en démarquant la temporalité et/ou la position de l'information saillante. Les informations qui présentent des liens sémantiques entre elles (e.g. provient de la même source ou qui expriment un même concept) devraient aussi être groupés temporellement et/ou au niveau spatial. 

=== Redondance ===

Éviter la présentation d'une information dans plusieurs modalités sensorielles, par exemple à l'écrit et à l'oral, sauf si la terminologie est inconnue, la langue est peu familière, ou la double modalité augmente l'accessibilité pour des apprenant-es avec des difficultés.

=== Modalité appropriée ===

Si la visualisation d'une information est centrale pour la compréhension (e.g. fonctionnement d'un mécanisme), la présenter plutôt avec un commentaire oral qu'écrit. Ceci peut réduire l'effet de ''split-attention'' entre la visualisation et la lecture.

=== Contiguïté spatiale ===

Placer du texte écrit ou des éléments de signalement en proximité de l'information de référence. Même sur une surface relativement petite comme l'écran d'un smartphone, l'acuité focale ne couvre pas la totalité des contenus visibles. 

=== Contiguïté temporelle ===

Présenter du texte écrit ou à l'oral en simultanée avec l'information de référence (e.g. sous-titre en synchrone avec la narration). Le décalage entre information visuelle et auditive peut facilement distraire/gêner l'apprenant-e. 

=== Segmentation ===

[[Segmentation|Segmenter la vidéo]] en étapes bien distinctes et explicites plutôt qu'une seule séquence. La segmentation peut se traduire par des interruptions nécessitant l'action de l’apprenant-e (e.g. passer à la vidéo suivante, voir le principe du contrôle plus bas) ou par des transitions bien visibles. La sur-segmentation peut en même temps fragmenter les contenus et rendre la cohésion des informations plus difficile à reconstituer.

== Engager l'apprenant-e ==

=== Personnalisation ===

Le commentaire oral doit être donné dans un style conversationnel, adressé à l'audience, plutôt que formel et impersonnel. Par exemple, dans un tutoriel, il est plus efficace de se référer directement aux actions de l'apprenant-e ("effectuez maintenant la capture de l'écran à l'aide de la touche ...") plutôt que décrire le déroulement ("La capture d'écran s'effectue avec la touche ...").

=== Voix ===

Utiliser une voix humaine, avec un débit enthousiaste et rapide, plutôt que générée par une machine. La prosodie doit proposer des variations cohérentes avec les informations saillantes plutôt qu'un rythme monotone.  

=== Guidage social ===

Fournir une image de la personne qui parle (même incrustée) si elle pointe avec le regard ou le geste vers les éléments d'information pertinents. Les être humains utilisent automatiquement et avec relativement peu d'effort les indices socio-affectifs d'autres personnes.

=== Design émotionnel ===

Mettre en avant les éléments importants au moyen de graphismes attractifs (couleurs chaudes et saturées, détails, anthropomorphisme). Attention cependant à respecter le principe de cohérence lié à la charge cognitive.

== Faciliter la construction active des connaissances ==

=== Pré-apprentissage ===

S'assurer que les apprenant-es maîtrisent les concepts-clés ou le vocabulaire spécifique avant de voir la vidéo. Si les informations pertinentes sont présentées au même endroit de la vidéo, mais sous forme écrite (e.g. dans une page web), veiller à ce que l'attention des apprenant-es soit dirigée d'abord sur celles-ci, car l'interactivité de la vidéo a la tendance à monopoliser la scène. 

=== Contextualisation ===

Donner des exemples familiers ou des analogies qui permettent aux apprenant-es d'activer leurs connaissances préalables et de pouvoir transférer des notions abstraites à des contextes réels.

=== Contrôle / Interactivité ===

Donner le contrôle sur le défilement de la vidéo, mais de manière structurée (e.g. division en chapitres, transitions entre parties, ...). Inciter à faire des pauses pour noter, ou insérer des questions prospectives (que va-t-il se passer ?) ou rétrospectives (qu'est-ce qui a été retenu?).

== Bibliographie ==

* Bétrancourt et Benetos (2018). Why and when does instructional video facilitate learning? ''Computers in Human Behavior'', 89, 471-475.
* Brame, C. J. (2016). Effective Educational Videos : Principles and Guidelines for Maximizing Student Learning from Video Content. ''CBE Life Sciences Education'', 15:es6, 1–6. https://doi.org/10.1187/cbe.16-03-0125
* Fiorella, L. (2022). Multimedia Learning with Instructional Video. In ''The Cambridge Handbook of multimedia learning'' (Third Edition, p. 487-497). Cambridge University Press.
* Mayer, R. E., Fiorella, L., & Stull, A. (2020). Five ways to increase the effectiveness of instructional video. ''Educational Technology Research and Development'', 68(3), 837-852.
* Van Der Meij, H., & Van Der Meij, J. (2013). Eight Guidelines for the Design of Instructional Videos for Software Training. ''Technical Communication'', 60(3), 205–228.

[[Catégorie: Vidéo]] [[Catégorie:Multimédia]] [[Catégorie:Enseigner en ligne]]