Avant, pour créer des modules e-learning, il fallait réunir une équipe entière : des concepteurs pédagogiques pour la conception et l’écriture du scénario, des graphistes pour l’aspect visuel et des développeurs pour la programmation du module et sa gestion dans la plateforme LMS.

Aujourd’hui, grâce aux nouveaux outils auteur, la réalisation de modules en ligne est devenue un vrai jeu d’enfant. Le challenge pour les concepteurs est qu’ils doivent être capables de tout faire : écrire le scénario pédagogique, créer l’univers graphique et réaliser tout le montage dans l’outil auteur.

Que vous débutiez dans le domaine du e-learning ou que vous cherchiez un moyen de produire des modules de manière plus efficace, il est important de bien connaître les différents types de ressources graphiques les plus utilisés dans les modules e-learning ainsi que les endroits où vous pouvez les trouver gratuitement. Regardons tout cela de plus près.

Les types de ressources graphiques les plus utilisés

Les photos

En e-learning, on utilise souvent les photos en images de fond. Les photos en arrière-plan permettent, en effet, de mettre directement les apprenants dans le sujet, en créant le contexte visuel de votre module. Mais comme l’image de fond de votre diapo en constitue l’élément le plus grand et le plus visible, il est crucial de bien la choisir.

Il existe de nombreux types de photos qu’on peut utiliser en arrière-plan dans un module e-learning :  

• Une photo en mode macro, prise de très près, afin que l’on voit que la texture ou la couleur de l’objet, sans pouvoir forcément distinguer les contours. Ce type de photo permet d’enrichir visuellement les diapos, sans les surcharger.
• Des fonds comme un tableau noir ou un panneau de liège peuvent s’accorder avec un grand nombre de thématiques.
• Des photos représentant des bureaux, des salles de cours ou tout autre lieu de travail permettent également de contextualiser facilement votre module.
• Des photos représentant des lieux spécifiques liés au sujet du module. Par exemple, un hôpital ou un cabinet médical pour un module sur la santé. Si votre module comporte un scénario, ce type d’arrière-plan vous aidera à immerger les apprenants afin de rendre la situation encore plus réaliste.

Les photos sont également parfaites pour illustrer les messages clés tout au long de votre module. Par exemple, si vous créez une leçon sur les quatre principaux groupes alimentaires, il serait intéressant d’inclure une photo pour représenter chaque groupe. De plus, les photos ne sont pas seulement plus susceptibles d’attirer l’attention de vos apprenants, il a été prouvé (article en anglais) qu’elles peuvent également aider vos apprenants à retenir plus d’informations et à les retrouver plus facilement.

Si vous ne trouvez pas les images que vous recherchez, vous pouvez les créer vous-même. Vous n’avez pas besoin d’être photographe professionnel pour prendre de bonnes photos pour vos arrière-plans. La plupart des smartphones permettent aujourd’hui de faire des photos tout à fait correctes pour illustrer vos modules. Pour plus de conseils et d’idées pour y arriver, lisez cet article.

Les illustrations

Les illustrations sont un autre moyen de planter un décor et d’aider les apprenants à appréhender certains concepts compliqués.

Dans cette catégorie, on retrouve des illustrations représentant :

• Des papiers, dossiers, rubans adhésifs, notes manuscrites ou Post-it,
• Des écrans de projection, des tableaux blancs et des paperboards,
• Du matériel et des immeubles de bureau,
• Des objets liés à un secteur particulier.

Les personnages

Si vous concevez des modules scénarisés, vous aurez probablement besoin d’un certain nombre de personnages. Pour que vos scénarios soient réalistes – et donc plus efficaces – vous devez trouver des personnages avec lesquels vos apprenants pourront s’identifier.

Par exemple, si vous créez un module sur l’hygiène en milieu hospitalier, vous voudrez des personnages portant des blouses. Et si votre scénario se déroule dans un bureau, vous choisirez sans doute des personnages en costume ou en tailleur. Si le lieu de travail est plus décontracté, vos personnages pourront être habillés de façon plus informelle. La clé est de toujours choisir des personnages cohérents et crédibles dans leurs rôles.

Et, bien sûr, si vous créez beaucoup de modules e-learning sur des tas de sujets et pour des publics très variés, vous aurez besoin d’une très grande gamme de personnages dans laquelle piocher pour illustrer vos scénarios.

Les bulles de texte

Lorsque vous concevez vos scénarios, vous pouvez utiliser des bulles de texte pour afficher les dialogues entre les personnages. Il existe des bulles de toutes les formes, de toutes les tailles et dans tous les styles, de sorte que vous trouverez toujours ce qu’il vous faut.

Dans cette catégorie, on peut évoquer :

• Les bulles de style BD
• Des bulles plus discrètes, comme dessinées à la main
• Des bulles de formes simples, qui fonctionnent avec la plupart des styles de modules

Les icônes

Les icônes peuvent être utilisées en tant que boutons pour uniformiser le style de la navigation dans votre module ou pour aider à illustrer des concepts complexes.

Voici des icônes fréquemment utilisées comme boutons dans les modules e-learning :

• Les flèches pour les boutons Suivant et Précédent
• Une maison pour l’écran d’accueil ou le menu
• Un point d’interrogation qui indique où les apprenants peuvent obtenir des informations complémentaires
• Une icône de dossier ou de document pour localiser les ressources supplémentaires

