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

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

@10h11

Pionnier de la datavisualisation en Aquitaine Une équipe de 7 personnes Depuis 2011 Une filiale à Québec

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

@10h11

Illustration : Jacques Rouxel Editions CHÊNE

http://www.flickr.com/photos/teegardin/5537894072/

Parlons de #Données !

http://www.informationisbeautiful.net/

Comment passer des données

à l' #information ?

rès h

1. DONNEES

2. TRIEES

3. ARRANGEES / ANALYSEES

4. PRESENTEES VISUELLEMENT

UNE INFOGRAPHIE C'EST

http://www.flickr.com/photos/wvs/3072989373/

Rendre accessible, simple et ludique

PRÉSENTATION

INFORMATION

EXPERIENCE

DONNÉES

http://epicgraphic.com/data-cake/

http://www.flickr.com/photos/21496790@N06/5065834411/

Pourquoi

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

http://www.flickr.com/photos/ebayink/6816581220/

Rapide Fun Intuitif Efficace Apprécié

> Consultez les chiffres clés sur http://visual.ly/5-reasons-visual-content-more-popular

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

@10h11

Infographies

@10h11

Tableau de bord interactif

http://www.flickr.com/photos/paxson_woelber/5427078006/

7 étapes vers le succès

https://econsultancy.com/blog/64539-introducing-the-periodic-table-of-content-marketing

Stratégie

Cibles et Objectifs

Contenus > Format

Contenus

> Nature

Contenus > Leviers

Méthode & Moyens

Diffusion

Timing

Mesure

Tsumego : « Noir tue » ou « Blanc vit » ?

http://www.flickr.com/photos/tommpouce/8261606137

Stratégie

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

Source : w w w . C o n v i n c e A n d C o n v e r t . c o m O b j e c t i f s d e c o n te n t m a r ke t i n g a u x U S A

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

http://www.flickr.com/photos/_flood_/6931285200/

Cibles

http://www.flickr.com/photos/hikingartist/4789352849

Syndicats

Actionnaires

ONG Citoyens /

Riverains

Investisseurs

Banques / assureurs

Partenaires

Employés

Presse Média

Elus / politiques

ENTREPRISE

Clients

Collectivités territoriales Pouvoirs

publics

Experts / influenceurs

Concurrents

Clients

Syndicats prof

Fournisseurs

On attend de lui …

#action

#visibilité

On attend de lui …

http://img.gawkerassets.com/img/181jyg51mqy12jpg/original.jpg

Contenus

"Soyez intéressant, sinon invisible"

Andy Semovitz

http://www.flickr.com/photos/olibac/6008729138/

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/

"Quel est votre métier ? Qui est votre client ? Qu'est-ce que votre client considère comme une valeur ?"

Peter Drucker

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

Calquez les contenus sur la

Démarche d’achat

http://www.smartinsights.com/content-management/content-marketing-strategy/the-content-marketing-matrix-new-infographic/

ACHAT EM

ATTENTION

D’après

http://www.flickr.com/photos/northeastindiana/4555307313

Méthode & Moyens

STRATEGIE

Composante humaine Composante contenus

Organisation de la stratégie de contenus

Qui fait …? http://www.flickr.com/photos/kk/3904428393/

#DIY = faire soi-même

http://www.flickr.com/photos/athenamat/284907288

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

#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

@10h11

http://www.flickr.com/photos/jbtaylor/5304492399/

Forme & Fond

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

Un bon design d'information

http://visual.ly/what-makes-good-information-design

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

Une bonne infographie

http://visual.ly/what-makes-good-infographic

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

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

http://www.flickr.com/photos/alexcoitus/12771335293/

#Inspiration

http://www.coolinfographics.com

http://www.visual-literacy.org/periodic_table/periodic_table.html

http://www.datavizcatalogue.com/

https://www.flickr.com/photos/freefoto/3436970425/

Boite à outils

Graphiques

http://offers.hubspot.com/how-to-easily-create-five-fabulous-infographics-in-powerpoint

Templates Powerpoint

Adobe Illustrator

http://www.easel.ly/

Easel.ly

Graphiques de gestion Tableaux de bord

http://sparklines-excel.blogspot.fr/

Plug-In Excel

http://datawrapper.de/

https://datawrapper.de/gallery

Datawrapper

http://www.tableausoftware.com/public/

Tableau Public

http://www.tableausoftware.com/public/community

https://www.microstrategy.com/fr/gratuit/desktop

Microstrategy Desktop

Infographies en ligne

http://www.flickr.com/photos/76804652@N02/7158682838/

Nuages de mots

www.tagxedo.com

