« La démocratie en chiffres » sur Arte.tv : notre dernier projet dataviz

Caroline Goulard, le 27 février 2012 à 17:15

Notre dernier projet de datavisualization sort aujourd’hui sur le site Arte.tv.

« La démocratie en chiffres » est une visualisation interactive destinée à accompagner la série de documentaires I Love Democracy diffusée par Arte. La série sonde la démocratie en mouvement ou en construction en s’arrêtant sur sept pays à la veille de leurs élections. Chacun des sept documentaires est conçu comme un carnet de route, un cheminement à la rencontre des populations. Pour accompagner et renforcer ces documentaires, le pôle Web de la chaîne nous a proposé de créer une application pouvant mettre en lumière des statistiques internationales sur la situation démocratique des différents pays.

La Démocratie en Chiffres - Dataveyes pour Arte.tv

Partant d’un premier Index Démocratique élaboré par la cellule de veille de The Economist, nous avons d’abord voulu élargir notre base de travail en collectant une série d’indicateurs pertinents pour raconter l’état politique d’un pays. En parallèle, nous avons réfléchi au meilleur dispositif de visualisation pour présenter ces données de façon attractive. Face à cette série d’indicateurs éparses, nous avons cherché comment assembler les petites visualisations et les key facts sans provoquer d’effet d’accumulation ni de fouilli.

Pour faire aux échos aux documentaires, nous avons choisi de décliner la thématique du « parcours », du « chemin » à travers les pays et leurs systèmes politiques.  Nous avons donc choisi une structure de site « one page » où l’utilisateur descend progressivement en suivant le fil narratif de l’application. Ecran après écran, visualisation après visualisation, key fact après key fact, l’internaute construit ainsi le récit démocratique des pays explorés. A tout moment il peut bifurquer,  en changeant le focus d’un pays sur un autre, ou en faisant entrer de nouveaux pays dans l’application.

La démocratie en chiffres- Dataveyes pour Arte

Fidèles à notre crédo selon lequel une valeur chiffrée n’a un sens que relativement à une autre, la comparaison est omniprésente dans cette visualisation. Sur tous les écrans il est possible de comparer les données affichées pour un pays avec celles d’autres pays ou d’autres années.

De même, nous sommes convaincus que la perception est indissociable de l’action, et que notre public comprend mieux et retient mieux lorsqu’il est dans une posture active.  L’interactivité est donc un des moteurs de cette expérience d’information. A chaque écran il se passe quelque chose, l’internaute parcourt l’information avec les yeux et avec la souris. Il découvre des informations complémentaires dès qu’il commence à jouer avec l’application. Nous utilisons souvent le texte réactif par exemple

texte réactif - Dataveyes pour Arte

Un des principaux ressorts de nos scénarios d’interaction repose en effet sur le « texte réactif », qui permet justement au lecteur d’être « actif ». Un lecteur actif devrait poser des questions, prendre en compte des alternatives, questionner les affirmations, il ne reçoit pas passivement l’information. Pourtant, notre environnement de lecture encourage rarement cette lecture active.  Face à un livre ou un site internet classique, nous ne pouvons pas explorer plus que ce que l’auteur a prévu de placer sous nos yeux. Rendre les documents réactifs et les valeurs chiffrées explorables permet justement d’apporter le contexte à l’intérieur du texte, sans rupture de l’expérience d’information, sans alourdir. C’est justement ce que nous avons essayé de mettre en oeuvre dans les key facts présentés sur l’application La Démocratie en Chiffres.

En définitive, l’application ressemble à une vaste aire de jeu, présentant des petits îlots d’information entre lesquels l’utilisateur navigue librement, passant de l’un à l’autre sans effort, avec les touches du clavier.

application vue à plat - Dataveyes pour Arte

N’hésitez pas à nous dire en commentaire ce que vous avez pensé de notre travail !



Partager ce billet :
|


Laisser une réponse

XHTML : Vous pouvez utiliser ces balises : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>