Parlez fort.
L'un des meilleurs moyens de vous démarquer des autres est de réaliser un diaporama interactif. De nos jours, il ne suffit pas d'offrir au public un contenu statique, il doit être dynamique et impliquer l'utilisateur.
Un moyen infaillible de le faire consiste à utiliser un diaporama interactif. Que ce soit pour une campagne de marketing, du matériel d'apprentissage en ligne ou votre site web personnel, un diaporama interactif peut augmenter considérablement les niveaux d'engagement de votre public.
Pour vous aider à créer un contenu éducatif à la fois divertissant et informatif, nous avons créé un tutoriel étape par étape facile à suivre sur la façon de réaliser un diaporama interactif avec des informations nouvelles et originales.
La première des nombreuses bonnes pratiques en matière de contenu interactif consiste à trouver quelque chose de nouveau et d'original à partager avec votre public. Outre les sites partagés sur notre article de blog sur comment trouver des histoires intéressantes en chiffres, vous pouvez également consulter les dernières études et recherches sur un sujet particulier.
Dans ce cas, nous avons effectué une recherche Google pour "étudier les meilleures villes de startup 2016" et utilisé l'option Outils de recherche pour limiter les résultats à ceux publiés au cours de la dernière journée, afin d'obtenir les résultats les plus récents. Nous avons trouvé des études récemment publiées qui n'avaient pas encore fait le tour des réseaux sociaux et avons décidé de traduire les résultats en un visuel attrayant. Nous avons choisi d'utiliser l'étude de DataFox sur les meilleures villes pour fonder une startup en dehors de la Silicon Valley et de New York.
Ensuite, nous avons réfléchi à des moyens de visualiser ces informations de manière attrayante et interactive. Puisque nous présentions des informations sur différentes villes aux États-Unis, nous avons naturellement décidé d'utiliser une carte pour visualiser l'emplacement géographique de chaque ville, puis de les lier à des images de startups en vogue dans chaque pôle entrepreneurial.
Trouvez l'inspiration pour des histoires et des visualisations interactives en visitant d'autres sites éducatifs et médiatiques, tels que NYTimes.com et les sections d'actualités interactives de USA Today's.
Si vous n'avez pas encore de compte Visme, vous pouvez facilement et rapidement en créer un en vous rendant simplement sur Visme, en saisissant votre adresse e-mail et votre nom, puis en choisissant un mot de passe. Ensuite, cliquez sur l'option "Réaliser un nouveau Visme" dans le coin supérieur gauche pour créer et nommer un nouveau projet. Ensuite, sélectionnez les options Présentations pour afficher tous les modèles disponibles.
Vous pouvez choisir l'un des nombreux modèles prêts à l'emploi pour réaliser un diaporama, ou vous pouvez en imaginer un à partir de zéro. Dans ce cas, nous avons décidé de créer un tout nouveau design.
Ensuite, vous devrez choisir une couleur d'arrière-plan pour votre diaporama. Dans ce cas, notre première diapositive contient la carte des États-Unis, nous avons donc décidé d'utiliser une couleur claire et tamisée pour l'arrière-plan et la carte. Cela nous permettrait de choisir des couleurs plus vives pour chaque emplacement de la ville, ce qui ferait ressortir les informations les plus pertinentes pour le spectateur.
Une astuce que vous pouvez appliquer ici consiste à trouver l'inspiration pour vos schémas de couleurs en recherchant d'autres cartes infographiques sur Pinterest ou des images Google. Vous pouvez ensuite prendre une capture d'écran de ces images et les coller dans une application simple comme Paint. En utilisant l'outil Pipette et l'option Modifier les couleurs, vous pouvez localiser les valeurs RVB d'une couleur.
Ensuite, utilisez ce site simple pour les convertir en codes de couleur hexadécimaux.
En insérant ce code dans l'option de personnalisation des couleurs de Visme, vous pouvez facilement reproduire vos schémas de couleurs préférés dans Visme, comme indiqué ci-dessus. Une autre option, qui peut être plus simple pour les utilisateurs de Chrome, consiste à utiliser l'outil Chrome Eye Dropper pour sélectionner les couleurs des pages web.
Vous pouvez également utiliser des générateurs de jeux de couleurs comme Adobe Color CC et Coolors.
Vient maintenant la partie amusante de l'insertion de vos icônes, éléments de design et formes. Dans ce cas, nous avons commencé par rechercher une carte des États-Unis et en insérant des formes pour identifier chacun des différents emplacements sur la carte.
Vous pouvez créer un effet 3D en ajoutant une ombre sur votre carte. Copiez simplement l'élément, placez-le derrière le premier calque (légèrement sur le côté) et réduisez l'opacité dans l'option Effets.
Ensuite, vous pouvez insérer votre titre, sous-titre et texte plus petit dans votre carte. Pour refléter la nature du sujet, nous avons choisi une police audacieuse et moderne, Oswald, associée à une police plus ronde et plus lisible, Lato, pour le reste du texte.
Respectez un minimum de deux et un maximum de trois polices pour votre projet. Choisissez des polices distinctes pour vos titres et des polices plus neutres pour votre corps de texte.
Une fois notre carte terminée, nous avons procédé à la création des diapositives d'images qui renverraient à chacune des villes respectives. Pour ce faire, nous avons simplement inséré des diapositives supplémentaires, choisi un fond noir pour chacune et inséré une image d'une startup par diapositive, avec une légende sur le côté.
Recherchez des images dont la taille ne dépasse pas 800 x 600 pixels, ce qui est suffisamment grand pour un diaporama.
Nous avons ensuite inséré une icône en forme de flèche et l'avons liée à la diapositive suivante afin que, lorsque les spectateurs cliquent sur la flèche, ils soient redirigés vers la diapositive suivante.
De plus, nous avons lié tous les points de repère sur la carte interactive avec chacune des images respectives afin que lorsque les utilisateurs cliquent sur une ville, une image de l'une des startups de cette ville leur soit présentée.
Il existe une astuce pour créer ces hyperliens. Au lieu de lier chacun des éléments individuels (chiffres, cercles, flèches, texte) à une diapositive spécifique, vous pouvez simplement avoir un lien de sorte que lorsque le curseur de l'utilisateur survole une zone et clique, il l'amènera à la diapositive souhaitée.
Vous pouvez le faire en créant une forme pour couvrir le lien, puis en réduisant son opacité à 0% dans l'option Effets afin qu'elle devienne invisible et en la liant à la diapositive, comme indiqué ci-dessous.
Vous pouvez également ajouter des flèches de retour pour permettre au spectateur de revenir à la diapositive précédente en créant une flèche similaire sur le côté gauche et en créant un lien vers la diapositive précédente.
Enfin, une fois que nous avons confirmé que chacune des diapositives et icônes était liée aux bonnes destinations, nous l'avons publiée et intégrée à notre site.
Que diriez-vous de votre diaporama interactif ? Nous aimerions connaître vos expériences et vos réactions. N'hésitez pas à partager vos réflexions dans la section des commentaires ci-dessous.
Développez votre identité visuelle et votre image de marque, que vous soyez un graphiste expérimenté ou bien un débutant.
Testez Visme gratuitement
