Comment créer une image interactive ?

7 minutes
Rédigé par: Johanna
Partager sur whatsapp
Partager sur facebook
Partager sur twitter
Partager sur pinterest
Partager sur linkedin
Partager sur whatsapp
Partager sur facebook
Partager sur twitter
Partager sur pinterest
Partager sur linkedin

Une image vaut mille mots, alors une image interactive, encore plus 😀

Les images interactives sont très puissantes à l’heure d’améliorer la communication : elles permettent de transmettre une histoire de façon visuelle, créative et innovante. Il s’agit peut-être du format de contenu numérique le plus efficace pour obtenir l’engagement de votre public.

Vous pouvez en utiliser pour créer du contenu corporatif, des ressources de formation ou pour diffuser toute idée. On trouve différentes manières de les partager, y compris en insérant votre image interactive dans WordPress.

Pour que vous puissiez vous y mettre aussi, nous vous expliquons ici comment créer une image interactive de manière très simple, ainsi que toutes les options à votre disposition pour la diffuser. Nous vous présentons en outre une série d’exemples très inspirants, en espérant que vous en tirerez le meilleur parti.

Image statique vs image interactive : quelles sont les différences ?

Images statiques vs images interactives

Images statiquesImages interactives
Ont une seule couche d’information, celle que l’on voit.Ont plusieurs couches d’information.
Son platesSont enrichies avec d’autres types de contenus comme des vidéos, cartes, graphiques … 
Sont illustrativesSont fonctionnelles
Transmettent un messageTransmettent une histoire
Elles se consomment de façon unidirectionnelleVous devez entrer en relation avec l’image pour consommer tout le contenu.
Sont passivesFavorise l’exploration et la mémorisation.

Comment en faire ?

Créer des images interactives avec Genially est très simple : nul besoin de maîtriser parfaitement le design, ni d’avoir des connaissances en programmation. Il suffit de trois étapes pour créer votre image interactive :

  • Définir une image de base comme arrière-plan de la zone d’édition
  • Ajoutez les éléments interactifs que vous souhaitez utiliser
  • Dotez les éléments d’interactivité!

Pour en profiter pleinement, l’idéal est de choisir une image de base qui valorise déjà par elle-même votre création, soit parce qu’elle est frappante, soit parce qu’elle illustre très bien certains aspects de ce que vous voulez transmettre. Ainsi, lorsque vous y ajoutez des informations, vous les rendez encore plus intéressants et attractifs pour votre public.

Sur Genially, vous trouverez de nombreux éléments interactifs à ajouter à votre image. Il y en a pour tous les goûts ! Prenez le temps de bien choisir celui qui correspond le mieux à vos besoins de communication. Marqueurs, boutons … vous pouvez en ajouter autant que vous le souhaitez.

L’interactivité vous permet d’ajouter des informations de toutes sortes : des vidéos, d’autres images, des liens vers des sites Web, des GIF, vos profils de réseaux sociaux ou tout autre contenu imaginable. De cette manière, l’information s’articule en plusieurs couches et votre public la découvre au fil de son interaction avec l’image.

Et ce n’est pas fini, vous pouvez également ajouter des effets d’animation aux éléments. L’animation est très efficace pour capter l’attention et l’intérêt de votre public, tout en multipliant le potentiel de l’interactivité. Il devient presque impossible de résister au clic !

Déjà des idées pour appliquer ces ressources efficaces ? Voyons plus loin pour s’inspirer des exemples !

6 exemples d’images interactives

Les images interactives trouvent leur application dans tout secteur: éducation, marketing, communication, design ou formation. Vous pouvez atteindre des résultats aussi surprenants que ceux-ci : 

Affiche informative

Cette ressource est très utile pour générer du contenu informatif ou du storytelling. Choisissez une image de base qui vous aidera à transmettre votre message parce qu’elle raconte une histoire, montre un aspect curieux, ou souligne un détail

Poster éducatif

Il s’agit d’un excellent moyen d’étudier et d’apprendre, car pendant que vous le réalisez, vous recherchez et mémorisez de l’information, la création même du graphique vous invite à vous souvenir de ce que vous ajoutez. Et cela fonctionnera également très bien comme ressource éducative. Une image avec un grand impact visuel attirera efficacement l’attention des étudiants.

Annonce publicitaire

Avec une annonce publicitaire, vous pourrez attirer l’attention sur le produit ou le service que vous souhaitez. Et le meilleur de tout ça,  c’est que vous pouvez mettre un lien au contenu qui amène directement à mieux connaître le produit ou service ou encore à l’achat.

De cette manière, avec une image simple et quelques données, il est très facile d’attirer vos clients avec du contenu interactif pour répondre aux objectifs de votre campagne publicitaire ou marketing.

Drôle d’image

Il est impossible de tout savoir, il y a toujours de nouvelles choses à apprendre ! Pourquoi ne pas créer une image qui réveille la curiosité du public ? L’interactivité stimule l’apprentissage.

Catalogue interactif

