Upload
jerome-delacroix
View
719
Download
2
Embed Size (px)
DESCRIPTION
Le présent document est une synthèse d’une conférence Linkedin Tech talks mise en ligne en avril 2012, dans laquelle Noah Illinski (@noahi) expose les fondamentaux de la datavisualisation.
Citation preview
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Noah ILIINSKY http://www.youtube.com/watch?v=R
1/7
Le présent document est une synthèse d’une
Linkedin Tech talks mise en ligne en avril 2012
laquelle Noah Illinski (
la datavisualisation.
Diplômé d’un Master en Communication Technique obtenu à l’Université de Washington et d’une Licence de Physique de la Faculté de Reed, Noah Iliinski est un développeur informatique aguerri lorsqu’il devient designer Web. Désormais, il s’emploie à réfléchirvisuelle dédiée à la représentation de l’information. Il travaille également dans le secteur du design d’interface et du design interactif.
Au programme :
DATAVISUALISATION : DE QUOI PARLONS
Pourquoi visualiser les données ? ................................
Dataviz vs infographie : ce n’est pas le même combat.
D’ABORD CERNER LES OBJECTIFS ET CADRER SON PROJET DE DATAVIZ
Explorer… Expliquer. Pour transmettre et convain
Production d’information : trois visées possibles… Quelle est la vôtre
PRESENTER LES BONNES DONNEES AUX BONNES CIBLES DE LA BONNE FAÇON
Votre public : profilage ................................
Vos données : stratégies de représentation et écrémage
LA DATAVISUALISATION : PERSPECTIVES
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
avril 2012 Linkedin Tech Talkshttp://www.youtube.com/watch?v=R-oiKt7bUU8
www.smartwords.eu
Le présent document est une synthèse d’une
Tech talks mise en ligne en avril 2012
(@noahi) expose les fondamentaux de
d’un Master en Communication Technique obtenu à l’Université de Washington et d’une Licence de Physique de la Faculté de Reed, Noah Iliinski est un développeur informatique aguerri lorsqu’il devient designer Web. Désormais, il s’emploie à réfléchir à des approches efficaces en matière de conception visuelle dédiée à la représentation de l’information. Il travaille également dans le secteur du design
: DE QUOI PARLONS-NOUS ? ................................................................
................................................................................................
: ce n’est pas le même combat. ................................................................
D’ABORD CERNER LES OBJECTIFS ET CADRER SON PROJET DE DATAVIZ ................................
Explorer… Expliquer. Pour transmettre et convaincre. ................................................................
: trois visées possibles… Quelle est la vôtre ? ................................
PRESENTER LES BONNES DONNEES AUX BONNES CIBLES DE LA BONNE FAÇON ................................
...............................................................................................................................
: stratégies de représentation et écrémage ................................................................
LA DATAVISUALISATION : PERSPECTIVES ..............................................................................................
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Linkedin Tech Talks
Février 2013
conférence
Tech talks mise en ligne en avril 2012, dans
expose les fondamentaux de
d’un Master en Communication Technique obtenu à l’Université de Washington et d’une Licence de Physique de la Faculté de Reed, Noah Iliinski est un développeur informatique aguerri lorsqu’il devient
à des approches efficaces en matière de conception visuelle dédiée à la représentation de l’information. Il travaille également dans le secteur du design
............................................... 2
............................................... 2
............................................. 3
................................................. 4
............................................... 4
................................................... 5
..................................... 6
............................... 6
.......................................... 6
.............................. 7
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Noah ILIINSKY http://www.youtube.com/watch?v=R
2/7
DATAVISUALISATION : DE QUOI PARLONS
Pourquoi visualiser les données
Un amoncellement d’informations lecteur en erreur. En substance, c’est l’façon dont elles seront perçues ultérieurement. Un graphique avec données agencées sera beaucoup plus efficace L’exemple du quartet d'Anscombede graphes, en est une illustration éloquentenomenclature indigeste (I, II, x, y) est idéalement ouvrir la réflexion en matière de datavprésentation des données peut influetraitement ultérieur qu’il pourra en faire.
Le quartet d'Anscombe comprend quatrepropriétés statistiques simples, mais qui sont très différents lorsqu'ils s ont comparés à l'aide de graphiques.
Source : http://fr.wikipedia.org/wiki/Quartet_
Dès le départ, la datavisualisationau service de la perception et de la compréhension humainedes données qui pouvaient être obscures au premier abord. permet de tirer parti des incroyables (« Visualization leverages the amazing abilities of your
Pour ce faire, la dataviz fait intervenirla couleur, lesquelles viennent mettre en exergue
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
avril 2012 Linkedin Tech Talkshttp://www.youtube.com/watch?v=R-oiKt7bUU8
www.smartwords.eu
: DE QUOI PARLONS-NOUS ?
Pourquoi visualiser les données ?
’informations collectées peut avoir un effet trompeur et induire le En substance, c’est l’organisation des données qui conditionne la
façon dont elles seront perçues ultérieurement. Un graphique avec données beaucoup plus efficace qu’une énumération massive et rébarbative
quartet d'Anscombe avec son pendant « datavisualisé » au moyen en est une illustration éloquente : ce tableau foisonnant de chiffres, à la
nomenclature indigeste (I, II, x, y) est idéalement mis à profit par Noah Iliinski pour rir la réflexion en matière de datavisualisation : il l’utilise pour montrer
influer sur l’appréhension du futur lecteur, et donc le traitement ultérieur qu’il pourra en faire.
comprend quatre ensembles de données qui possèdent les mêmes
simples, mais qui sont très différents lorsqu'ils s ont comparés à l'aide de graphiques.
http://fr.wikipedia.org/wiki/Quartet_ d'Anscombe
datavisualisation est donc à considérer comme un outil puissant mis de la perception et de la compréhension humaines : elle donne accès à
des données qui pouvaient être obscures au premier abord. Autrement dites incroyables aptitudes de la vue et du cerveau
lization leverages the amazing abilities of your eyes and brain »).
fait intervenir des variations notamment dans la viennent mettre en exergue des schémas ou motifs
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Linkedin Tech Talks
Février 2013
collectées peut avoir un effet trompeur et induire le données qui conditionne la
façon dont elles seront perçues ultérieurement. Un graphique avec données e énumération massive et rébarbative…
» au moyen ce tableau foisonnant de chiffres, à la
Iliinski pour montrer combien la
, et donc le
qui possèdent les mêmes simples, mais qui sont très différents lorsqu'ils s ont comparés à l'aide de graphiques.
outil puissant mis : elle donne accès à
Autrement dit, visualiser aptitudes de la vue et du cerveau
la position ou motifs réguliers
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Noah ILIINSKY http://www.youtube.com/watch?v=R
3/7
facilitant la compréhension. Le cerveau schémas récurrents. Il agit sur le mode d’une machine(« a pattern-detecting machine »)exemple, sont un moyen de comparerhumain est alors beaucoup plus à même de saisiévolutions. Dans ce cadre, visualidonner en un minimum de temps réalisation, quel que soit le volume des données
Les données du quartet
Source : http://fr.wikipedia.org/wiki/Fichier:Anscombe.svg
Dataviz vs infographie : ce n’est pas le même combat.
Réaliser des représentations esthétiques, pas signifier pour autant que l’on Car ce qui différencie avant tout la objectifs. L’ambition première de la l’infographie place la recherche du beau au premier plan.de la datavisualisation, c’est qu’elle facilement concevable par le cerveau humain un volume d’informations phénoménal, et ce quel qu’en soit le résultat esthétique. que les modalités de production différentes : les dataviz sont produiteinfographies sont dessinées à la main
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
avril 2012 Linkedin Tech Talkshttp://www.youtube.com/watch?v=R-oiKt7bUU8
www.smartwords.eu
Le cerveau humain est habitué à reconnaître des schémas récurrents. Il agit sur le mode d’une machine à détecter les motifs
) : ces motifs visibles à travers les graphessont un moyen de comparer les différentes informations. De fait,
ors beaucoup plus à même de saisir des tendances, des écarts ou évolutions. Dans ce cadre, visualiser une collection de données est un moyen de
um de temps l’aperçu concret d’un phénomène en cours de , quel que soit le volume des données dont il est question.
quartet d'Anscombe représentées graphiquement
http://fr.wikipedia.org/wiki/Fichier:Anscombe.svg
e n’est pas le même combat.
esthétiques, créant un impact sur le destinataire perde de vue les principes de la datavisualisation
Car ce qui différencie avant tout la dataviz de l’infographie, ce sont bien leurs ’ambition première de la dataviz n’est pas esthétique, alors que place la recherche du beau au premier plan. Ce qu’il convient de retenir
c’est qu’elle consiste à traduire de façon concrète et facilement concevable par le cerveau humain un volume d’informations
quel qu’en soit le résultat esthétique. C’est aussi ce qui explique production des « visualisations » des deux disciplines
produites par des logiciels, tandis qu’en toute logique dessinées à la main.
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Linkedin Tech Talks
Février 2013
reconnaître des à détecter les motifs
ces motifs visibles à travers les graphes, par e fait, l’esprit
es écarts ou des données est un moyen de
aperçu concret d’un phénomène en cours de
destinataire, ne doit atavisualisation.
ce sont bien leurs , alors que
il convient de retenir consiste à traduire de façon concrète et
facilement concevable par le cerveau humain un volume d’informations parfois aussi ce qui explique
deux disciplines soient , tandis qu’en toute logique les
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Noah ILIINSKY http://www.youtube.com/watch?v=R
4/7
D’ABORD CERNER LES OBJECTIFS ET CADRER SON PROJET DE
DATAVIZ
Explorer… Expliquer. Pour transmettre et convaincre.
Le traitement des données en termes de datavsuccessifs : celui de l’exploration d’abord, consiste en l’analyse des données pertinentes. L’explication en est la suite logiqueinformations : comprises, elles devien
C’est ainsi que la dataviz vient servir un objectif fondamentall’information. Par transmission« édificatrice ». Dans ce cadre, le terme «particulièrement parlant : il combine volonté de partage la transmission de l’information.
Selon N. Iliinski, cette transmission peut servirLe premier objectif vise à transmettre une la plus neutre possible, tandis que subjective marquée par la volonté de
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
avril 2012 Linkedin Tech Talkshttp://www.youtube.com/watch?v=R-oiKt7bUU8
www.smartwords.eu
D’ABORD CERNER LES OBJECTIFS ET CADRER SON PROJET DE
Pour transmettre et convaincre.
données en termes de datavisualisation passe par deux stades celui de l’exploration d’abord, suivi de celui de l’explication. L’exploration
données brutes pour y déceler des informations . L’explication en est la suite logique : il s’agit de pouvoir transmettre
: comprises, elles deviendront de la connaissance.
iz vient servir un objectif fondamental : la transmission, nous entendons partage avec une visée
». Dans ce cadre, le terme « education » employé par Noah Iliinski est : il combine volonté de partage et caractère pédagogique de
, cette transmission peut servir deux objectifs : informer ou persuader. à transmettre une information à un destinataire de la manière
tandis que le deuxième s’inscrit dans une démarchela volonté de rallier autrui à une opinion déterminée.
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Linkedin Tech Talks
Février 2013
D’ABORD CERNER LES OBJECTIFS ET CADRER SON PROJET DE
deux stades explication. L’exploration
brutes pour y déceler des informations : il s’agit de pouvoir transmettre ces
transmission de une visée
» employé par Noah Iliinski est caractère pédagogique de
informer ou persuader. de la manière
démarche plus déterminée.
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Noah ILIINSKY http://www.youtube.com/watch?v=R
5/7
Cette datavisualisation de la réforme du système de santé américain prônée par le Parti Démocrate
permet à son auteur, le Parti Républicain, de faire passer le message d’une extrême complexité.
Production d’information : trois visées
Pour représenter des données de préalable l’objectif que vous souhaitez atteindre en «sont possibles :
- informer, autrement dit éclairer votre destinataire
- convaincre en véhiculant une idée ou un point de vue ausouhaitez faire adhérer votre public
- créer une œuvre d’art. Dans une telle d
vraiment d’impliquer le récepteur de votre messagefaire comprendre une idée, mais à
Quel que soit l’objectif de communication d’une dataviz, caractère essentiel de choix réalisés
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
avril 2012 Linkedin Tech Talkshttp://www.youtube.com/watch?v=R-oiKt7bUU8
www.smartwords.eu
datavisualisation de la réforme du système de santé américain prônée par le Parti Démocrate
permet à son auteur, le Parti Républicain, de faire passer le message d’une extrême complexité.
: trois visées possibles… Quelle est la vôtre
des données de manière adaptée, il importe de déterminer au s souhaitez atteindre en « datavisualisant ». Trois visées
éclairer votre destinataire ;
en véhiculant une idée ou un point de vue auxquelsouhaitez faire adhérer votre public ;
Dans une telle démarche, vous ne vous soucievraiment d’impliquer le récepteur de votre message. Vous ne cherchefaire comprendre une idée, mais à rendre un contenu attrayant ou émouv
Quel que soit l’objectif de communication d’une dataviz, N. Iliinski insiste sur le de choix réalisés en amont, à bon escient et dans un but
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Linkedin Tech Talks
Février 2013
datavisualisation de la réforme du système de santé américain prônée par le Parti Démocrate
permet à son auteur, le Parti Républicain, de faire passer le message d’une extrême complexité.
tre ?
de déterminer au . Trois visées
quels vous
soucierez pas ous ne cherchez pas à
émouvant.
nski insiste sur le ans un but précis
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Noah ILIINSKY http://www.youtube.com/watch?v=R
6/7
(« intentional choices ») par le « maître d’œuvre« bonne visualisation » est assujettie à la définition préalable d’un but sousla représentation graphique des données.
PRESENTER LES BONNES DONNEES AUX BONNES
Votre public : profilage
Pour bien atteindre votre cible, il est nécessaire d’« contextualiser ». Il s’agira de vous adapter à la spécificité de rêves, de ses espoirs et de ses goûts. En concevant votre dataviz,compte de son jargon, de son identité, de travail. Cela revient à personnaliser vos «afin de lui présenter, voire de lui révéler
Vos données : stratégies de représentation et
Dans sa volonté de représenter les données dou « designer » de la dataviz doit pour pouvoir être assimilé. Dans cette optique, il s’agit d’expurger l’ensemble des données, pour ne garder que le contenu pertinentdécouper et regrouper les données processus.
C’est pourquoi vous devrez vous intéresser à ses différentes propriétés. Il s’agira moyens que vous utiliserez pour la représenter.
Pour retranscrire visuellement les propriétés des données et leurs relationspouvez utiliser différentes représentationsau-delà de la grande variété de ces rôle primordial : leur positionnement et
Dans ce contexte, N. Iliinski repreMoritz Stefaner, spécialiste de la transcription visuelle réside avant tout que l’usage de la couleur s’avère des plus complexesis difficult »). En effet, la perception que l’on a des couleurs et donne tiennent plus à des conventions culturelles (ex.rose pour les filles, le rouge pour symboliser le chaud modalités de fonctionnement du cerveau.
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
avril 2012 Linkedin Tech Talkshttp://www.youtube.com/watch?v=R-oiKt7bUU8
www.smartwords.eu
maître d’œuvre » du projet. En d’autres termesest assujettie à la définition préalable d’un but sous
des données.
PRESENTER LES BONNES DONNEES AUX BONNES CIBLES DE LA BONNE FAÇON
il est nécessaire d’établir son portrait-robotde vous adapter à la spécificité de ses besoins,
rêves, de ses espoirs et de ses goûts. En concevant votre dataviz, vous devez teniridentité, de ses usages et de son environnement de
à personnaliser vos « visualisations » en fonction de votre puafin de lui présenter, voire de lui révéler, une information qui sera éloquente
stratégies de représentation et écrémage
Dans sa volonté de représenter les données de façon percutante, le maître d’œuvredoit veiller à transmettre un contenu qui soit structuré,
Dans cette optique, il s’agit d’expurger l’ensemble des données, pour ne garder que le contenu pertinent. Diviser, catégoriser, individualiser
regrouper les données sont autant de tâches qui participe
ez vous intéresser à la nature de votre contenu, c’estIl s’agira de mettre en cohérence ces propriétés
moyens que vous utiliserez pour la représenter.
les propriétés des données et leurs relationspouvez utiliser différentes représentations : angles, formes diverses, texture
delà de la grande variété de ces éléments graphiques, deux élémentspositionnement et leur couleur.
reprend à son compte les principes du Web de la datavisualisation. Il insiste sur le fait qu’avant tout dans le positionnement des élément
leur s’avère des plus complexes (« Position is everything. Color a perception que l’on a des couleurs et le sens qu’on leur
t plus à des conventions culturelles (ex. : le bleu pour les garçonsur symboliser le chaud - le bleu pour le froid
du cerveau. La couleur est source de significations
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Linkedin Tech Talks
Février 2013
termes, une est assujettie à la définition préalable d’un but sous-tendant
CIBLES DE LA BONNE FAÇON
robot, de la besoins, de ses
vous devez tenir environnement de
» en fonction de votre public, éloquente pour lui.
tre d’œuvre à transmettre un contenu qui soit structuré,
Dans cette optique, il s’agit d’expurger l’ensemble des . Diviser, catégoriser, individualiser,
participent à ce
ure de votre contenu, c’est-à-dire es propriétés avec les
les propriétés des données et leurs relations, vous textures… Mais
deux éléments jouent un
u Web designer sur le fait qu’une bonne
éléments, tandis Position is everything. Color
le sens qu’on leur garçons - le
pour le froid) qu’aux significations
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Noah ILIINSKY http://www.youtube.com/watch?v=R
7/7
multiples qui peuvent prêter à confusionl’intensité aura nettement plus d’impact que
En revanche, la disposition des éléments dans l’espace est que l’esprit humain est apte à saisir directement donc de mettre en relation des données de manière immédiatement intelligible pour le cerveau.
LA DATAVISUALISATION : PERSPECTIVES
La dataviz est en pleine expansion… Aux dires de Noahdécennie devrait même voir un boom exponavancées du calcul informatique et
Au final, cette nouvelle discipline, qui mêle aux problématiques la stratégie d’entreprise, est en passe Business Intelligence.
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
avril 2012 Linkedin Tech Talkshttp://www.youtube.com/watch?v=R-oiKt7bUU8
www.smartwords.eu
multiples qui peuvent prêter à confusion. C’est pourquoi jouer sur la saturation ou l’intensité aura nettement plus d’impact que le choix d’une couleur donnée.
la disposition des éléments dans l’espace est soumise à un «que l’esprit humain est apte à saisir directement : un bon positionnement donc de mettre en relation des données de manière immédiatement intelligible pour
PERSPECTIVES
pansion… Aux dires de Noah Illiinsky, la prochaine voir un boom exponentiel dans ce domaine, sous l’effet
et des outils multimédia.
, qui mêle aux problématiques S.I. les enjeux liés à est en passe de devenir l’un des éléments clés de la
D E S I G N I N G D A T A V I S U A L I Z A T I O N S
Linkedin Tech Talks
Février 2013
C’est pourquoi jouer sur la saturation ou .
un « ordre » un bon positionnement permet
donc de mettre en relation des données de manière immédiatement intelligible pour
Illiinsky, la prochaine sous l’effet des
les enjeux liés à de devenir l’un des éléments clés de la