Jeudis du numérique - WordPress.com · 2017. 10. 9. · Utilisez le lien au début de cette page...

Utilisez le lien au début de cette page pour voir la présentation en ligne avec notamment l'interactivité des graphiques. Nous préconisons les navigateurs comme Chrome, Firefox ou Microsoft Edge.

Une icône pour marquer l'interactivité est présente sur les diapos concernées.

Data visualisation et présentation efficace unies pour un même combat

Nous créons tous des graphiques mais combien d'entre nous ont appris à bien le faire, à appliquer les règles grammaticales d'une représentation graphique efficace ? Il est pourtant essentiel de savoir visualiser la donnée pour mieux piloter.

La plupart de ces graphiques seront partagés ensuite dans les 30 millions de présentations qui sont projetées chaque jour. Et quand certains disent que 99% d'entre elles sont nulles, il y a de quoi avoir envie que cela change.

Jeudis du numériqueLink to online presentation

1

https://studio.datastory.fr/presentation.php?p=2gak7hoh2x

5 secondes c’est le temps d’attention moyen qu’un public accorde à la compréhension d’une diapo lors d’une présentation.Vous en conviendrez c’est très peu.Alors comment être efficace lorsqu’en plus vous devrez présenter des données chiffrées auprès de votre public, summum bien souvent des présentations ennuyeuses.Nous allons parler de datavisualisation ou plus précisément, je vais partager des conseils avec vous pour vous aider à construire des graphiques efficaces et je vous donnerai également des conseils pour construire des visuels avec un diapo design efficace.Je m’appelle Christophe Naël, je suis l’un des co-fondateurs de la société Data Story basée à Vannes. Nous aidons les entreprises à changer la façon de présenter leurs chiffres clés pour améliorer la prise de décision. J’ai été responsable financier pendant plus de 20 ans et je suis également infographiste multimédia. Quand le monde du chiffre rencontre celui de l’image, nous ouvrons la porte du monde de la datavisualisation.

Jeudis du numérique

2

70% de l’information que nous percevons passe par la vue. Alors comment être visuellement efficace ? une seule réponse à cette question, la simplicité.Garr Reynolds est un expert reconnu dans le monde entier dans le domaine de la présentation. Il a écrit cet ouvrage, Presentation Zen, que je vous recommande vivement.

Simplicité ne signifie pas simpliste mais c’est produire un maximum d’effet avec un minimum de moyens.


3

Edward Tufte fait partie des pères de la data visualisation et est l’auteur de 'The visual display of quantitative information'. Pour réaliser un graphique efficace, il nous dit que chaque goutte d’encre doit porter une info. A défaut cette encre doit être éliminée. Pas d’info pas d’encre :)

Présentation, datavisualisation même combat. La simplicité.


4

La datavisualisation ne date pourtant par d’hier. Charles Minard, ingénieur civil, est l'auteur de cette carte figurative. Elle représente les pertes humaines de l’armée Française dans la campagne de Russie entre 1812 et 1813. Il a su mettre dans cette carte tout le poids des chiffres et de la tragédie de cette campagne. Commentaires de la carte.


5

L'histoire derrière les chiffres.


6

2017 voici un graphique appelé camembert… pour familles nombreuse :) champion du monde de l’inefficacité ...


7

ou encore ce graphique en colonnes chargé inutilement...


8

ou cet autre graphique en 3D.


9

Sachez qu’en data visualisation le camembert ou graphique en secteur est sans doute le moinsutilisé parce qu’il est difficile pour l’homme d’apprécier des proportions avec des angles et des arcsde cercle et la 3D est à proscrire dans vos graphiques car elle gène la lisibilité des données.


10


11

Bonne nouvelle, un autre père de la data visualisation, Stephen Few, auteur de 'Show me theNumbers', nous dit qu’il ne nous faudra pas plus de temps pour construire un graphique efficace quepour construire un mauvais graphique. Chouette ! J’ajouterais également aux ouvrages de référence celui de Dona Wong 'Guide to Information Graphics'qui est rempli de conseils intéressants.


