DataViz : des données plein la vue

Catégories : "Actualités", "Design", "Astuces" par Marc Andrieux Marc Andrieux le 21 Août 2012

DataViz : des données plein la vue

Un phénomène est en passe d'innonder le web, il s'agit d'un moyen original de communiquer une information, appelé infographie et/ou Data Visualisation (DataViz).

L'infographie englobe plus généralement une mise à plat graphique d'un sujet. La DataViz étant généralement la retranscription en temps réel ou en différé, d'une analyse de données. Souvent interactive impliquant ainsi des niveaux de lecture plus ou moins approfondie.

 

Un moyen de communication attractif et efficace

Le "pavé" de texte, aussi interessant soit-il, s'avère fastidieux pour les visiteurs, surtout lorsqu'il traite d'un sujet complexe.

La DataViz prend alors tout son sens.

En effet, celle-ci permettra de capter un plus grand nombre d'internautes en rendant plus ludique la façon de s'informer. En plus d'être attractive, la DataViz s'avère être beaucoup plus percutante, et nécessite un temps de lecture record.

La mise à plat graphique d’un ensemble de données devient encore plus explicite, surtout puisqu’elle permet d’établir une relation les unes par rapport aux autres.

 

Place à la créativité

Les possibilités graphiques sont extrêmement larges. En effet chaque élément (graphique ou typographique) détient des caractéristiques (Taille, forme, couleur, inclinaison...) qui permettent de créer une cohérence et de par exemple visualiser une information quantitative en un seul coup d’oeil.

Le mélange d’éléments se doit d’être cohérent et doit avant tout servir l’information (et non l’inverse).

 

Comment créer une Data Visualization ?

 

Quelques astuces

Pour réussir ce challenge, et captiver l'attention sur un sujet complexe, voici quelques astuces de conception d'une infographie :

Les données : Cœur de la DataViz

Vérifier les sources d'informations utilisées et ne pas hésiter à les inscrire dans les crédits. Poser tous les éléments de contenu avant d'attaquer le design.

La forme : Structure de l'information

Privilégier un sens de lecture classique (de gauche à droite, de haut en bas). Pour rendre plus dynamique l’accès à l’information, ne pas hésiter à mettre en avant certaines données importantes quelles que soient leurs positions dans l’infographie.

Le message : Droit au but

S’adresser aussi bien à l'amateur qu'au connaisseur. Etre percutant en faisant ressortir la donnée  principale. En un coup d'oeil, le lecteur devra se rappeler de l'info clé (un pourcentage par exemple)

Design : Be creative

Utiliser différents éléments graphiques (diagrammes, illustrations, flêches, icones, logos...) et jouer sur leurs caractéristiques pour les regrouper selon leur nature et donner un maximum de sens.

En conclusion, tout est une histoire d’équilibre, vous n’avez plus qu’à trouver le juste milieu entre les données et leurs aspects.

 

Quelques ressources interessantes sur la Dataviz :

Un panel varié de Dataviz sur Pinterest

Concours de Dataviz Google autour des élections présidentielles

Des scripts Javascript pour la visualisation de vos données

DataViz : des données plein la vue

A propos

Bienvenue sur le Workshop de l'agence interactive Maecia : notre espace d'actualités, de veille et de publications sur les nouvelles tendances d'Internet. Vous y trouverez aussi le fruit de certains de nos développements techniques que nous mettons à disposition de la communauté. Découvrez notre vision du web et surtout n'hésitez pas à prendre la parole !