Vous pouvez bien sûr créer votre propre catalogue interactif et ajouter des informations supplémentaires à chaque article, comme par exemple où l’acheter ou de quoi il est fait. Il suffit d’inclure ce que l’on souhaite dans une étiquette ou une fenêtre: une carte, une vidéo, une brève explication …

GIF interactif

Les GIF animés sont très attrayants pour quasiment tous les publics, ils sont drôles et très efficaces pour capter l’attention du fait de leur mouvement. En ajoutant de l’interactivité à ce format, vous pourrez explorer de nouvelles possibilités créatives et améliorer au maximum l’engagement de votre public.

Envie d’essayer ? Vous obtiendrez sans aucun doute de l’impact avec votre image interactive !

Créez votre image interactive avec Genially

Voyons un cas pratique: nous allons transformer cette photo de la muraille de Chine en une image interactive géniale. Il est conseillé de préparer avant de commencer ce que vous allez ajouter à votre image: textes, vidéos, photos, cartes … Un document ou un dossier avec toutes les informations à portée de main vous facilitera la tâche. 

Vous ne connaissez pas encore  Genially ? Regardez ce tutoriel !

La première chose à faire est de sélectionner l‘image de base. Dans la section «Créer une image interactive», vous aurez la possibilité d’en télécharger une depuis votre ordinateur, de coller une URL ou de choisir une image d’Unsplash sans sortir de Genially.

Dans le menu de l’éditeur de genially, on trouve une section entièrement dédiée aux éléments interactifs. Choisissez ceux qui vous plaisent le plus ! Un élément interactif est simplement une composition d’icônes et de formes utilisées pour indiquer une action. De plus, les éléments interactifs sont personnalisables : vous pouvez modifier leur taille et leur couleur.

 Comment ajouter de l’interactivité aux éléments de votre image interactive ?

En sélectionnant l’élément que vous souhaitez rendre interactif, deux icônes apparaissent dessus: la main est celle de l’interactivité. Cliquer dessus ouvrira un panel pour en choisir le type.

type d'interactivité in genially

En fonction du contenu que vous souhaitez ajouter, vous aurez besoin d’un type d’interactivité ou d’un autre. Voici les 4 types d’interactivité Genially :

  • Étiquettes : les étiquettes sont utilisées pour afficher du contenu court. Elles s’activent en passant la souris sur l’élément et disparaissent en l’éloignant. Pour une bonne visualisation, il est recommandé que le texte ne dépasse pas 300 caractères. Si vous avez besoin de plus, optez pour une fenêtre.
  • Fenêtres : les fenêtres conviennent pour une plus grande quantité de contenu que les étiquettes. Même ainsi, nous vous recommandons d’éviter de grandes charges de texte dans les fenêtres et les étiquettes. Elles sont activées en cliquant sur l’élément. Les fenêtres vous permettront d’enrichir votre image en ajoutant tout type de format de contenu: PDF, vidéos, textes …
  • Aller à la page : cette fonctionnalité vous permet de diriger votre public vers une autre page du même genially. De cette façon, vous pouvez compléter les informations de l’image avec du contenu supplémentaire que votre public peut voir sans sortir de la ressource.
  • Liens : pour relier votre création à tout site externe. Vous pouvez ajouter l’URL de votre blog, de votre site Web, ou encore de la page que vous souhaitez.

Complétez votre image interactive

Vous voulez intégrer plus d’explications ou mettre en évidence d’autres points d’intérêt de l’image ? Revenez à la section “éléments interactifs” et ajoutez-en autant que vous le souhaitez.

Une autre façon d’ajouter de l’interactivité consiste à utiliser la ressource «zone invisible». Vous pouvez donc en mettre partout sur la zone de l’image sans afficher l’élément qui la contient. Pour ce faire, faites simplement glisser la zone invisible sur la zone d’édition et placez-la dans la zone que vous souhaitez rendre interactive. Vous pouvez modifier la taille en fonction de vos besoins.

Votre image interactive est prête !

Partagez votre création !

Une fois publiée, vient le moment de diffuser votre image interactive auprès de votre public, en utilisant le bouton de partage (situé sur la barre supérieure). L’avantage génial, c’est que toutes l’information de votre image interactive tient en un seul lien, ce qui facilitera grandement sa diffusion sur une multitude de plateformes.

Dans sa version gratuite, Genially vous propose cinq options pour partager votre création sans en perdre l’animation ni l’interactivité:

  • Lien d’accès
  • Code pour l’insérer dans votre blog ou site web
  • Envoyer par email
  • Partager sur les réseaux sociaux
  • Partager via Google Classroom ou Microsoft Teams

Et si vous disposez d’un plan premium, vous pouvez télécharger votre création sous différents formats: JPG, PDF (dans ces cas l’interactivité se perd) ou encore en HTML (l’interactivité et l’animation sont maintenues même sans connexion internet).

Vous pouvez maintenant vous lancer et créer une image interactive pour épater votre public. Commencez à donner de la vie à vos contenus !

Johanna
Johanna
Ne laissez personne venir à vous et repartir sans être plus heureux

Posts recommandés

Une réponse

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *