Comment placer une image dans un texte ?

La position relative de l'image dans un texte a une grande importance pour la compréhension des idées d'un document. Il faut en tenir compte avant l'élaboration des documents pédagogiques. À noter : l'image placée avant le texte attire l'attention du lecteur ou fournit un cadre organisateur ; à côté du texte, l'image permet une représentation graphique de chaque point ; après le texte, l'image synthétise et organise les informations.

Les technologies de l'information et de la communication permettent de créer des documents très riches en images, graphismes, illustrations. Les enseignants qui font appel à cette ressource devraient tenir compte des effets de la position d'une image dans le texte, car celle-ci a une grande importance pour la compréhension des idées du document. Par exemple, des études ont montré qu'une image placée à gauche du texte n'a pas la même signification pour les lecteurs qu'une image placée à droite du texte. À gauche, l'image attire l'attention sur soi et les lecteurs la regardent avant de lire le texte. À droite, l'effet inverse se produit. Si le texte contient des informations essentielles pour comprendre l'image, alors il est important de placer l'image à droite du texte.

Lors de l'élaboration des documents pédagogiques, il faut tenir compte de ces effets de sens afin de rendre le document le plus lisible possible pour les lecteurs.

Stéphane Caro et Mireille Bétrancourt ont réalisé une revue de la littérature scientifique et résumé les résultats de diverses études scientifiques sur l'intégration texte-image. Voici leurs conclusions.

• Position relative de l'image et du commentaire verbal : si le texte et l'image sont sur la même page ou écran, placée :
  
  
  • avant le texte, l’image attire l'attention du lecteur ou fournit un cadre organisateur (un exemple sur le site La Main à la Pâte);
  • à côté du texte, l'image permet une représentation graphique de chaque point ;
  • après le texte, l'image synthétise et organise les informations (un deuxième exemple sur le site La Main à la Pâte).


• Droite/gauche : placer l'image à gauche du commentaire verbal favorise la première, ce qui diminue l'attention à l'information verbale.


• Proximité spatio-temporelle : la compréhension et la mémorisation des informations sont facilitées si le texte et l'image sont placés à proximité l'un de l'autre ; si les informations verbales sont présentées de façon sonore, elles doivent apparaître simultanément à l'image.


• Relation sémantique et attention aux détails : dans le cas de textes où l'information verbale est plus importante et où plusieurs illustrations sont utilisées, l'insertion de chaque image à proximité de l'information correspondante favorise l'intégration des détails (un troisième exemple sur le site La Main à la Pâte). En revanche, disposer les images à part, dans un espace séparé, favorise le traitement relationnel entre elles.

Ces recommandations peuvent être utilisées comme guide pour l'élaboration de documents multimédias pédagogiques.

Mônica Macedo-Rouet - titulaire d'un doctorat en sciences de l'information et de la communication, ex-secrétaire de rédaction de la revue en ligne ComCiencia.

date de publication : 12/12/2006

• Caro, S., Bétrancourt, M. Ergonomie des documents techniques informatisés : expériences et recommandations sur l'utilisation des organisateurs para-linguistiques. In Tricot, A., Rouet, J.-F. (Ed.), Les hypermédias : approches cognitives et ergonomiques. Paris : Hermès, 1998.
• Mayer, R. The handbook of multimedia learning. Cambridge : Cambridge University Press, 2005.