Data visualisation - Tips et best practices

download Data visualisation - Tips et best practices

of 49

  • date post

    28-Nov-2014
  • Category

    Documents

  • view

    467
  • download

    1

Embed Size (px)

description

Les infographies permettraient une augmentation de 25 % du trafic sur le site par rapport à du contenu « texte » plus traditionnel. Source : Content Marketing Institute Survey, Novembre 2012.

Transcript of Data visualisation - Tips et best practices

  • 1. Datavisualisation 5 mai 2014
  • 2. #1 #2 #3 #4 SOMMAIRE Contexte Les diffrents types de dataviz Infographie : tips et best practices Benchmark
  • 3. #1- CONTEXTE
  • 4. 90 % de linformation transmise au cerveau est visuelle et les images sont traites par le cerveau 60 000 fois plus vite que le texte. Sources : 3M Corporation & Zabisco. Pour 46,1 % des internautes, le design dun site est le critre n1 pour juger de la crdibilit dune marque. Source : Stanford Persuasive Technology Lab. Les infographies permettraient une augmentation de 25 % du trafic sur le site par rapport du contenu texte plus traditionnel. Source : Content Marketing Institute Survey, Novembre 2012. 1 image vaut 1000 mots
  • 5. Plan du mtro londonien, Harry Beck Origine de la viande vendue Paris1782 Comparer la taille des villes Tableau polomtrique, Charles de Fourcroy 1861 1933 1869 Carte des pertes de larme napolonienne durant la campagne de Russie En fait de calcul et de proportion, le plus sr moyen de frapper lesprit, est de parler aux yeux William Playfair, 1780 et ce nest pas nouveau !
  • 6. Cest la reprsentation de donnes synthtises sous forme visuelle. Dune certaine manire, cest de l information esthtique . Mais au fait, cest quoi la datavisualisation ?
  • 7. #2- LES DIFFRENTS TYPES DE DATAVIZ
  • 8. P o u r q u o i ? U s a g e s Communication institutionnelle : rapports dactivit, rapports annuels Presse conomique Rsultats dtudes, de sondages Field of Commemoration Valentina D'Efilippo (The artwork is included in 'The Infographic History of the World' by Harper Collins, 2013) http://www.valentinadefilippo.co.uk/ Illustrer une quantit, une volution 1. Graphique
  • 9. P o u r q u o i ? U s a g e s Comparer des donnes sur une chelle spatiale Presse : ingalits gographiques Marque : localisation des enseignes/points de vente Association : cartographie des actions de terrain Etc. 2. Carte
  • 10. P o u r q u o i ? U s a g e s + e t - Reprsenter les interconnexions entre des donnes Transports : plan de mtro ou de bus, liaisons ariennes et ferroviaires 3. Rseau Charting the Beatles Mike Deal http://mikemake.com/Charting-the-Beatles
  • 11. P o u r q u o i U s a g e s Reprsenter une chronologie Communication institutionnelle : chronologie dveloppement de la marque Graphique horloge : 1h / 12h Visualing Painters Lives Accurat, Giorgia Lupi, Michela Buttignol https://www.flickr.com/photos/accurat/sets/7215763395 3437972/ 4. Temporalit
  • 12. P o u r q u o i ? U s a g e s Hirarchiser des donnes, illustrer une rpartition Communication institutionnelle : organigramme dentreprise, rpartition dun budget, Blog ou presse : mots-cls les plus recherchs, thmatiques les plus traites, 5. Hirarchie Obamas 2011 Budget Proposal: How Its Spent Shan Carter and Amanda Cox http://www.nytimes.com/interactive/2010/02/01/us/budg et.html?_r=0
  • 13. P o u r q u o i ? U s a g e s Reprsenter un mouvement et des changes Croisement dun nombre important de donnes 6. Flux Nobels, no degrees Giorgia Lupi, Simone Quadri, Gabriele Rossi, Davide Ciuffi, Federica Fragapane, Francesco Majno http://www.accurat.it
  • 14. P o u r q u o i ? U s a g e s Reprsenter une composition ou une rpartition Communication institutionnelle : budget The Art Market for Dummies Jean Abbiateci 7. Matrice
  • 15. P o u r q u o i ? Us a g e s Pour communiquer et informer >> Une infographie combine diffrents types de dataviz et consiste en une explication plus quen une simple comparaison de donnes. Qui dit bonne infographie dit donc storytelling. Marque : process de fabrication, dmarche dveloppement durable, etc. Presse : traiter un sujet de manire dcale, prsenter une tendance... The 39 stats: Charting Hitchcock Obsessions Adam Frost, Zhenia Vasiliev 8. Infographie
  • 16. #3- INFOGRAPHIE : TIPS & BEST PRACTICES
  • 17. Pourquoi je ralise une dataviz ? Quels sont mes objectifs ? Je dispose de KPIs ? Comment je calcule le ROI ? MES OBJECTIFS Les questions se poser avant de commencer
  • 18. Quelle est ma cible ? Quest-ce que je veux quelle pense la fin de la lecture de mon infographie ? Comment veut-elle tre vue lorsquelle partage un contenu sur les rseaux sociaux ? (quelquun de drle, quelquun de savant, quelquun dengag) MA CIBLE Les questions se poser avant de commencer
  • 19. Quel type de data vais-je prsenter ? Quelle structure est adapte mon contenu ? Quel type de dataviz : statique, interactive ou vido ? Quelle taille / quel format disponible pour ma dataviz ? Site web, appli mobile, rseau social LA STRUCTURE Les questions se poser avant de commencer
  • 20. De quel budget je dispose ? De combien de temps ? De quelle quipe : Pour rassembler les donnes et les classer ? Pour designer ma dataviz ? En fonction des rponses, je pourrai dterminer si la dataviz sera cre en interne, via un outil cls en main ou confie une agence spcialise dans le domaine. LES MOYENS Les questions se poser avant de commencer
  • 21. Est-ce que je peux rcuprer des donnes issues de plusieurs sources ? Mes sources sont-elles fiables et actualises ? Avec quelle histoire puis-je relier toutes les donnes collectes ? LES FAITS Les questions se poser avant de commencer
  • 22. Comment vais-je prsenter linformation pour susciter lintrt (et donc un potentiel partage) ? : Mise en lumire : Vous ne saviez pas que XYZ existait, mais pourtant voici son effet Opportunit Vous pensez peut-tre que XYZ nest pas possible mais si, voici pourquoi a lest Peur : Vous pensez que XYZ est ok, mais voici pourquoi a ne lest pas Humour LANGLE Les questions se poser avant de commencer
  • 23. Quel plan de diffusion, quels relais (rseaux sociaux, blog, ) une fois linfographie publie ? Quelques pistes dans le cas dune dataviz statique (image) pour faciliter sa diffusion : nommer mon image et lui attribuer une balise alt faciliter le partage (boutons rseaux sociaux, embed code, ) laccompagner dun texte de prsentation (que Google pourra utiliser pour le rfrencement) toujours indiquer lurl de base de mon infographie sur celle-ci ! LA DIFFUSION Les questions se poser avant de commencer
  • 24. Let the data tell its story Installer un univers cratif proche du sujet de la dataviz. Se poser la question : est-ce que mon infographie rend la data plus facile comprendre ? (et pas seulement plus belle...) TIP : Dans le cas dune infographie complexe, il peut tre utile de prsenter une pr-maquette (structure / squelette de linfographie) quelques personnes pour obtenir un feedback avant de lancer lhabillage cratif. Pen