Formation digital - visual storytelling

Source : https://www.linkedin.com/learning/la-visualisation-de-donnees-le-storytelling/decouvrir-le-storytelling Liens : Shamindri’s personal branding and storytelling training

Dans le Storytelling pour les entreprises, on n’essaie pas seulement de Convaincre avec un argumentaire qui s’adresse à la Raison, mais de Persuader avec une narration qui appelle au Pathos et aux Émotions.

Les bonnes Infographies deviennent facilement virales, elles sont donc très partagées et ont un bon SEO

La recette du storytelling d’entreprise

Dans le cadre d’une entreprise, on va :

• Raconter
  • L’entreprise
  • Les produits, les services
  • Les coulisses
• Convaincre
  • Témoignages
  • Approbations
• Intéresser
  • Informer
  • Amuser
  • Séduire Pour pouvoir fédérer autour d’un projet, d’une marque, d’une initiative…

Faire une bonne histoire

Une bonne histoire :

• Véhicule des images

  Le cerveau traite les images 60% plus vite que les mots

• Génère l’Empathie
• Captive l’attention
• Se retient facilement

  Les histoires sont 20x plus faciles à se rappeler que des informations

• Transmet des Valeurs identitaires
• Est adaptée au public visé

Le storytelling appliqué aux données

Quand on a de grandes quantités de données, il faut les analyser, extraire les infos importantes, en tirer des conclusions. La plupart des gens ne sont pas prêts à effectuer ces tâches. De plus, quand ils sont confrontés à une quantité importante d’information, qui est difficile à pénétrer.

Il vaut mieux quelques visuels et des Rule of thumb.

Un petit croquis vaut mieux qu’un long discours

Cependant les données visuelles peuvent être présentées de manière complexe.

Les informations sont produites par des experts, mais lues par des néophytes !

L’apport du storytelling ici est de :

• Simplifier les données
• Suivre un angle de communication
• Capter l’attention du lecteur pour qu’il puisse rentrer dans les données
• Faire comprendre → Donner les clés pour comprendre ce que représentent ces données
• Convaincre, susciter l’Adhésion du public
• Dynamiser la Mémorisation

Données visuelles	Données visuelles racontées
Le lecteur observe, décrypte puis intègre	Le lecteur capte, ressent et mémorise quasi-immédiatement

Repenser l’infographie

Le lecteur est flemmard. Il n’a ni la capacité ni la Volonté de :

• Déchiffrer les histogrammes et camemberts
• Produire une analyse

L’Infographie doit proposer des visuels :

• Parlants
• Révélateurs d’une situation
• Expliquant le processus, dans une approche journalistique.

Présenter les données	Résumer les données - approche journalistique
Exemple: Nous avons récemment demandé à un échantillonnage de 250 citoyens avec quelle fréquence ils utilisaient la nouvelle route à péage. Cinq pour cent disent qu’ils la prennent une fois par semaine, huit pour cent disent qu’ils l’utilisent trois fois par semaine, douze pour cent disent…	Exemple : Nous avons effectué une enquête révélatrice selon laquelle deux tiers des usagers n’empruntent pas la nouvelle voie à péage parce qu’ils n’en ont pas les moyens.
Effet : Peu d’intérêt pour le lecteur, mal à comprendre où l’orateur veut en venir	Effet : Compréhension immédiate du sujet, et représentation quasi-visuelle des données

Faire une Infographie va demander un travail de Design graphique. Il va falloir penser l’infographie comme un article journalistique.

Reccueillir les données

Les données doivent être :

• Cohérentes
• Analysées
• Hiérarchisées

Les données doivent répondre au message essentiel : Qui fait Quoi ? Où ? Quand ? Pourquoi ? Comment ? Avec qui ?

Réduire la masse de données - trier

• Se demander quelles sont les données significatives ?
• Se demander quel point doit retenir le lecteur ? (Point clé, qu’il faudra mettre en avant)
• Pour que le lecteur retienne le point clé, il va falloir regrouper certaines données
  • Par exemple, regrouper les pays pauvres d’un coté et les pays riches de l’autre
  • Aussi, se servir du regroupement pour proposer un langage clair et simple pour le lecteur plutôt qu’un langage technique : Parler de “une fois par mois” plutôt que de “12 fois par an”

Définir le message essentiel

Objectif : Il ne s’agit pas d’être exhaustif, mais de faire passer un message

• Quelles sont les données significatives ?
• Quelle est l’info clé que nous voudrions faire passer ?

Présenter les données

Une Infographie qui raconte quelque chose doit utiliser la forme appropriée. Elle doit :

• Être innovante
• Sortir des sentiers battus pour surprendre les lecteurs

Trouver la forme appropriée

Le lecteur doit pouvoir assimiler l’info au premier coup d’œil, sans effort de compréhension

• Ne pas utiliser les formes classiques (Bar chart, Pie chart…) pour communiquer au lecteur.
• Si tu dois utiliser une légende compliquée, c’est que ton graphe n’est pas assez parlant
• Pareil pour les codes couleurs, ça rend le graphique compliqué de devoir lire la légende des codes couleurs

