Intégration de texte et d'images

De EduTech Wiki
Version datée du 25 mars 2022 à 14:17 par Kalli (discussion | contributions) (→‎Introduction)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigation Aller à la recherche


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), mais s'applique aussi aux communications statiques comme les posters ou autre communications visuelles, surtout s'il est visé de les utiliser comme support à une présentation. 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 une narration (voix off). 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.
  5. Contiguïté temporelle : image + texte en même temps au lieu de successivement >> Assurez-vous que les images, le texte et image et l'audio associés se produisent en même temps, l'un ne doit pas précéder l'autre.
  6. Segmentation : segments d’informations présentées à un rythme choisi par l’utilisateur au lieu d’une unité en continu >> Permettre à l'utilisateur de contrôler le rythme de présentation des informations. Assurez-vous de couper les informations en petits morceaux.
  7. Pré-entrainement : s’assurer que l’utilisateur connait les noms et les caractéristiques de concepts >> Fournir un guide d'introduction à l'utilisation, à la définition ou aux concepts.
  8. Modalité : image + narration est plus facile à comprendre que l’animation + texte >> Limitez la quantité de texte lorsque vous utilisez une voix off. N'utilisez le texte que pour les définitions clés.
  9. Multimédia : image + texte mieux que texte seul >> Évitez d'utiliser uniquement du texte uniforme à l'écran. Utilisez des visuels pour clarifier et améliorer les informations.
  10. Personnalisation : texte conversationnel est mieux qu’un texte formel >> Gardez le ton décontracté et simple quand possible. Ceci est parfois contraint par les conventions du contexte.
  11. Voix : narration avec une voix aimable est mieux que la voix d’une machine >> Évitez les voix automatisées ou robotiques.
  12. Image : L’image du présentateur sur l’écran n’a aucun effet sur l’apprentissage ou la compréhension >> Limitez l'utilisation des têtes parlantes.

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