tagcrowd.com

www.tag-cloud-generator.com

www.wordle.net

http://infogr.am/

Infogr.am

https://venngage.com/

Venngage

http://www-958.ibm.com/software/data/cognos/manyeyes/

Manyeyes

Bibliothèques & outils pour développeurs

http://outils.expoviz.fr/

Expoviz

http://www.miseajournalisme.com/wp-content/uploads/tableau-dataviz.html

miseajournalisme.com

http://selection.datavisualization.ch/#

datavisualization.ch

https://google-developers.appspot.com/chart/interactive/docs/gallery

Google Charts

http://d3js.org/

https://github.com/mbostock/d3/wiki/Gallery

http://www.flickr.com/photos/ocv/5593794388/

Diffusion

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é

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

Rubriques

Badge Facebook

Nuage de mots clés

Commentaires

Netlinking

Moteur de recherche

Flux RSS

Icones sociales

MIXER Contenus

+ liens

Rubriques

Badge Facebook

Nuage de mots clés

Commentaires

Netlinking

Moteur de recherche

Flux RSS

Icones sociales

Flux RSS

Newsletter

dlvr.it

https://www.flickr.com/groups/16135094@N00

Flickr

http://www.pinterest.com/bsaintorens/frenchtech-bordeaux/

http://www.pinterest.com/bsaintorens/data-visualization/

http://pinterest.com/search/?q=infographics http://pinterest.com/search/?q=infographies

Visual.ly

http://visual.ly/la-frenchtech-%C3%A0-bordeaux

Scoop.it ht

http://www.scoop.it/t/datavisualisation-1

https://www.flickr.com/photos/kateanth/2322500701/

Etudes de cas

@10h11

LYONNAISE DES EAUX

@10h11

Pourquoi 10h11 travaille la datavisualisation ?

CHATEAUX ET VIGNOBLES DU BORDELAIS

@10h11

Références

@10h11

+420% +27%

De partage sur les RS

Taux de clics newsletter

@10h11

+420% +27%

De partage sur les RS

Taux de clics newsletter

@10h11

DIFFUSION

@10h11

MULTI-SUPPORT

@10h11

Livre blanc et étude "web to store"

Commerçants faut il avoir peur d’Internet ? Infographie : version kakemono JPG / PDF Infographie : version imprimable JPG / PDF

Infographie : version kakemono JPG / PDF Infographie : version imprimable JPG / PDF

Web to Store un nouvel acheteur

EXPERIAN

Newsletter

http://www.experian.fr/campagne/mais-vous-ne-savez-pas-qui-je-suis/infographics.html

Landing page 1

Formulaire Collecte de contacts qualifiés

Infographie dans un fichier PDF

Lien vers formulaire ebook

http://www.experian.fr/assets/p/campagne/infographie-vous-rapprocher-de-vos-clients.pdf

http://www.experian.fr/campagne/mais-vous-ne-savez-pas-qui-je-suis/ebook.html

Landing page 2

Formulaire Collecte de contacts qualifiés

(Source : Nickolay Lamm/MyVoucherCodes http://www.myvouchercodes.co.uk/

Timing ?

> A lire aussi http://bit.ly/T3uUYO

Contenus sur les Média Sociaux

= vie éphémère

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

http://www.flickr.com/photos/theilr/2273646801/

Mesure

« Essayez de vous focaliser sur les contenus de votre blog qui reçoivent vraiment des commentaires »

http://www.suttonimpactstudio.com/

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

D’après

http://www.flickr.com/photos/bryn_s/6222670550

http://www.flickr.com/photos/auntiep/3349295132/

Tester & Apprendre

http://www.flickr.com/photos/23912576@N05/2962183917

Merci de votre attention

http://www.flickr.com/photos/ccib/8268553263

http://www.flickr.com/photos/myheimu/7995649254

Des questions ?

Prochaines Dates ?

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

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

Internet

Ça vaut le détour - magturf

visualisation sfc pour s7

un petit chez-soi vaut mieux qu'un grand chez les autres…

contrôle intelligent de murs vidéo et visualisation ·...

visualisation de mouvements newtoniens

cours visualisation de donnÉes & design d ......2013/06/03...

visualisation avec opengl

les juifs rois de l'epoque -...

visualisation reseaux-connaissance

visualisation 2d avec python

représentation et visualisation d’indicateurs

qu'est-ce qu'un€¦ ·

interaction et visualisation de données...

visualisation des ondes sonores,

mieux vaut prévenir que guérir

visualisation et interfaces avancées

visualisation graphique de...

présentation visualisation cao 2012

la visualisation

qu'est ce qu'un cluster?