Quelles sont les règles de base, les erreurs à éviter, les méthodes et les tendances du moment ?

1. 9e Rencontres nationales de la presse territoriale
26 JUIN 2018 • PARIS
Jean-Marie lagnel • Président Studio V2
jmlagnel@studio-v2.fr
studio-v2.com
@Studio_V2
Construire
des infographies
déclinables sur
le print et sur le web
#PresseTerr

2. La théorie de la conception de l'information "Bart et Lisa"

3. Proposez une infographie que Bart Simpson pourrait comprendre à
un niveau très superficiel, mais dans laquelle Lisa, plus méticuleuse,
pourrait aussi trouver des informations plus détaillées.
Jennifer Daniel

4. http://www.studio-v2.com/fr/data/surpeche-etat-des-lieux_355.html

5. http://www.studio-v2.com/fr/data/surpeche-etat-des-lieux_355.html

6. Il n’est pas toujours nécessaire
de créer une infographie interactive

7. http://www.studio-v2.com/fr/data/val-d-europe-en-fun-facts_429.html
Format fixe pour le web et les réseaux sociaux

8. https://www.kantarmedia.com/global/thinking-and-resources/latest-thinking/automotive-do-you-think-green-or-do-you-act-green
« gifographie »

9. https://vimeo.com/252491739
« vidéographie »

10. Au New York Times, les lecteurs ne consultent
que 10% à 15% des infographies interactives !

11. http://archive.nytimes.com/www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html#articleBodyLink

12. 85%des visiteurs ignorent purement
et simplement l'infographie interactive…
https://do.minik.us/blog/the-death-of-interactive-infographics
Dominikus Baur

13. Utilisez le principe du scroll vertical pour faciliter la consultation
et être certain qu’aucune information ne soit zappée

14. http://dataviz.studio-v2.com/arte-missions-spatiales/index.html

15. http://disneylandparis-news.com/ratatouille-laventure-totalement-toquee-de-remy-un-concentre-dinnovation-au-service-de-lexperience/

16. http://dataviz.studio-v2.com/avatar-lumiere/index.html

17. Le long format :
ventilez les infographies dans le texte

18. https://labs.letemps.ch/interactive/2018/longread-homo-plasticus/

19. Adaptez la forme de l’infographie print pour faciliter
sa consultation sur le web et sur smartphone

22. https://www.oriane.info/node/1513

23. Pour réduire le temps de fabrication et le coût,
créez un template !

24. http://dataviz.studio-v2.com/tnt-70ans/#http://dataviz.studio-v2.com/tnt-mode2.0/#

25. Pensez aux infographies interactives
sous forme de modules

26. http://www.studio-v2.com/clients/IDF/industrie-futur/index.html

27. http://dataviz.studio-v2.com/arte-innovations-2016/

28. Profitez de la version interactive pour
rajouter des informations supplémentaires

29. http://dataviz.studio-v2.com/empire-google/

30. Donnez au lecteur la possibilité d’afficher
uniquement les informations qui l’intéressent

32. https://www.nytimes.com/interactive/2015/11/24/upshot/thanksgiving-flight-patterns.html?utm_content=buffer93787&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer&_r=0

33. De combien de temps dispose le lecteur
pour consulter l’infographie ?

34. https://lesjours.fr/obsessions/data-politique/ep1-en-marche-gauche/
Adaptez l’infographie en fonction
du type de publication
Diffusion dans
une exposition
Publication sur un
site d’information
≠

35. Accédez rapidement à l’information que vous cherchez
http://www.studio-v2.com/fr/data/l-economie-touristique-de-la-champagne-et-l-ardenne_333.html

36. Posez une question au lecteur pour
l’impliquer personnellement

37. http://dataviz.studio-v2.com/arte-pauvrete/

38. « Gamification »
le lecteur est joueur

39. https://info.arte.tv/fr/qui-veut-gagner-des-milliards

40. Des outils pour créer « facilement »
vos infographies

41. Quels outils choisir ?
canva
carto
d3.js
datawrapper
easelly
Flourish
headliner sparemin
highcharts
infogram
inkscape
Kharthis
mapbox
onodo
piktochart
RAW
Tableau Public
thinglink
timeline.js
Venngage
vise
vizzlo
Word Cloud Generator

42. Popularité en nombre d’abonnées sur Twitter
canva
vise
mapbox
piktochart
carto
Tableau Public
thinglink
infogram
inkscapeVenngage
d3.js
datawrapperhighcharts
Flourish
RAW
timeline.js
headliner sparemin
vizzlo
onodo
KharthisWord Cloud Generator
easelly

43. Sélection pour débuter
infogram
Kharthis
canva
easelly
piktochart
vise
vizzlo
Tableau Public
RAW
thinglink
Venngage
timeline.js
Flourish
carto
d3.js
datawrapper
headliner sparemin
highcharts
inkscape
mapbox
onodo
Word Cloud Generator

44. Manuel de datavisualisation
Méthodes et cas pratiques
Cet ouvrage aborde tous les aspects de la conception
et de la réalisation d’une datavisualisation, qu’elle soit
fixe (pour le print et les écrans) ou animée (pour les
écrans). Méthodologique, il présente notamment la
façon de la concevoir (en fonction du type de données
à représenter, du public et du message à transmettre),
les « vecteurs » graphiques qui peuvent être utilisés
(les différentes représentations graphiques de
l’information, classées par familles), les ressources
numériques disponibles (banques d’image, banques
logicielles et applicatives), la façon de les adapter puis
de les mettre en place, jusqu’à la livraison du
document. De nombreux exemples sont présentés et
des études de cas illustrent la méthode à mettre en
oeuvre.
https://www.dunod.com/sciences-techniques/manuel-datavisualisation

45. Jean-Marie lagnel • jmlagnel@studio-v2.fr • studio-v2.com • @Studio_V2
#PresseTerr
Merci pour votre attention