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

  • 1,410 views
Uploaded on

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 …

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.

More in: Internet
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,410
On Slideshare
0
From Embeds
0
Number of Embeds
17

Actions

Shares
Downloads
43
Comments
0
Likes
9

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. @10h11 Pionnier de la datavisualisation en Aquitaine Une équipe de 7 personnes Depuis 2011 Une filiale à Québec
  • 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. @10h11
  • 5. Illustration : Jacques Rouxel Editions CHÊNE
  • 6. http://www.flickr.com/photos/teegardin/5537894072/ Parlons de #Données !
  • 7. http://www.informationisbeautiful.net/ Comment passer des données à l' #information ?
  • 8. D'aprèshttp://www.hotbutterstudio.com/#/alps/ 1. DONNEES 2. TRIEES 3. ARRANGEES / ANALYSEES 4. PRESENTEES VISUELLEMENT UNE INFOGRAPHIE C'EST
  • 9. http://www.flickr.com/photos/wvs/3072989373/ Rendre accessible, simple et ludique
  • 10. PRÉSENTATION INFORMATION EXPERIENCE DONNÉES http://epicgraphic.com/data-cake/
  • 11. http://www.flickr.com/photos/21496790@N06/5065834411/ Pourquoi
  • 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. http://www.flickr.com/photos/ebayink/6816581220/
  • 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. 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. @10h11 Infographies
  • 17. @10h11 Tableau de bord interactif
  • 18. http://www.flickr.com/photos/paxson_woelber/5427078006/ 7étapes vers le succès
  • 19. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Stratégie
  • 20. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Cibles et Objectifs 
  • 21. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Contenus > Format 
  • 22. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Contenus > Nature
  • 23. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Contenus > Leviers
  • 24. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Méthode & Moyens
  • 25. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Diffusion 
  • 26. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Timing
  • 27. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing Mesure
  • 28. https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing
  • 29. Tsumego : « Noir tue » ou « Blanc vit » ? http://www.flickr.com/photos/tommpouce/8261606137 Stratégie 
  • 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. 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. http://www.flickr.com/photos/_flood_/6931285200/ Cibles
  • 33. http://www.flickr.com/photos/hikingartist/4789352849
  • 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. On attend de lui … #action
  • 36. #visibilité On attend de lui …
  • 37. http://img.gawkerassets.com/img/181jyg51mqy12jpg/original.jpg Contenus 
  • 38. "Soyez intéressant, sinon invisible" Andy Semovitz http://www.flickr.com/photos/olibac/6008729138/
  • 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. "Quel est votre métier ? Qui est votre client ? Qu'est-ce que votre client considère comme une valeur ?" Peter Drucker
  • 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. http://www.flickr.com/photos/ebayink/6816581064/ Calquez les contenus sur la Démarche d’achat
  • 43. http://www.smartinsights.com/content-management/content-marketing-strategy/the-content-marketing-matrix-new-infographic/ ACHATEMOTIONRATIONNEL ATTENTION B2C
  • 44. D’après B2B
  • 45. http://www.flickr.com/photos/northeastindiana/4555307313 Méthode & Moyens 
  • 46. STRATEGIE Composante humaineComposante contenus Organisation de la stratégie de contenus
  • 47. Qui fait …? http://www.flickr.com/photos/kk/3904428393/
  • 48. #DIY = faire soi-même http://www.flickr.com/photos/athenamat/284907288
  • 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. #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. @10h11
  • 52. http://www.flickr.com/photos/jbtaylor/5304492399/ Forme & Fond
  • 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. Un bon design d'information http://visual.ly/what-makes-good-information-design
  • 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. Une bonne infographie http://visual.ly/what-makes-good-infographic
  • 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 Cœur du contenu Développement Appel à l’action Conclusion & détails
  • 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. http://www.flickr.com/photos/alexcoitus/12771335293/ #Inspiration
  • 60. http://www.coolinfographics.com
  • 61. http://www.visual-literacy.org/periodic_table/periodic_table.html
  • 62. http://www.datavizcatalogue.com/
  • 63. https://www.flickr.com/photos/freefoto/3436970425/ Boite à outils
  • 64. Graphiques
  • 65. http://offers.hubspot.com/how-to-easily-create-five-fabulous-infographics-in-powerpoint Templates Powerpoint
  • 66. Adobe Illustrator
  • 67. http://www.easel.ly/ Easel.ly
  • 68. Graphiques de gestion Tableaux de bord
  • 69. http://sparklines-excel.blogspot.fr/ Plug-In Excel
  • 70. http://datawrapper.de/ https://datawrapper.de/gallery Datawrapper
  • 71. http://www.tableausoftware.com/public/ Tableau Public
  • 72. http://www.tableausoftware.com/public/community
  • 73. https://www.microstrategy.com/fr/gratuit/desktop Microstrategy Desktop
  • 74. Infographies en ligne
  • 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. http://infogr.am/ Infogr.am
  • 77. https://venngage.com/ Venngage
  • 78. http://www-958.ibm.com/software/data/cognos/manyeyes/ Manyeyes
  • 79. Bibliothèques & outils pour développeurs
  • 80. http://outils.expoviz.fr/ Expoviz
  • 81. http://www.miseajournalisme.com/wp-content/uploads/tableau-dataviz.html miseajournalisme.com
  • 82. http://selection.datavisualization.ch/# datavisualization.ch
  • 83. https://google-developers.appspot.com/chart/interactive/docs/gallery Google Charts
  • 84. http://d3js.org/ D3.JS
  • 85. https://github.com/mbostock/d3/wiki/Gallery
  • 86. http://www.flickr.com/photos/ocv/5593794388/ Diffusion
  • 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. 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. 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. 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. https://www.flickr.com/groups/16135094@N00 Flickr
  • 92. Pinterest http://www.pinterest.com/bsaintorens/frenchtech-bordeaux/
  • 93. http://www.pinterest.com/bsaintorens/data-visualization/ Pinterest http://pinterest.com/search/?q=infographics http://pinterest.com/search/?q=infographies
  • 94. Visual.ly http://visual.ly/la-frenchtech-%C3%A0-bordeaux
  • 95. Scoop.it http://www.scoop.it/t/datavisualization
  • 96. http://www.scoop.it/t/datavisualisation-1
  • 97. https://www.flickr.com/photos/kateanth/2322500701/ Etudes de cas
  • 98. @10h11 LYONNAISE DES EAUX
  • 99. @10h11
  • 100. @10h11
  • 101. @10h11
  • 102. @10h11
  • 103. @10h11
  • 104. @10h11
  • 105. @10h11
  • 106. @10h11
  • 107. @10h11
  • 108. @10h11
  • 109. @10h11
  • 110. @10h11
  • 111. @10h11
  • 112. Pourquoi 10h11 travaille la datavisualisation ? CHATEAUX ET VIGNOBLES DU BORDELAIS @10h11
  • 113. Références @10h11
  • 114. @10h11
  • 115. @10h11
  • 116. +420% +27% De partage sur les RS Taux de clics newsletter @10h11
  • 117. +420% +27% De partage sur les RS Taux de clics newsletter @10h11
  • 118. DIFFUSION @10h11
  • 119. MULTI-SUPPORT @10h11
  • 120. MAPPY
  • 121. Livre blanc et étude "web to store"
  • 122. Commerçants faut il avoir peur d’Internet ?Infographie : version kakemono JPG / PDF Infographie : version imprimable JPG / PDF
  • 123. Infographie : version kakemono JPG / PDF Infographie : version imprimable JPG / PDF Web to Store un nouvel acheteur
  • 124. EXPERIAN
  • 125. Newsletter
  • 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. Infographie dans un fichier PDF Lien vers formulaire ebookhttp://www.experian.fr/assets/p/campagne/infographie-vous-rapprocher-de-vos-clients.pdf
  • 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. (Source : Nickolay Lamm/MyVoucherCodes http://www.myvouchercodes.co.uk/ Timing ? 
  • 130. > A lire aussi http://bit.ly/T3uUYO
  • 131. Contenus sur les Média Sociaux = vie éphémère
  • 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. http://www.flickr.com/photos/theilr/2273646801/ Mesure
  • 134. « Essayez de vous focaliser sur les contenus de votre blog qui reçoivent vraiment des commentaires » http://www.suttonimpactstudio.com/
  • 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. D’après
  • 137. http://www.flickr.com/photos/bryn_s/6222670550
  • 138. http://www.flickr.com/photos/auntiep/3349295132/ Tester & Apprendre 
  • 139. http://www.flickr.com/photos/23912576@N05/2962183917
  • 140. Merci de votre attention http://www.flickr.com/photos/ccib/8268553263
  • 141. http://www.flickr.com/photos/myheimu/7995649254 Des questions ?
  • 142. Prochaines Dates ? http://www.flickr.com/photos/ebayink/6816581064/
  • 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