Cet article a été rédigé par Tom Kulhmann, membre de la communauté E-learning Heroes, et il est extrait de son blog The Rapid E-Learning Blog où il partage des trucs et des astuces pour vous aider à devenir un pro du e-learning sans perdre de temps.

Je relis de nombreux modules et des démos e-learning. Étant donné que le e-learning est un support principalement visuel, les incohérences visuelles ont tendance à ressortir.

J’ai dressé une liste des problèmes les plus courants que je rencontre. Ainsi, dans l’article d’aujourd’hui, j’en soulignerai trois que je vois assez souvent et je proposerai quelques commentaires sur la façon de les éviter.

Les images sont déformées

Les images à l’écran ne sont parfois pas aux bonnes dimensions. Elles peuvent être déformées ou aplaties. C’est probablement le problème numéro un que je vois et qui est facile à résoudre. La raison la plus courante pour laquelle une image est déformée est qu’elle est a été redimensionnée pour s’adapter à une zone ou une forme spécifique. Pour la mettre à la bonne dimension, certains utilisent les poignées. Ce qui se passe, c’est que l’image est redimensionnée mais ne conserve pas les bonnes proportions. Et ça, ça se voit immédiatement.

Voici quelques solutions rapides :

• Utilisez les poignées des angles. Pour redimensionner ou repositionner l’image sans la déformer, maintenez la touche MAJ enfoncée et faites glisser depuis l’une des poignées de coin. Cela vaut également pour les formes, notamment les cercles. Je remarque que de nombreux cercles prennent la forme d’un ovale lorsqu’ils sont redimensionnés sans mise à l’échelle appropriée.

• L’outil de recadrage peut modifier les dimensions de l’image sans la déformer. L’outil de recadrage de PowerPoint et de Storyline vous permet de recadrer l’image selon un rapport hauteur/largeur spécifique afin de répondre aux exigences de taille de l’espace disponible sans perdre la qualité de l’image. Pour cela, il faut cocher l’option Verrouiller le rapport hauteur largeur. Vous pouvez également déplacer l’image à l’intérieur du recadrage pour obtenir exactement ce dont vous avez besoin.

Il y a trop de polices différentes

De nombreux modules ont tendance à utiliser trop de polices sans raison. Je dis généralement aux gens de limiter le nombre de polices qu’ils utilisent à trois maximum, deux étant déjà suffisantes la plupart du temps. Souvent, je vois toutes sortes de polices farfelues à l’écran. Lorsque je demande pourquoi ils ont choisi une certaine police, c’est généralement parce qu’ils voulaient rendre le module plus intéressant ou amusant.

C’est un bon objectif. Mais une police originale ne rendra pas votre module plus intéressant. Et une police mal choisie peut même en détourner l’attention. Ou le rendre moins travaillé.

En règle générale (surtout pour ceux qui débutent), limitez-vous à deux ou trois polices. Généralement, vous avez besoin de :

• Titre
• Sous-titre
• Police du corps
• Accentuation : il peut s’agir de la police du corps en gras ou mise en couleur

Faire de vrais choix de police et réduire le nombre d’usages dans vos modules est un moyen simple d’ajouter de la cohérence et de l’élégance à votre module e-learning. Voici quelques articles sur l’utilisation des polices qui proposent des idées sur celles à sélectionner : 

• 8 questions à se poser pour choisir les polices et la mise en forme du texte
• Mes quatre polices gratuites préférées pour le e-learning
• 5 duos de polices pour votre prochain projet e-learning
• Trouver des polices adaptées à votre e-learning
• Tout ce que vous devez savoir pour trouver des polices

Il y a des problèmes avec la mise en forme du texte

Le texte est l’élément le plus courant à l’écran. Nous utilisons évidemment le texte pour lire et acquérir des informations, mais le texte fait également partie de la conception visuelle du module. Pour cette raison, l’alignement est important. Voici trois problèmes courants que je vois concernant le texte :

• Les gros blocs de texte sont centrés. Le centrage fonctionne pour les titres ou les petits morceaux de texte descriptif, mais pas pour les gros morceaux de texte. Une marge latérale propre est esthétique et facilite le suivi visuel.

• Évitez les veuves. Si vous avez envie d’aider les veuves et les orphelins, c’est bien. Mais vous ne voulez pas de veuves dans votre module e-learning. Qu’est-ce qu’une veuve ? C’est un mot tout seul à la ligne après un bloc de texte. Corrigez cela en redimensionnant la zone de texte.

• Les marges dans les zones de texte sont incohérentes. C’est assez courant. Parfois, le texte est serré sur le côté ou en haut, sans marge, et parfois les marges sont trop grandes ; ou bien elles ne sont pas appliquées de manière cohérente. Ceci est facilement résolu en modifiant la façon dont le texte apparaît dans la boîte/forme. J’aime créer une zone de texte distincte sur la forme. Cela donne plus de contrôle pour déplacer le texte à l’intérieur de la forme sans être contraint par le formatage du texte de la forme.

Vous n’avez pas besoin d’être graphiste pour savoir quand quelque chose ne va pas. Nous ne sommes peut-être pas toujours en mesure d’expliquer pourquoi quelque chose ne semble pas correct, mais nous le savons lorsque nous le voyons. Et c’est le cas de ces petits désagréments. Quand ils ne sont pas là, personne ne le voit mais lorsqu’ils sont sur votre écran, cela donne une impression… brouillonne. 

La bonne nouvelle est qu’ils sont faciles à réparer, ce qui aidera votre module à être plus soigné.

Si cet article vous a intéressé, n’oubliez pas de revenir régulièrement sur les Essentiels du e-learning, pour y retrouver tous nos conseils pratiques et nos téléchargements gratuits pour le e-learning.