Court, long, factchecking, quiz, data : pourquoi tant de formats ? Et comment sont-ils traités ? Nous avons observé et analysé plusieurs sites de médias US et anglais pour comprendre comment la campagne présidentielle est traitée. Datagif est une agence de conseil et de design graphique, qui travaille entre autres pour des médias français et étrangers. Pour en savoir plus : http://www.datagif.fr

1. US
2016Datagif — 28 juin 2016
Hacks Hackers Paris / Numa

2. Élection présidentielle :
comment les sites
médias anglo-saxons
sortent de leur zone
de confort ?

3. COURTS, LONGS,
DATA, POP,
FACT CHECKING,
QUIZZ, GIF…

4. Pourquoi
tant de formats ?

5. PRIMAIRE (OU PAS)
SUFFRAGE
UNIVERSEL DIRECT
1er
TOUR
SUFFRAGE
UNIVERSEL DIRECT
2e
TOUR
PRÉSIDENT
ÉLU
Système d’élection FR

6. Système d’élection US
PRIMAIRE (OU PAS)
x 50 ÉTATS
VOTE DIRECT /
VOTE INDIRECT /
CAUCUSES
ÉLECTION DE
DÉLÉGUÉS
CONVENTIONS
1 CANDIDAT
RÉPUBLICAIN
/ 1 CANDIDAT
DÉMOCRATE
SUFFRAGE
UNIVERSEL
INDIRECT
COMPTAGE
+ COLLÈGE DE GRANDS
ÉLECTEURS
PRÉSIDENT
ÉLU

7. US
FR
Deux échelles
Si notre système d'élection présidentielle français peut être comparé
à un petit match entre amis, la version américaine est plutôt comparable
à un gros événement sportif du genre coupe du monde

8. ÉLECTIONS
COMPLEXES
+
BESOIN
D’INFORMATION

9. des adultes américains
utilisent internet.
PEW RESEARCH CENTER SURVEYS — 2000 - 2015
84 %

10. 2004 INTERNET
(c'est-à-dire
la préhistoire en
temps Internet)
Déjà en 2004, au cours des élections
qui opposèrent Bush à Kerry les citoyens
se dirigeaient massivement sur le Net pour
obtenir des informations sur les candidats,
les sondages, les contributions etc.

11. “INTERNETAEUUNEVÉRITABLE
FORCEDEFRAPPEPOURLESÉLECTIONSDE2004AVEC
75MILLIONSD’AMÉRICAINSQUIL’ONTUTILISÉPOUROBTENIR
DESINFORMATIONS,DISCUTERDESCANDIDATSPARMAIL,
ETPARTICIPERDIRECTEMENTAUPROCESSUSPOLITIQUE.”
Pew Research Center
A propos des élections de 2004.

12. des Américains entendent parler des élections 2016
via une source digitale (social média, sites de news,
e-mailing, forum, applications, etc.). En 2012, ils n’étaient
que 48 % à se tourner vers une source internet.
PEW RESEARCH CENTER — JANVIER 2016
65%

13. Pour une vaste majorité des Américains,
la TV (câblée) reste la source la plus utile
pour se renseigner sur les élections
PEW RESEARCH CENTER — 2016
Télé (câble)
Radio
Journaux nationaux (version papier)
Télé locale
Late night comedy
Candidats / campagne officielle
Réseaux sociaux
Network nightly news
Communauté en ligne
Site de news, appli
Journaux locaux (version papier)
24 %
11 %
14 %
3 %
2 %
14 %
10 %
2 %
13 %
3 %
1 %
Oups les sites
de candidats…

14. FORMATS

15. BRIEF

16. BRIEF
L’idée la plus simple du monde : un court brief
quotidien. Un format court, souvent full texte qui
liste en quelques courts paragraphes (numérotés ou
non) les faits marquants de la campagne en cours.
Idéal quand on n'a pas le temps de lire l'actu
de manière plus détaillée.

17. Petit détail :
la couleur de la pastille
chiffrée indique si la news
concerne les démocrates
ou les républicains.
New York Times
Un brief 100 % texte, concis et précis. Chaque info est traitée de la même façon, sans mise en scène
et avec pour seule hiérarchie l'ordre des blocs.

