Intégration de texte et d'images

De EduTech Wiki
Aller à la navigation Aller à la recherche

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



Digital skills @ FPSE
Module: Communiquer efficacement : principes et astuces en communication visuelle
Page d'entrée de la section
Principes du design visuel
⏏︎
◀︎
débutant
2022/03/25 ⚒⚒ 2021/03/15
Objectifs
  • Reconnaître les caractéristiques des principes du design visuel
  • Identifier la fonction des grands principes dans un design visuel
  • Repérer une bonne intégration de texte et image
Contenu de la section
Catégorie: Education au numérique

Objectifs

  • Reconnaître les caractéristiques des principes du design visuel
  • Identifier la fonction des grands principes dans un design visuel
  • Repérer une bonne intégration de texte et image



  • Difficulté: débutant

Introduction

Decoupe.svg

L'intégration de texte et d'images permet de faciliter la compréhension en guidant la lecture, en donnant des exemples ou des illustrations, ou en permettant de faire une abstraction des données et relations complexes. Carney & Levin (2002)[1] catégorisent les images dans les communications dont l'apprentissage est le but principal, en quatre fonctions :

  • Representation (Representational Pictures): représentent directement ce qui est décrit dans le texte
  • Organisation (Organizational Pictures): structurent et organisent le contenu textuel
  • Interpretation (Interpretational Pictures): illustrent des concepts ou systèmes pour les clarifier
  • Transformation (Transformational (Mnemonic) Pictures): facilitent la mémorisation du contenu textuel

Les images strictement décoratives, n'aident pas à l'apprentissage et peuvent même nuire à cause de la surcharge due à cette charge cognitive extrinsèque.

Les 12 principes multimédia de Mayer

Mayer (2002)[2] a proposé 12 principes basés sur la recherche, pour améliorer l'intégration de texte et images dans les communications multimédia (image, son et texte). Le but de ces principes est de réduire la charge cognitive et améliorer la compréhension.

  1. Cohérence : éviter les images, mots, sons superflus >> Enlevez les informations superflues. Favoriser la simplicité.
  2. Signalisation : donner des indices concernant l’organisation du matériel essentiel >> Donnez une indication visuelle à quoi il faut porter son attention. Soulignez les mots importants, mettez les informations clés en avant.
  3. Redondance : image + narration (son) + texte sur l’écran >> Utilisez uniquement des images avec narration. Pas des images et du texte. Ajouter des sous-titres si nécessaires
  4. Contiguïté spatiale : proximité maximale entre image et texte >> Gardez tous les textes et graphiques associés proches les uns des autres. Pour faciliter la compréhension de la relation entre le texte et les graphiques.

Liens

Références

  1. Carney, R. N., & Levin, J. R. (2002). Pictorial illustrations Still improve students’ learning from text. Educational Psychology Review, 14(1), 5–26. https://doi.org/10.1023/A:1013176309260
  2. Mayer, R. E. (2002). Multimedia learning. Psychology of Learning and Motivation, 41, 85–139. https://doi.org/10.1016/S0079-7421(02)80005-6