Que vous utilisiez des icônes comme boutons ou pour illustrer des idées, assurez-vous que la signification de chaque icône soit claire et qu’elle ne puisse pas être mal interprétée. Si une icône est ambiguë, au lieu de simplifier la tâche des apprenants, elle peut rendre les choses plus confuses. En cas de doute, écrivez le mot au lieu de le remplacer par une icône. Ce qui nous amène à notre prochain type de ressources…

Les boutons

Parfois, vous devez créer un bouton pour une action pour laquelle il n’y a pas d’icône évidente. Par exemple, vous voulez proposer aux apprenants de retenter leur chance à la fin d’un quiz. Plutôt que d’utiliser une icône obscure qui risque d’embrouiller vos apprenants, pourquoi ne pas simplement mettre un bouton « réessayer » avec du texte pour que les apprenants sachent exactement quoi faire ?

Vous pouvez créer toutes sortes de boutons :

• Des rectangles (avec des bords arrondis ou carrés)
• Des carrés
• Des cercles

Il faut surtout s’assurer que les boutons soient bien visibles et visuellement similaires pour que les apprenants cernent bien la différence entre un bouton et un objet non cliquable.

Les vidéos

Les vidéos sont parfaites pour capter l’attention des apprenants. Il n’est donc pas surprenant d’en voir de plus en plus dans les modules e-learning. On trouve plusieurs sortes de vidéos :

• Des tutoriels de logiciels ou captures vidéo d’écran
• Des conférences ou des présentations filmées
• Des entretiens avec des experts métier (ou SME)
• Des animations ou vidéos sur tableau blanc
• Des vidéos de présentation de lieux de travail
• Des vidéos courtes et libres de droit pour une utilisation en arrière-plan

Les polices

Il n’est pas conseillé d’utiliser plus de deux ou trois polices différentes par module. Néanmoins, pour éviter de perdre du temps à chaque projet, il peut être très utile de se constituer une bibliothèque de polices qui pourront vous servir pour à peu près n’importe quel projet. Que vous utilisiez des polices gratuites ou que vous les achetiez, il y a quelques polices classiques que vous devez possédez sur votre ordinateur.

Voici ce dont vous aurez besoin pour la plupart des projets e-learning :

• Une police que vous pouvez utiliser principalement pour le titrage (titres, sous-titres et en-têtes). Ce doit être une police plus grande et plus grasse que le corps du texte.
• Une police pour le texte : elle doit être vraiment très lisible puisque c’est dans les textes que réside l’essentiel du message.
• Une police pour les légendes, les citations et les libellés. Elle doit contraster avec l’arrière-plan des diapos pour que les apprenants puissent lire facilement ces éléments. Elle doit rester lisible même avec un petit corps de texte.

Où trouver ces ressources graphiques ?

Maintenant que vous voyez un peu mieux quelles ressources vont vous être utiles pour concevoir vos prochains modules, vous vous demandez sans doute où les trouver. Il y a tellement d’options pour chacune de ces ressources que vous pouvez vous sentir perdu. Ne vous inquiétez pas ! Voici quelques options pour vous faciliter la vie :

• Les essentiels du e-learning. Au cas où vous ne le sauriez pas, nous avons toute une catégorie dédiée aux ressources graphiques gratuites (et une autre pour les templates) sur ce blog. Vous y trouverez des icônes et des illustrations libres de droit spécialement conçues pour le e-learning.
• E-Learning Heroes. En plus des templates PowerPoint et Storyline, vous y trouverez des arrière-plans, boutons, bulles de texte, polices, icônes et plein d’autres éléments graphiques, comme des illustrations et des images. Que ces ressources soient créées par Articulate ou par des membres de la communauté, elles sont toujours gratuites et libres de droit.
• Content Library. Avec un abonnement Articulate 360, vous avez accès à plus de 5 millions de photos, vidéos, illustrations, personnages, icônes et autres images directement dans Storyline 360 et dans Rise 360. Sans parler de tous les super modèles de diapo pour vos modules Storyline 360 – certains avec des activités interactives pré-programmées. C’est un vrai gagne-temps !
• Sites de photos gratuites. Si vous ne trouvez pas votre bonheur dans les ressources Articulate, vous pouvez regarder sur des sites tel que TheStocks.im et freeimages, ou sur un des sites répertoriés dans cet article. Attention, cependant, à bien lire les conditions d’utilisation avant de les utiliser car, en fonction de la photo et du site, elles ne sont pas toujours identiques.
• Sites de polices gratuites. Si vous cherchez une grande variété de polices gratuites, rendez-vous sur Google Fonts et FontSquirrel où vous trouverez tout ce qu’il vous faut.

Évidemment, il existe bien d’autres endroits où vous pouvez trouver des ressources graphiques, mais c’est déjà un bon point de départ. Pour plus de conseils sur le graphisme de vos modules, consultez les ressources ci-dessous :

• Augmentez vos compétences en graphisme avec ces articles
• 5 questions à se poser avant de choisir les polices d’un module e-learning
• Suivez ces conseils pour utiliser efficacement les icônes en e-learning

Si vous avez des questions ou des commentaires, laissez un message ci-dessous !

Suivez-nous sur Twitter et abonnez-vous au blog pour plus de conseils sur tout ce qui touche au e-learning.