Tu peux :

• Faire un dessin enfantin, ou avec des icônes, plutôt qu’un camembert.
• Utiliser du texte et des chiffres, clairs

Exemple :

Dans cet exemple, l’icône de chapeau universitaire est adaptée à un public jeune ou anglo-saxon, mais pas à une audience plus âgée.

Trouver le visuel adapté

Il faut choisir son visuel en fonction de son audience !

L’image doit être :

• Fédératrice (pas de rejet)
• Symbolique (représentation simple et immédiatement comprise)
• Adaptée à l’audience
• Cohérente avec les autres images de la même présentation (style cohérent)

On aurait pu utiliser un clipart :

On remarque qu’il faut alors pouvoir changer les couleurs pour que la légende corresponde à l’image.

Où trouver des images / pictogrammes ?

• Vecteezy
• AI
• Material icons…

Utiliser les couleurs

Les couleurs ne sont pas neutres. Elles sont associées à :

• Une symbolique
• Des sentiments
• Des tranches d’âge
• Des métiers

Sur un public jeune, on cherche des couleurs plus toniques. Sur un public pro, on cherche du monochromatique. Chercher des palettes de couleur pour notre univers de référence est une bonne pratique. On peut chercher sur :

• Adobe color CC
• Pinterest

Utiliser le texte

Le texte n’est qu’un complément. On travaille avec seulement :

• Des titres informatifs
• ou bien, un couple titre incitatif (suscite la Curiosité ou une interrogation) / sous-titre informatif
• Des titres courts / 7 mots max.
• Pas de légende explicative ni de mode d’emploi (c’est la preuve que le graphique est mal fait)

Process créatif

• Trouver les visuels
• Hiérarchiser les visuels en lien avec les données brutes
• Mettre en forme (taille, perspectives des visuels)
• Ajouter le texte

Scénariser un diagramme

Les diagrammes sont complexes, pour les scénariser, il faut :

1. Détecter le type de séquençage

• Organisationnel
• Temporel
• Spatial
• Si les 3 à la fois, challenge

1. Détecter le nombre de composants

• Acteurs
• Étapes
• Processus (imbriqués à l’intérieur de ce qu’on doit montrer)

1. Bonnes pratiques

• Simplifier
• Grouper / segmenter
• Limiter le nombre d’étapes
• Dérouler le scénario sur un axe évident (ligne, cercle, étoile, pyramide…)

Faire des Comparaisons

• Séparation visuelle (couleurs différentes, pictogrammes différents, colonnes différentes)
• Points-clés hiérarchisés pour orienter l’utilisateur

Tirer parti des symboles

Les symboles ne sont pas neutres. Ils doivent être :

• Cohérents
• Reconnus et acceptés par tous

Mise en page

Mettre en page une Infographie c’est :

• Structurer une infographie pour un support donné
• Organiser plusieurs infographies dans un document donné

En général, il faut savoir si la mise en page est en mode portrait ou paysage. La tendance est en mode portrait (vertical) à cause de l’utilisation des mobiles. La mise en page classique ressemble à ca :

Pour les projections (powerpoint) le mode paysage est à préférer (large). Dans un document papier, il faut se limiter à une infographie par double-page.

Pour le web et le SEO, toujours mettre :

• Titre et description
• Balises alt sur les images
• Mettre l’infographie en HTML de pref pour les moteurs de recherche
• Mais prevoir un embed snippet pour les reseaux sociaux

Les infographies interactives

C’est possible de rendre les Infographies interactives. La différence c’est qu’on ne peut plus faire de storytelling car c’est l’utilisateur lui-même qui va créer son histoire en parcourant les données.

À ce moment, il faut s’assurer de :

• Ne pas masquer d’informations
• Ne pas perturber la lecture avec les interactions
• Avoir une alternative au mouseover sur les mobiles.

Présenter l’infographie

Les trucs pour Faire une bonne présentation s’appliquent. Tu peux aussi penser à ceci :

• Ne dévoile pas toute l’infographie d’un coup, mais petit à petit montre les éléments qui soutiennent ton discours. Ce sera plus mémorable
• On n’affiche pas les schémas complexes. On préfère les casser en plusieurs pages si besoin de les présenter
• Ton support de présentation pourra être partagé ensuite, il doit donc être adapté autant à la présentation qu’à la lecture

Scribbing et facilitation graphique ou prise de notes visuelles

Le scribbing consiste à créer des notes en live sous forme graphique. La facilitation graphique est l’art de faire émerger ces notes, très proche du sketchnoting. Voir le site de Julie Boiveau pour des réf intéressantes : https://visions-du-monde.com/

Outils

Outils spécialisés

• Canva (chouette pour le mobile)
• Infogram
• Piktochart
• Easel.ly

Outils génériques

• Illustrator qui permet d’avoir à la fois une bibliothèque de visuels et des outils de “chart” et le lien entre les 2 (alternatives : visio, edraw)
• Google Charts pour graph interactif HTML5
• Excel …
• Figma