18. New York Times
En fin de brief,
des portes de sortie
logiques vers d’autres
contenus 100% élection.

19. Une belle une,
qui permet de bien mettre
en avant le gros coup
de traitrise de Chris Christie
(par exemple).
The Guardian The Minute
Voilààààà ! C’est cela que l’on attend d’un média européen (ici UK) qui suit la campagne US :
pas une révolution, mais un brief digne de ce nom.

20. The Guardian The Minute
Le plus : son design tranche avec le reste du site du Guardian.
Donc facile à repérer parmi la masse de contenus disponibles.

21. ABC News Note
Un brief qui au clic renvoie vers des articles. Le plus : il fait la synthèse, c’est ce qu’on attend d’un brief.
Le moins : il ne ressort pas suffisamment, trop étouffé par le reste du contenu sur cette page.
Dommage les textes tronqués.
Cela trahit une automatisation.
L'intérêt du format Brief c'est plutôt
lorsqu'il est éditorialisé
… par un humain.

22. NPR
La boucle est bouclée avec ce brief réussi de NPR, proche de celui du NYT.
Du texte, juste du texte.

23. FATLONGREAD, COLLECTION…

24. FAT.
À l'opposé du Brief, dans l'instantanéité et le
quotidien, certains acteurs préparent des sujets
fouillés au travers de longreads ou de collections
d'articles. Le longread, on en voit maintenant par-
tout, ce n'est plus une innovation à proprement par-
ler, mais plutôt le passage obligé pour tout média
web qui suit la campagne. Ce qui est intéressant
c'est que ce format est préparé en amont dans
l'optique de terrasser la concurrence à gros coups
de scroll et d'anims bien pensées.

25. New York Times
Un grand sujet, un grand format, un grand scrooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooool !

26. New York Times

27. New York Times

28. New York Times First campaign,
Ou comment créer une collection d'articles en mettant à profit
intelligemment des kilos d’archives ? De la matière en or dont la plupart des médias disposent aujourd'hui.
Pourquoi devrait-on
se priver de publier d’anciennes
photos d’Hillary ?

29. New York Times First campaign
Avantage de la collection d'articles : la publication au fil du temps permet
une fidélisation de l'audience dans la durée.

30. DATA

31. 12candidats
républicains
au départ
365 +jours de
campagne
57scrutins
4 763délégués
démocrates
3candidats
démocrates
au départ
2 472délégués
républicains
50états
Machine à chiffres
Spécificité de la campagne américaine,
elle s'étire dans le temps. Les votes de
la primaire (qui ne sont pas tous sur le même
modèle) se succèdent sur plusieurs mois,
le nombre de candidats ne tient pas sur vos
deux mains. On mange du sondage en
permanence de jour comme de nuit.
La campagne débite du chiffre comme
nulle part ailleurs.

32. On retrouve quantité de listes et de tableaux
sur tous les sites d'infos…

33. … des graphs pour suivre les sondages, les résultats des votes …