12

Les conseils pour construire un graphique efficace se répartissent de cette façon. Afficher les textesinteractifs.


13


14

Prenons un exemple avec ce set de données de la répartition du chiffre d’affaires et de la marged’une entreprise suivants ces différents canaux de distribution. Nous ne parlerons pas ici du travail decollecte de cette donnée mais de l’efficacité de sa représentation visuelle. Si nous devions nousintéresser à l’évolution de ces taux de marge. Nous pourrions construire ce graphique.


15

Remarquez tout d’abord que le fond de ma diapo est noir ce qui permet de recentrer l’attentionuniquement sur son contenu. Aucune fioriture sur la diapo. Pas de gaspillage d’encre.La lecture de mon graphique se fait de haut en bas. Celui-ci doit commencer obligatoirement par lemessage que vous devez faire passer. Nous parlons ici de titre conclusion. A l’intérieur de ce titre,vous pouvez faire ressortir des mots clés par la taille de la police ou par la couleur.Puis vient le sous-titre descriptif – la légende toujours au-dessus du graphique – Limiter le nombre deséries de données entre 3 et 7 maximum pour rester efficace. Au delà de 5 séries, votre graphique enligne devient un graphique dit 'spaghetti'.Ce graphique est efficace en mode statique mais arrêtons-nous sur ce que l'interactivité peutapporter au graphique. Cela le rend effectivement plus puissant avec l’affichage d’infos bulles pour lavaleur des points ou avec l’utilisation de la légende interactive pour comparer les séries 2 à 2.

nb : graphique construit avec l'application DS Studio https://www.datastory.fr/ds-studio/


16


17

Le choix du bon graphique répond notamment aux questions : que disent mes données ? Que ditmon graphique ?Pour vous aider, voici la référence d'un site où vous retrouverez un catalogue de graphiques classéspar fonction. Souhaitez-vous montrer : une comparaison, une tendance, une relation, une distribution,une proportion,ou une décomposition.


18

Nous avons résumé les différentes fonctions des graphiques dans ce chart chooser. Vous pouvezafficher la définition de chacune des fonctions au survol de l'entête de chaque colonne.

Si vous souhaitez obtenir ce chart chooser au format pdf, adressez-moi svp unmessage à [email protected] .


19

Cette diapo passe-t elle le test des 5 secondes ? La réponse est non. Le titreconclusion n'est pas mis en évidence et le choix du graphique n'est pas bon dans cette approche demontrer le hit parade des segments. Qui plus est l'ajout de la 3D brouille la proportion des secteurs.


20

Ici nous avons maintenant une diapo qui passe le test des 5 secondes. Un titre conclusion avec lemessage clé puis un graphique qui montre les segments du plus grand au plus petit. Tout doit êtrefait pour prémâcher le travail de compréhension.


21

Voyons maintenant comment améliorer ce graphique.


22

Utilisation d'un graphique en colonnes groupées pour limiter la surface d'encrage. Nous remarquonsrapidement la différence du mois de mars avec les autres mois. Nous avons là un graphique plusefficace que le graphique de la diapo précédente.


23


24

Ne jamais tracer un graphique avec une échelle dont la graduation ne débute pas à 0.Sur deux séries de valeurs identiques, nous avons une impression visuelle très différente. Dans lepremier cas nous avons l'impression que la société B fait moitié moins de CA que la société A alorsque cela est complètement faux.


25

Règle martelée par Bill (formateur en dataviz). Ne JAMAIS JAMAIS JAMAIS transgresser la règle del'échelle.


26

Ne jamais étirer un graphique qui donnera une mauvaise impression visuelle au lecteur. Les graphiques qui s'affichent sur une surface rectangulaire doivent s'afficher en respectant le goldenratio.


27


28


29

Voici la référence du site paletton pour construire un set de couleurs monochromes à partir d'unecouleur de base. Ajoutez-y une couleur clé pour l'élément à faire ressortir en utilisant une couleurcomplémentaire.


