Atelier data visualisation une image vaut mieux qu'un long discours

912 vues

Publié le

Atelier du 18 juin 2014 du Pôle Numérique de la CCI Bordeaux avec le témoignage de 10H11 : Atelier "Data visualisation une image vaut mieux qu'un long discours; Communiquez visuellement avec vos données".

La visualisation de données ou data visualisation ce n'est pas un outil à la mode : c'est efficace !
Découvrez une nouvelle pratique de communication pour synthétiser et donner un impact visuel à vos données afin de mieux piloter votre activité ou interagir avec vos publics. Objectifs, méthodologie, outils et cas concrets.

Publié dans : Internet
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
912
Sur SlideShare
0
Issues des intégrations
0
Intégrations
218
Actions
Partages
0
Téléchargements
16
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Atelier data visualisation une image vaut mieux qu'un long discours

  1. 1. http://www.flickr.com/photos/atomicshed/4434547381/ Une image vaut mieux d'un long discours : Communiquez visuellement avec vos données 18 juin 2014 CCI Bordeaux Pôle Numérique #DataViz Bruno SAINTORENS Julien DAUBERT-PANASYUK
  2. 2. @10h11 Pionnier de la datavisualisation en Aquitaine Une équipe de 7 personnes Depuis 2011 Une filiale à Québec
  3. 3. https://www.facebook.com/10h11 https://twitter.com/10h11 http://visual.ly/users/10h11 Marius Ortiz COO - Directeur des opérations marius.ortiz@10h11.com +33 (0)5 57 83 25 42 +33 (0)6 74 37 41 99 Julien Daubert-Panasyuk CEO 10h11 julien.daubert@10h11.com +33 (0)5 57 83 25 42 +33 (0)6 32 35 32 21
  4. 4. @10h11
  5. 5. Illustration : Jacques Rouxel Editions CHÊNE
  6. 6. http://www.flickr.com/photos/teegardin/5537894072/ Parlons de #Données !
  7. 7. http://www.informationisbeautiful.net/ Comment passer des données à l' #information ?
  8. 8. D'après http://www.hotbutterstudio.com/#/alps/ 1. DONNEES 2. TRIEES 3. ARRANGEES / ANALYSEES 4. PRESENTEES VISUELLEMENT UNE INFOGRAPHIE C'EST
  9. 9. http://www.flickr.com/photos/wvs/3072989373/ Rendre accessible, simple et ludique
  10. 10. PRÉSENTATION INFORMATION EXPERIENCE DONNÉES http://epicgraphic.com/data-cake/
  11. 11. http://www.flickr.com/photos/21496790@N06/5065834411/ Pourquoi
  12. 12. Symbole = 150 ms Traitement des images Plus vite que les textes Cerveau Informations transmises au cerveau Image source : Andrew Park http://www.illustrationkid.com/page2.htm
  13. 13. http://www.flickr.com/photos/ebayink/6816581220/
  14. 14. Rapide Fun Intuitif Efficace Apprécié http://www.flickr.com/photos/eljoja/5940209260/ > Consultez les chiffres clés sur http://visual.ly/5-reasons-visual-content-more-popular
  15. 15. http://www.flickr.com/photos/pulpolux/164636538/ Management > Stratégie, Gouvernance Opérationnel > Fabrication, Contrôle qualité, Distribution, Achat Marketing > Vente, Promotion, Spécification produits / services, Publicité Support Client > CRC, Support technique, Formation Administration > Comptabilité, Contrôle de gestion, RH Domaines d'utilisation
  16. 16. @10h11 Infographies
  17. 17. @10h11 Tableau de bord interactif
  18. 18. http://www.flickr.com/photos/paxson_woelber/5427078006/ 7 étapes vers le succès
  19. 19. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Stratégie 
  20. 20. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Cibles et Objectifs 
  21. 21. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Contenus > Format 
  22. 22. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Contenus  > Nature
  23. 23. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Contenus > Leviers 
  24. 24. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Méthode & Moyens 
  25. 25. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Diffusion 
  26. 26. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Timing 
  27. 27. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Mesure 
  28. 28. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing
  29. 29. Tsumego : « Noir tue » ou « Blanc vit » ? http://www.flickr.com/photos/tommpouce/8261606137 Stratégie 
  30. 30. Stratégie globale de l’entreprise (marchés, concurrents, clients, chaine de valeur …) Stratégie commerciale (Objectifs, offres, force de vente, canaux distribution …) Stratégie communication (Marque, image, notoriété, messages, conception des supports …) Stratégie de contenus ~Stratégie éditoriale Charte - Ligne – Choix outils et canaux - Choix des acteurs Organisation / Planification - Diffusion - Suivi et mesure Stratégie Médias sociaux Objectifs / Publics Analyse concurrence Choix mots clés Tonalité Fréquence Diffusion
  31. 31. Source : www.ConvinceAndConvert.com Objectifs de content marketing aux USA 68% 68% 66% 61% 56% 55% 55% 47% 39% Notoriété de la marque Acquisition de clients Génération de contacts Fidélisation / Rétention … Création de trafic site web Engagement Leadership Ventes Gestion des prospects … Principaux objectifs de stratégie de contenus
  32. 32. http://www.flickr.com/photos/_flood_/6931285200/ Cibles 
  33. 33. http://www.flickr.com/photos/hikingartist/4789352849
  34. 34. Assos Syndicats Actionnaires ONG Citoyens / Riverains Investisseurs Banques / assureurs Partenaires Employés Presse Média Elus / politiques ENTREPRISE Clients B2C Collectivités territoriales Pouvoirs publics Experts / influenceurs Concurrents Clients B2B Syndicats prof Fournisseurs
  35. 35. On attend de lui … #action
  36. 36. #visibilité On attend de lui …
  37. 37. http://img.gawkerassets.com/img/181jyg51mqy12jpg/original.jpg Contenus 
  38. 38. "Soyez intéressant, sinon invisible" Andy Semovitz http://www.flickr.com/photos/olibac/6008729138/
  39. 39. Intéressant(e) : adjectif Qui suscite l'intérêt. Qui retient l'attention par quelque trait particulier. Digne de considération, qui mérite une attention bienveillante. Qui sert les intérêts matériels; avantageux. http://www.flickr.com/photos/olibac/6008729138/
  40. 40. "Quel est votre métier ? Qui est votre client ? Qu'est-ce que votre client considère comme une valeur ?" Peter Drucker
  41. 41. http://www.flickr.com/photos/thomashawk/8438267008/ Questions Objections de vente Réclamations Centres d’intérêts Etudes Actualité Données Socio-démographiques Veille Habitudes Besoins Valeurs Problématiques
  42. 42. http://www.flickr.com/photos/ebayink/6816581064/ Calquez les contenus sur la Démarche d’achat
  43. 43. http://www.smartinsights.com/content-management/content-marketing-strategy/the-content-marketing-matrix-new-infographic/ ACHAT EMOTION RATIONNEL ATTENTION B2C
  44. 44. D’après B2B
  45. 45. http://www.flickr.com/photos/northeastindiana/4555307313 Méthode & Moyens 
  46. 46. STRATEGIE Composante humaine Composante contenus Organisation de la stratégie de contenus
  47. 47. Qui fait …? http://www.flickr.com/photos/kk/3904428393/
  48. 48. #DIY = faire soi-même http://www.flickr.com/photos/athenamat/284907288
  49. 49. http://www.flickr.com/photos/jdhancock/3759986463 Messages / Cibles Objectifs Ressources • Données (Qualification, Recherches, analyses) • Compétences • Temps Planning Intégration / Diffusion / SEO Mesure Questions à se poser > Modèle de check-list http://dataveyes.com/medias/20100131_check-list-projet-fr.pdf
  50. 50. #Prestataire Questions à se poser en plus : • Brief ? • Cahier des charges ? • Conduite de projet ? Conception et production de contenus en datavisualisation En collaboration avec la Direction de la Communication, l'agence sera chargée : • d'élaborer des contenus de datavisualisation, éditorialisés et contextualisés avec les objectifs et/ou l'actualité de l'entreprise; • de déterminer le ou les supports ad hoc, d'assurer les déclinaisons multi-supports le cas échéant. http://www.flickr.com/photos/jdhancock/3759986463 (Rappel) > Modèle de check-list http://dataveyes.com/medias/20100131_check-list-projet-fr.pdf
  51. 51. @10h11
  52. 52. http://www.flickr.com/photos/jbtaylor/5304492399/ Forme & Fond
  53. 53. 10 erreurs à éviter dans l'exploitation des données 1. Partir du principe que les données sont "propres" 2. Ne pas normaliser 3. Exclure les valeurs "aberrantes" 4. Inclure les données "aberrantes" 5. Ignorer la saisonnalité 6. Oublier la taille des valeurs (ex croissance) 7. Ne pas savoir de quoi on parle 8. Utiliser des indicateurs trop sensibles aux variations 9. Tomber dans le syndrome "pas collecté ici" 10. Se laisser distraire par le bruit Source : "Lean analytics, use data to build better Startup Faster", A. Croll & B. Yoskovitz
  54. 54. Un bon design d'information http://visual.ly/what-makes-good-information-design
  55. 55. http://blog.hubspot.com/blog/tabid/6307/bid/18470/How-to-Write-the-Best-Blog-Post-EVER.aspx 7 composantes d'un bon contenu Action Métaphore Urgence Visuel Solution Distrayant Définitif
  56. 56. Une bonne infographie http://visual.ly/what-makes-good-infographic
  57. 57. Qui, Quoi, Où, Quand, Comment, Pourquoi, Combien ? Compléments : Liens utiles, infos auteur, … Documents à télécharger, Inscription newsletter Partages sociaux… Accroche Introduction & Infos les +intéressantes -> donner envie de lire le développement Coeur du contenu Développement Appel à l’action Conclusion & détails
  58. 58. Photo :http://www.flickr.com/photos/loungerie/3027141190/ / KISS : http://fredericgonzalo.com/2013/08/25/kiss-keep-it-significant-and-shareable/ KISS Keep It Significant & Shareable ! Pertinence + Partageable -> Humains & Moteurs de recherche
  59. 59. http://www.flickr.com/photos/alexcoitus/12771335293/ #Inspiration
  60. 60. http://www.coolinfographics.com
  61. 61. http://www.visual-literacy.org/periodic_table/periodic_table.html
  62. 62. http://www.datavizcatalogue.com/
  63. 63. https://www.flickr.com/photos/freefoto/3436970425/ Boite à outils
  64. 64. Graphiques
  65. 65. http://offers.hubspot.com/how-to-easily-create-five-fabulous-infographics-in-powerpoint Templates Powerpoint
  66. 66. Adobe Illustrator
  67. 67. http://www.easel.ly/ Easel.ly
  68. 68. Graphiques de gestion Tableaux de bord
  69. 69. http://sparklines-excel.blogspot.fr/ Plug-In Excel
  70. 70. http://datawrapper.de/ https://datawrapper.de/gallery Datawrapper
  71. 71. http://www.tableausoftware.com/public/ Tableau Public
  72. 72. http://www.tableausoftware.com/public/community
  73. 73. https://www.microstrategy.com/fr/gratuit/desktop Microstrategy Desktop
  74. 74. Infographies en ligne
  75. 75. http://www.flickr.com/photos/76804652@N02/7158682838/ Nuages de mots www.tagxedo.com tagcrowd.com www.tag-cloud-generator.com www.wordle.net
  76. 76. http://infogr.am/ Infogr.am
  77. 77. https://venngage.com/ Venngage
  78. 78. http://www-958.ibm.com/software/data/cognos/manyeyes/ Manyeyes
  79. 79. Bibliothèques & outils pour développeurs
  80. 80. http://outils.expoviz.fr/ Expoviz
  81. 81. http://www.miseajournalisme.com/wp-content/uploads/tableau-dataviz.html miseajournalisme.com
  82. 82. http://selection.datavisualization.ch/# datavisualization.ch
  83. 83. https://google-developers.appspot.com/chart/interactive/docs/gallery Google Charts
  84. 84. http://d3js.org/ D3.JS
  85. 85. https://github.com/mbostock/d3/wiki/Gallery
  86. 86. http://www.flickr.com/photos/ocv/5593794388/ Diffusion 
  87. 87. Site web €€€ (e)-CRM Social CRM + FAQ, Base connaissance + Tchat, Web2Call Moteurs & Médias Sociaux Blog, Ebook Newsletter Site web Conversion Fidélisation ttention ntérêt ésir ction atisfaction Viralité
  88. 88. Rubriques Widgets Twitter Flickr Badge Facebook Nuage de mots clés Commentaires Plug-ins Sociaux Backlinks Netlinking Moteur de recherche Formulaire newsletter Flux RSS Icones sociales Bookmarks & Curation #Blog #Site
  89. 89. Rubriques Widgets Twitter Flickr Badge Facebook Nuage de mots clés Commentaires Plug-ins Sociaux Backlinks Netlinking Moteur de recherche Formulaire newsletter Flux RSS Icones sociales MIXER Contenus + liens
  90. 90. Rubriques Widgets Twitter Flickr Badge Facebook Nuage de mots clés Commentaires Plug-ins Sociaux Backlinks Netlinking Moteur de recherche Formulaire newsletter Flux RSS Icones sociales Flux RSS Newsletter dlvr.it
  91. 91. https://www.flickr.com/groups/16135094@N00 Flickr
  92. 92. Pinterest http://www.pinterest.com/bsaintorens/frenchtech-bordeaux/
  93. 93. http://www.pinterest.com/bsaintorens/data-visualization/ Pinterest http://pinterest.com/search/?q=infographics http://pinterest.com/search/?q=infographies
  94. 94. Visual.ly http://visual.ly/la-frenchtech-%C3%A0-bordeaux
  95. 95. Scoop.it http://www.scoop.it/t/datavisualization
  96. 96. http://www.scoop.it/t/datavisualisation-1
  97. 97. https://www.flickr.com/photos/kateanth/2322500701/ Etudes de cas
  98. 98. @10h11 LYONNAISE DES EAUX
  99. 99. @10h11
  100. 100. @10h11
  101. 101. @10h11
  102. 102. @10h11
  103. 103. @10h11
  104. 104. @10h11
  105. 105. @10h11
  106. 106. @10h11
  107. 107. @10h11
  108. 108. @10h11
  109. 109. @10h11
  110. 110. @10h11
  111. 111. @10h11
  112. 112. Pourquoi 10h11 travaille la datavisualisation ? CHATEAUX ET VIGNOBLES DU BORDELAIS @10h11
  113. 113. Références @10h11
  114. 114. @10h11
  115. 115. @10h11
  116. 116. +420% +27% De partage sur les RS Taux de clics newsletter @10h11
  117. 117. +420% +27% De partage sur les RS Taux de clics newsletter @10h11
  118. 118. DIFFUSION @10h11
  119. 119. MULTI-SUPPORT @10h11
  120. 120. MAPPY
  121. 121. Livre blanc et étude "web to store"
  122. 122. Commerçants faut il avoir peur d’Internet ? Infographie : version kakemono JPG / PDF Infographie : version imprimable JPG / PDF
  123. 123. Infographie : version kakemono JPG / PDF Infographie : version imprimable JPG / PDF Web to Store un nouvel acheteur
  124. 124. EXPERIAN
  125. 125. Newsletter
  126. 126. http://www.experian.fr/campagne/mais-vous-ne-savez-pas-qui-je-suis/infographics.html Landing page 1 Formulaire Collecte de contacts qualifiés
  127. 127. Infographie dans un fichier PDF Lien vers formulaire ebook http://www.experian.fr/assets/p/campagne/infographie-vous-rapprocher-de-vos-clients.pdf
  128. 128. http://www.experian.fr/campagne/mais-vous-ne-savez-pas-qui-je-suis/ebook.html Landing page 2 Formulaire Collecte de contacts qualifiés
  129. 129. (Source : Nickolay Lamm/MyVoucherCodes http://www.myvouchercodes.co.uk/ Timing ? 
  130. 130. > A lire aussi http://bit.ly/T3uUYO
  131. 131. Contenus sur les Média Sociaux = vie éphémère
  132. 132. http://blog.bitly.com/post/35341087592/halflife-by-topic Twitter : 2,8 h Facebook : 3,2 h Email / IM : 3,4 h Youtube : 7,4 h ! ½ vie d’un lien = 50% ouvertures
  133. 133. http://www.flickr.com/photos/theilr/2273646801/ Mesure 
  134. 134. « Essayez de vous focaliser sur les contenus de votre blog qui reçoivent vraiment des commentaires » http://www.suttonimpactstudio.com/
  135. 135. Objectifs de l’entreprise Objectifs Marketing Stratégie Marketing Objectifs de Contenus Stratégie de Contenus Tactiques de Contenus Métriques Contenus Indicateurs de consommation Indicateurs de ventes Indicateurs de génération de contacts Indicateurs de partage
  136. 136. D’après
  137. 137. http://www.flickr.com/photos/bryn_s/6222670550
  138. 138. http://www.flickr.com/photos/auntiep/3349295132/ Tester & Apprendre 
  139. 139. http://www.flickr.com/photos/23912576@N05/2962183917
  140. 140. Merci de votre attention http://www.flickr.com/photos/ccib/8268553263
  141. 141. http://www.flickr.com/photos/myheimu/7995649254 Des questions ?
  142. 142. Prochaines Dates ? http://www.flickr.com/photos/ebayink/6816581064/
  143. 143. Bruno Saintorens CCI Bordeaux Pôle Numérique bsaintorens@bordeaux.cci.fr www.bordeaux.cci.fr 05.56.79.44.46 www.bordeaux.cci.fr/polenumerique echangeurba.wordpress.com twitter.com/polenumerique33 fr-fr.facebook.com/polenumerique.ccibordeaux Site web

×