34. CNN Politics
Wall Street Journal
NPR
FiveThirtyEight
… et une profusion
de cartes (avec une petite
tendance des blocs pour
mettre tout le monde au
même niveau #astuce).

35. Chaque infographie, même les plus simples (comme celle du New York Times ici) sont intégrées en html / svg.
Le temps de l'infographie 0 % interactive en jpg noyé dans un article semble définitivement terminé. Enfin.

36. Autre exemple (Washington Post). Les infographies sont liées (éditorialement)
à l'article, elles font partie de l'article et ne sont pas reléguées au rang d'illustration ou de bonus.

37. FiveThirtyEight renverse la tendance, la donnée prend toute la place et est mise en scène.
Pas d'amateurisme dans le graphisme ni dans la précision du développement.

38. On trouve également du côté du New York Times - The Upshot de longues pages
où le texte se fait rare au profit de données mises en forme.

39. Et pareil au Wall Street Journal qui propose une énorme collection
de grandes pages d'infographies.
Juste un bémol ici :
On a l'impression que tout cela
s'adresse à un public déjà passionné
par le sujet, limite expert.
Pas super pour le grand public.

40. FIVE
THIRTY
EIGHT

41. FIVE THIRTY EIGHT
En 2008, le data-journaliste Nate Silver lance un site
pour synthétiser les stats issues des sondages d'opinion
sur les élections. D'abord indépendant, le site rejoindra
le NYT, puis à partir de 2013 le réseau ESPN, leader sur
l'actu sportive. Qu'est-ce qui peut bien rassembler un
site qui traite de politique et un réseau orienté sport ?

42. Le basket et la politique
auraient-ils plus de points
communs que nous
le pensons ?

43. Les deux entités Five Thirty Eight et ESPN réalisent des croisements
de savoir-faire et de techno issus des tableaux de scores et des résultats sportifs.

44. “JEPENSEQUEC’ESTINÉVITABLE,
LACOUVERTUREMÉDIATIQUEDESSUJETS
POLITIQUESDEVRA
ÉVENTUELLEMENTSUIVRELAVOIETRACÉEPAR
LEJOURNALISMESPORTIF.”
Dan Rosenheck
Data editor, The Economist
à propos de la montée en puissance des
statistiques prédictives, 2012
Pour certains c'est même une tendance de fond. Dan Rosenbeck nous incite
à suivre la voie du sport et son rapport à la statistique pour couvrir les sujets politiques
qui se cantonnent trop aux faits et pas assez à l'analyse empirique.

45. fivethirtyeight.com espn.go.com
Jeu des 7 différences (à peu près…)
À gauche, Five Thirty Eight (sujet politique)
À droite, un site du réseau ESPN (sujet sportif)

46. fivethirtyeight.com espn.go.com
On continue de jouer

47. fivethirtyeight.com www.espnfc.us
Même jeu sur des graphiques divers

48. fivethirtyeight.com espn.go.com
Allez encore un essai sur des tableaux

49. CNN
Toujours plus haut, toujours plus loin. Le Political prediction market vous
propose de parier sur différents résultats.

50. CNN
Political prediction market

51. “PARLA
STATISTIQUE,
JEPOURRAISPROUVER
L’EXISTENCEDEDIEU.”
George Gallup
Statisticien et sociologue américain
Donc, attention tout de même avec les stats
qui sortent d'un peu partout. Certains en font vraiment n'imp.
Ce n'est ni une religion ni une science exacte.

52. Et par exemple, le fameux Nate Silver, fondateur de Five Thirty Eight
a prédit avec une quasi-exactitude les résultats des élections de 2008 et 2012,
mais s'est en revanche bien planté en ne voyant pas venir D. Trump.

53. Mhhhhhow

54. Ahrrhrhzzzzzz

55. Huuuuuuwwwwww

56. FACT CHECKING

57. FACT CHECKING
Campagne présidentielle = prises de parole de tout
le monde (candidats, partisans, citoyens…)
= bullshitage de toute part. Le fact checking est le
format quasi-obligatoire pour suivre la campagne.

58. Le New York Times propose un fact-checking bien organisé,
concis, qui n'en fait pas des tonnes.

59. Un fact-checking
bien organisé avec son
petit code couleur.
Sans notations en pourcentage, pictogrammes illisibles, curseurs approximatifs, mise en forme trop chargée :
il nous paraît être le fact-checking le plus clair de tout l’Internet.

60. QUIZ / GAME

61. QUIZ / GAME
L'idée basique. Déjà vu dans les précédentes
élections, mais qui cette fois-ci n'a pas eu l'air
d'inspirer les différents médias qui ne proposent
absolument rien de fou-fou.

62. CNN
L’idée évidente, mais qui fonctionne : tester le lecteur sur ses affinités avec les différents
points des programmes des candidats.

63. CNN
Le quiz est régulièrement mis à jour avec de nouvelles thématiques.
Mais une question : Où est le design ?

64. USA Today
Graphiquement (un peu) plus abouti que celui de CNN. Mais pas mémorable non plus.

65. USA Today
Pas mal, avant de passer dans le tunnel de questions, on vous propose de sélectionner
vos centres d’intérêt.

66. USA Today

67. Le module de jeu de FOX News = la palme de l'ennui.

68. FOX News
Après s'être logué via Facebook, on choisit un camp…

69. FOX News
… puis on choisit un état

70. FOX News
… puis on lance le truc (avec un bouton trop large)

71. FOX News
… et on est bien déçu d'avoir franchi ces différentes étapes pour se retrouver
à jouer avec le QCM le plus ennuyeux de la campagne. Boooooriiiing.

72. The Wall Street Journal
Audace graphique ou design un peu raté ?
On ne saura jamais.

73. The Wall Street Journal

74. GIF(ET AUTRES FORMATS COURTS « TRÈS INTERNET »)

75. GIF
Le bon vieux GIF n'est pas réservé aux timelines
Twitter et Facebook. Il a envahi les articles des
médias les plus sérieux pour remplacer de tristes
photos d'agences de presse que toute la
concurrence a de toute façon déjà postées.

77. Time
Un reportage tout en GIF. Et pourquoi pas ?

78. Time
Non mais sérieusement : pourquoi pas ?

79. Time

80. MUCH ILLUSTRATIONS ?
Boom ! Envahissement des sites médias et des time-
lines avec des illustrations des candidats. Déclinai-
sons faciles + renforcement de l'identité de ces sites
puisque ces illustrations sont utilisées et répétées
avec un bon matraquage des familles.

82. The Washington Post
Au tout début de la campagne, chacun des candidats a son illustration.

83. The Washington Post
@postpolitics
L'illustration de chacun de ces candidats est déclinée très facilement
pour accompagner une citation, une donnée, un sondage…

84. The Washington Post
@postpolitics
C'est quand même mieux qu'une banale photo de meeting, non ?

85. The Washington Post
@postpolitics
Combo

86. The Washington Post
@postpolitics
Combo illu + schéma

87. The Washington Post
@postpolitics

88. The Washington Post
@postpolitics

89. The Washington Post
@postpolitics
Satané crop automatique
de Twitter !

90. The Washington Post
@postpolitics
Et ça marche aussi en gif, quand un candidat disparait
dans les abîmes des urnes des bureaux de vote.

91. The Washington Post
@washingtonpost

92. Five Thirty Eight

93. Bloomberg

94. Wall Street Journal

95. Huffington Post
(hum)

96. The Guardian

97. The Guardian
Particulièrement cool ces candidats en gif animés qui viennent repeindre
eux-mêmes et à leurs couleurs les états dans lesquels ils sont gagnants.

98. The Guardian

99. The Guardian

100. The Guardian
@Guardian
Live gif électoral.

101. Pourquoi
tant de lol ?

102. Si des médias extrêmement sérieux se tournent
vers des modes d'expression qui semblent plus
légers, ça n'est pas que pour l'effet de mode.
Il y a un enjeu de captation d'audience.

103. des millenials parlent
« quelque fois par semaine »
de politique.
PEW RESEARCH CENTER — 2014
SEULS
35%

104. des baby-boomers
(qui ne sont pas nés
avec Internet) placent
la politique dans le top 3
des préoccupations.
PEW RESEARCH CENTER — 2014
QUAND
45%

105. Source d’info politique
par média au cours de la
semaine précédente
PEW RESEARCH CENTER — 2016
Réseaux sociaux
Réseaux sociaux
Réseaux sociaux
Réseaux sociaux
Télé locale
Télé locale
Télé locale
Télé localeTélé (câble)
Télé (câble) Télé (câble) Télé (câble)
Journaux du soir des
grandes chaines
Journaux du soir des
grandes chaines
Journaux du soir des
grandes chaines
Journaux du soir des
grandes chaines
Candidats /
campagne officielle
Candidats /
campagne officielle
Candidats /
campagne officielle
Candidats /
campagne officielle
Site de news / app Site de news / app
Site de news / app Site de news / app
Late night comedy
Late night comedy
Late night comedy
Late night comedy
Journaux locaux
Journaux locaux
Journaux locaux
Journaux locauxRadio
Radio
Radio
Radio
Communauté en
ligne
Communauté en
ligne
Communauté en
ligne
Communauté en
ligne
Journaux nationaux
Journaux nationaux Journaux nationaux
Journaux nationaux
35 % 21 % 25 % 43 %
10 % 13 %
12 % 15 % 14 %
4 % 4 % 5 %5 %
10 %
1 % 1 % 1 %2 %
18 % 19 % 17 %
6 % 7 % 5 %5 %
5 %
1 % 2 % 1 %2 %
11 % 14 % 13 %
2 % 2 % 2 %2 %
6 %
1 % 1 % 1 %< 1 %
18-29 ans 30-49 ans 50-64 ans 65 +
10 %
19 %

106. Source d’info politique
par média au cours de la
semaine précédente
PEW RESEARCH CENTER — 2016
Réseaux sociaux
Réseaux sociaux
Réseaux sociaux
Réseaux sociaux
Télé locale
Télé locale
Télé locale
Télé localeTélé (câble)
Télé (câble) Télé (câble) Télé (câble)
Journaux du soir des
grandes chaines
Journaux du soir des
grandes chaines
Journaux du soir des
grandes chaines
Journaux du soir des
grandes chaines
Candidats /
campagne officielle
Candidats /
campagne officielle
Candidats /
campagne officielle
Candidats /
campagne officielle
Site de news / app Site de news / app
Site de news / app Site de news / app
Late night comedy
Late night comedy
Late night comedy
Late night comedy
Journaux locaux
Journaux locaux
Journaux locaux
Journaux locauxRadio
Radio
Radio
Radio
Communauté en
ligne
Communauté en
ligne
Communauté en
ligne
Communauté en
ligne
Journaux nationaux
Journaux nationaux Journaux nationaux
Journaux nationaux
35 % 21 % 25 % 43 %
10 % 13 %
12 % 15 % 14 %
4 % 4 % 5 %5 %
10 %
1 % 1 % 1 %2 %
18 % 19 % 19 % 17 %
6 % 7 % 5 %5 %
5 %
1 % 2 % 1 %2 %
11 % 14 % 13 %
2 % 2 % 2 %2 %
6 %
1 % 1 % 1 %< 1 %
18-29 ans 30-49 ans 50-64 ans 65 +
10 %

107. Source d’info politique
par média au cours de la
semaine précédente
18-29 ans 30-49 ans 50-64 ans 65 +

108. Alors, pour intéresser
les jeunes électeurs, quoi de mieux
que de s’inspirer de leurs sources
d’information favorites ?
(sans oublier qu'un GIF ou une illustration
ressortent beaucoup plus dans une timeline Facebook ou
Twitter qu'une énième photo triste de meeting).
BUZZFEEDICATION

109. MOBILE

110. En 2015 sur 50 sites de news
médias, 39 ont plus de trafic
sur leur site et/ou app mobile
que sur desktop
PEW RESEARCH CENTER — 2016
39

111. 0,3
2,8
0,8
1,6
2,3
0,3
2,6
0,4 1,6
MOBILE
EMARKETER — 2015
Le temps passé
sur mobile explose
(en heures)

112. 2,2
0,3
2,4
2,8
2,6
0,8
1,6
2,3
2,3
2,3
0,3
2,4
2,6
2,4
0,4
2,5
1,6
DESKTOP
MOBILE
EMARKETER — 2015
Le temps passé
sur mobile explose
Le temps passé
sur desktop est stable
(en heures)

113. Donc, deux grandes options pour le mobile.
1.
Avoir exactement le même contenu que sur desktop
en l'adaptant (on change les proportions, l'ordre des
blocs qu'on empile…).
2.
On propose un contenu plus "trié", en allégeant
(texte et graphiques) au maximum. Ce n'est pas
grave (et c'est tant mieux) de ne pas tout voir sur
mobile.

114. Bloomberg
Desktop

115. Bloomberg
Mobile

116. ET AUSSILES ÉLÉMENTS QUI NE SONT PAS DES « FORMATS »
MAIS QUI NOUS SEMBLENT TRÈS INTÉRESSANTS

117. The Washington Post
Ce petit bouton (integré dans tous les articles relatifs
à la campagne US 2016) est magique.

118. The Washington Post
Au clic il fait apparaitre une colonne d’informations
relatives au sujet…

119. The Washington Post
… qui contient : articles relatifs, sondages de popularité
des candidats, vidéos, calendrier, champ newsletter.

120. NBC News Election Confessions
Comment vous sentez-vous à propos de l’élection ?
NBC vous propose de soumettre texte, photo de texte ou message vocal.

121. NBC News Election Confessions
C’est complètement bizarre, mais complètement original. Et beaucoup plus intéressant
comme contribution que les commentaires sous les articles…
De l’écriture
manuscrite sur internet
en 2016. Oui.

122. @Datagif