30


31

Pour la lisibilité d'un graphique secteur, il est intéressant de connaître la manière de les positionner.Cela ne se fait pas au hasard. La lecture d'un graphique secteur se rapproche de seule d'une horlogeavec une position des secteurs les plus importants à 12 heures.Le secteur est à utiliser avec parcimonie. Pas plus de 4-5 secteurs et de préférence quand ceux-ciont des valeurs qui ne sont pas proches les unes des autres car la différence ne se verra pas.Préférez dans ce cas un graphique en barres.


32

Voici la référence d'un site pour tester le contraste entre le fond de votre diapo et la couleur de votretexte.


33


34


35

Illustration de l'apport de l'interactivité dans la présentation de vos données :Exemple d'un colonne empilée avec une légende interactive. Nous avons là un seul graphique qui nous donne trois vues différentes : total CA International+France, uniquement international ou uniquement France. Un vrai gain de temps par rapport à un support statique avec la liberté pour l'orateur d'afficher les différentes positions du graphique.

nb : graphique construit avec l'application DS Studio https://www.datastory.fr/ds-studio/


36

Voici l'utilisation très intéressante de l'option drilldown sur un graphique en barres. Cette option vouspermet de percer le première niveau d'information au clic.Il s'agit d'un seul et unique graphique mais ici avec 7 positions possibles. L'orateur peut ainsi déroulersa présentation en suivant un scénario différent s'il le souhaite. Cela représente également un vraigain de temps par rapport à l'utilisation de graphiques statiques.


37

Voici ici l'exemple d'un autre type de graphique de type treemap appliqué à un bilan.Plutôt que d'afficher un tableau de chiffres, nous avons là une impression visuelle rapide des massesdu bilan. L'orateur peut également afficher les valeurs nécessaires au survol du graphique.


38

Conclusion sur la partie data visualisation.

Autres ouvrages de référence 'Convaincre avec des graphiques efficaces' de Bernard Lebelle et 'LeData Marketing' de Julien Hirth.


39

Passons maintenant aux conseils pour construire vos diapositives efficaces au-delà de vosgraphiques. Quand vous commencez à voir des slides noircies de texte comme celles-ci ? vous vousdites que la réunion risque d’être bien longue.


40


41

Les fameuses listes à puces !


42

95% des présentations sont nulles car elles ne respectent pas notamment le principe de lasimplicité. Toujours la même question, votre diapo passe t-elle le test des 5 secondes.


43

Nous mettons beaucoup plus d’information sur une diapo que ce que le cerveau est capabled’emmagasiner.


44


45


46


47


48

L'être humain ne peut pas lire et écouter en même temps par conséquent vous délaisserez l'un ou l'autre.


49

Votre diapo est là pour vous aider à catapulter vos idées.

Support de présentation et orateur forment un binôme.


50

Il y a 3 documents qui s’articulent autour d’une présentation. Remettez le document avec les notesde lecture APRES la présentation seulement pour conserver l'attention du public.


51

Première étape, Identifier le message clé de votre présentation.


52

Les étapes pour construire une présentation efficace.


53

Une idée par diapo. Juste UNE !


54


55


56

Idée pour remplacer votre liste à puces.


57

Illustrer les éléments de vos 'anciennes' listes à puces par des images et augmenter le pouvoirmémorable de vos idées. Le plus important, c'est de toucher votre public.


58


59

Respecter la règle des tiers et des points de force comme en photographie.


60

Alignement du texte à gauche dans cette partie de la diapo.Utilisation d'une cartouche de couleur pour appuyer le contraste du texte.


61

Alignement du texte à droite dans cette partie de la diapo.


62

L'expression d'un chiffre, ce n'est pas nécessairement un graphique.


63


64


65


66


67


68

Jeudis du numérique - WordPress.com · 2017. 10. 9. · Utilisez le lien au début de cette page...

Documents

Transcript of Jeudis du numérique - WordPress.com · 2017. 10. 9. · Utilisez le lien au début de cette page...