COURS VISUALISATION DE DONNÉES & DESIGN D ......2013/06/03 · VISUALISATION

COURS

VISUALISATION DE DONNÉES& DESIGN D'INFORMATION

Sébastien Pierre, ffunction inc.@École d'été en Architecture de l'Information,

Université de Montréal, Juin 2013

www.ffctn.com

http://www.ffctn.com/

WWW.FFCTN.COM© FFUNCTION INC, 2013

Sébastien PierreIngénieur logiciel (France)Maîtrise Informatique (France)Bac. Design (France)

R&D, informatique industrielleInterface, visualisation de données

FFunction 2008Montréal Ouvert 2010Québec Ouvert 2012


Le cours

OBJECTIFS

> Donner un aperçu de ce qu'est la visualisation> Donner une base théorique pour la comprendre> Donner une compréhension de sa pratique


Le cours

DÉROULEMENT

> Théorie et exemples> Exercice pratique> Discussion


Visualisation de données

Contexte et Problématiques


CONSTAT

Nous sommes surchargésd'information


CONSTAT

Nous sommes surchargésd'information

Nous produisonstous les deux jours

autant d'informationque nous en avons

produit jusqu'en 2003

Nous produisonstous les deux jours

autant d'informationque nous en avons

produit jusqu'en 2003

Eric Schmidt, CEO de Google@Techonomy 2010


PROBLÉMATIQUEComment faire

passer lemessage dans

cet environnement?


passer lemessage dans

cet environnement?


CONSTAT

La nature des informationsa changé

Nous sommes passésde données numériques

à deux dimensionsà des données numériques,

textuelles, à plusieursdimensions

Nous sommes passésde données numériques

à deux dimensionsà des données numériques,

textuelles, à plusieursdimensions


Pendant longtempsles informations

étaient représentablessous formes tabulaires

Pendant longtempsles informations

étaient représentablessous formes tabulaires


La NATURE etle VOLUME des

données ont changé

La NATURE etle VOLUME des

données ont changé



pour interpréterces nouveaux types

de données?


pour interpréterces nouveaux types

de données?


POLANOID COMMUNITY: A social network visualization, Julien Bayle 2007


CONSTAT

Nous sommes dans une sociétéde l'information... et de l'image


CONSTAT

Mais nous ne tirons pas encoreparti de tout notre potentiel...


AnalytiqueLogique

Rationnel

AnalytiqueLogique

Rationnel


CréatifHolistiqueIntuition

CréatifHolistiqueIntuition


PROBLÉMATIQUEComment tirer parti

des facultés sous-utiliséesde notre cerveau

pour mieux comprendrel'information?

PROBLÉMATIQUEComment tirer parti

des facultés sous-utiliséesde notre cerveau

pour mieux comprendrel'information?


Hans Rosling, New Insights on Poverty, TED 2007http://www.ted.com/talks/hans_rosling_reveals_new_insights_on_poverty.html

http://www.ted.com/talks/hans_rosling_reveals_new_insights_on_poverty.html


Feltron Annual Report 2010, Nicholas Felton, 2011http://feltron.com

http://feltron.com/


The Billion Dollar Gram, Davic McCandless, 2009http://www.informationisbeautiful.net/2009/the-billion-dollar-gram/

http://www.informationisbeautiful.net/2009/the-billion-dollar-gram/


New York Times, Mapping America, visualisation des données du recensement, 2010http://projects.nytimes.com/census/2010/explorer

http://projects.nytimes.com/census/2010/explorer


iTunes, visualisation de l'espace alloué, Apple inc, 2009www.apple.com/itunes

http://www.apple.com/itunes


Google Analytics, 2011http://analytics.google.com

http://analytics.google.com/


Geckoboard, tableau de bord configurable pour entreprisehttp://www.geckoboard.com/

http://www.geckoboard.com/


ZEO, réveil intelligent, 2010http://myzeo.com

http://myzeo.com/


The Geotaggers' World Atlas, Eric Fisher, 2010http://www.flickr.com/photos/walkingsf/sets/72157623971287575/

http://www.flickr.com/photos/walkingsf/sets/72157623971287575/


TENDANCE

« data is the new oil »


TENDANCE

« data is the new soil »

Citation de David McCandless, TED, 2010http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html

http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html


OUVERTURE

Les données sont une nouvellesource de richesse encore peu

exploitée...


OUVERTURE

Les gouvernements l'ont comprisavec le phénomène des données

ouvertes (open data)


OUVERTURE

Dans les entreprises, on parled'intelligence d'affaire et de

« big data »



INTRODUCTION


DÉFINITION

Représentation graphique d'unensemble de données


DÉFINITION

Représentation graphique d'unensemble de données

Notons qu'il n'y apas (encore) vraimentde définition officielle

du terme...

Notons qu'il n'y apas (encore) vraimentde définition officielle

du terme...


La graphique et le traitement graphique de l'information, Jacques Bertin, 1967



On remarqueimmédiatement

les variationsentre haute et basses

saisons

On remarqueimmédiatement

les variationsentre haute et basses

saisons



La prédominancedes hommesd'affaires...

La prédominancedes hommesd'affaires...



Et de la clientèlelocale

Et de la clientèlelocale

43 ffunctioninc.


Et tout ceci, sansavoir fait un seul

calcul!

Et tout ceci, sansavoir fait un seul

calcul!


PARTICULARITÉ

La visualisation permet decomprendre intuitivement les données


Similar diversity, Philipp Steinweber & Andreas Koller, 2001


Visualisation de réseau social, LinkedIn InMaps, 2011


PARTICULARITÉ

La visualisation rend les rapportset les relations tangibles


Similar diversity, Philipp Steinweber & Andreas Koller, 2001


Visualisation de réseau social, LinkedIn InMaps, 2011


PARTICULARITÉ

La visualisation rend les rapportset les relations tangibles


Pourquoi la visualisation?

➔ Tirer parti de notre cerveau droit!

➔ Révéler les relations cachées dans les données

➔ Communiquer de l'information complexe


PRÉCISION

Données vs Information


PRÉCISION


Les données sontla matière première,

brute, qui n'a pas encoreété interprétée

Les données sontla matière première,

brute, qui n'a pas encoreété interprétée


PRÉCISION


L'information estce que l'on retire

de l'interprétationdes données

L'information estce que l'on retire

de l'interprétationdes données


PRÉCISION


http://www.readwriteweb.com/cloud/2011/01/difference-between-datavisualization-infographics.php



PRÉCISION

Infographique vs Visualisation

http://www.readwriteweb.com/cloud/2011/01/difference-between-datavisualization-infographics.phpUn infographique estune communication

visuelle d'information,souvent avec une

approche éditoriale

Un infographique estune communication

visuelle d'information,souvent avec une

approche éditoriale



PRÉCISION


http://www.readwriteweb.com/cloud/2011/01/difference-between-datavisualization-infographics.phpUne visualisation estune communication

graphique de données,où l'on laisse les données

s'exprimer

Une visualisation estune communication

graphique de données,où l'on laisse les données

s'exprimer



PRÉCISION



En pratique, lesinfographiques sont souvent

crées à la main, avec unlogiciel de dessin vectoriel

(Adobe Illustrator)

En pratique, lesinfographiques sont souvent

crées à la main, avec unlogiciel de dessin vectoriel

(Adobe Illustrator)



PRÉCISION



Les visualisations sontquand à elles généréesautomatiquement par

un programme, souventcrée spécifiquement

Les visualisations sontquand à elles généréesautomatiquement par

un programme, souventcrée spécifiquement



QUESTION

Quel serait les rapports entre visualisationet architecture d'information?



LA REPRÉSENTATION GRAPHIQUE


DONNÉES


DONNÉES

Quel mode dereprésentation

choisir?

Quel mode dereprésentation

choisir?


Les différents types de données


2 3 4 5 6 7 89 0 2 % $ .


2 3 4 5 6 7 89 0 2 % $ .

Les chiffres sont les premierséléments d'information auxquels

nous pensons(quantitatif)

Les chiffres sont les premierséléments d'information auxquels

nous pensons(quantitatif)


QUESTION

Quels autres types d'informationexistent?


Bleu Vert Jaune Rouge OrangeOrange Violet Mauve Brun


Bleu Vert Jaune Rouge OrangeOrange Violet Mauve Brun

Il y a aussi de l'informationreprésentant des éléments

non-quantifiables/quantifiés(nominal)

Il y a aussi de l'informationreprésentant des éléments

non-quantifiables/quantifiés(nominal)


GlacéFroidChaudBrûlant


GlacéFroidChaudBrûlant

Parfois on peut ordonnerces éléments entre eux

(ordinal)

Parfois on peut ordonnerces éléments entre eux

(ordinal)


B C

A

L'information peut êtreplus complexe et décrire

une structure

L'information peut êtreplus complexe et décrire

une structure


A A

Un processus...Un processus...


Ou plus généralementdes relations entre des

éléments

Ou plus généralementdes relations entre des

éléments


Tous ces types d'informationpeuvent se représenter de différentes

manières


Les diagrammes en barresont bons pour l'information

numérique discrète

Les diagrammes en barresont bons pour l'information

numérique discrète


Les diagrammes en lignesont bons pour l'information

numérique continue ets'utilisent pour indiquer des

tendances

Les diagrammes en lignesont bons pour l'information

numérique continue ets'utilisent pour indiquer des

tendances


Les diagrammes en surfaceindiquent un cumul de valeurs

Les diagrammes en surfaceindiquent un cumul de valeurs


Les diagrammes en tarte sontbons pour montrer des

proportions (%)

Les diagrammes en tarte sontbons pour montrer des

proportions (%)


Que l'on peut aussi exprimeren diagramme en barres

Que l'on peut aussi exprimeren diagramme en barres


Ce qui offre l'avantage depouvoir avoir plusieurs

niveaux de détail

Ce qui offre l'avantage depouvoir avoir plusieurs

niveaux de détail


PRODUCTION

QUALITÉ

RECYCLAGE LIVRAISON

DEFECTUEUX BONNE

Les « flowcharts » permettent de représenter des processusLes « flowcharts » permettent de représenter des processus


RESPONSABLERESPONSABLE

DIRECTEUR

EMPLOYÉEMPLOYÉ EMPLOYÉ

Ou des structuresorganisationnelles ou

conceptuelles

Ou des structuresorganisationnelles ou

conceptuelles


Et il existe de nombreuxformalismes(ex : Gantt)

Et il existe de nombreuxformalismes(ex : Gantt)


un réseau de Petriun réseau de Petri


Et un digramme de ParetoEt un digramme de Pareto


Type d'information et représentation

➔ IDENTIFIER L'INFORMATION

Quel est son type? Combien d'éléments/quelle plage de valeur ?


Type d'information et représentation

➔ CHOISIR LA BONNE REPRÉSENTATION

Qu'est-ce que l'on veut montrer, est-ce compatible avec le type de données?


EXERCICE

Pensez à différentes manières dereprésenter les données suivantes


Exercice

ÉQUIPE JAN. FEV. MAR. AVR.

A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1


Exercice


A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1

Il s'agit ici d'un tableaucomparant les performances

d'équipes (fictives)au sein d'une organisation

Il s'agit ici d'un tableaucomparant les performances

d'équipes (fictives)au sein d'une organisation


Exercice


A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1

Le type de données estici très classique : tabulaire, avec dimension temporelle.

Le type de données estici très classique : tabulaire, avec dimension temporelle.


Exercice


A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1



LE LANGAGE GRAPHIQUE


La Graphique, Jacques Bertin, Revue Communications N.15, 1970


Il existe plusieurs dimensionsdans le visuel, en plus de la

position : la forme, la couleur et la taille en sont quelques

unes.

Il existe plusieurs dimensionsdans le visuel, en plus de la

position : la forme, la couleur et la taille en sont quelques

unes.


f(x) =


f(x) =

Dans la graphique,on projette les valeursdans un espace visuel

Dans la graphique,on projette les valeursdans un espace visuel


Typographie, mise en page et graphisme(pour la présentation d'information)


QUESTION

Quels sont, selon vous, les critèresd'un bon graphisme?


Principes de base

➔ SIMPLICITÉ

Faire la place à l'information, et non pas à la décoration


Principes de base

➔ COHÉRENCE

Utiliser un langage graphique où chaque dimension choisie est représentée de la même manière (forme, couleur, taille, etc)


Principes de base

➔ RÉGULARITÉ

Espaces, alignements, taille de caractères, éléments disposés sur une grille.


Le rôle des journaux estde communiquer beaucoup

d'information, et ils sontune bonne référence en la

matière.

Le rôle des journaux estde communiquer beaucoup

d'information, et ils sontune bonne référence en la

matière.


VISUEL TITRE

TITRE

TITRE

TITRE

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu


Composition

➔ HIÉRARCHIE DE LECTURE

L'œil est naturellement guidé au travers d'un visuel en fonction des masses, de leur disposition et de leur contraste – la hiérarchie de lecture devrait suivre la hiérarchie de l'information.


Choix stylistiques

➔ CONNOTATION

La typographie, la taille et les couleurs influencent la lecture que nous faisons des choses.


bonjour!


BONJOUR!

Les CAPITALESpermettent d'attirer

l'attention sans utiliserun autre corps de caractère

Les CAPITALESpermettent d'attirer

l'attention sans utiliserun autre corps de caractère


BONJOUR!

La taille du texte appuiele message en lui

donnant plus de poids

La taille du texte appuiele message en lui

donnant plus de poids


bonjour!


bonjour!

Les couleurs disent quelquechose, mais faites attention

car l'interprétation varieselon les cultures

Les couleurs disent quelquechose, mais faites attention

car l'interprétation varieselon les cultures


bonjour!

Le contraste permet dedonner du poids en utilisant

les couleurs

Le contraste permet dedonner du poids en utilisant

les couleurs


Bonjour!


Bonjour!

Le choix de la typographiepeut avoir un impact

important sur l'interprétationdu message

Le choix de la typographiepeut avoir un impact

important sur l'interprétationdu message


Typographie

➔ TAILLE, GRAISSE, COULEUR & STYLE

Chaque élément va avoir une influence sur l'interprétation de l'information, car la représentation connote l'information.


À RETENIR

La visualisation est unefonction graphique des données


À RETENIR

Il s'agit plus de construction visuelleque de création graphique


À RETENIR

Simplicité, cohérence et sobriétésont les éléments-clé


À RETENIR

Les choix stylistiques connotentle message, il faut les utiliser

avec parcimonie



LA PRATIQUE PROFESSIONNELLE


COMPÉTENCES

La visualisation de donnéesest une pratique nouvelle

Il n'y a pas encorede cursus « officiel »

car la pratiqueest très jeune, et

les profils sontdonc très variés.


Compétences/profil

ANALYSTE

> Comprendre les données> Déterminer leurs types et relations> Identifier des indicateurs-clé


Compétences/profil

PROGRAMMEUR

> Collecter/extraire les données> Normaliser/ « réparer » les données > Développer les représentations


Compétences/profil

GRAPHISTE

> Organisation, lisibilité de la présentation> Choix des couleurs & typographies> Création de nouveaux modes de présentation


FORME/REPRÉSENTATION

MATIÈRE/DONNÉES

FONCTION/PROGRAMME



MATIÈRE/DONNÉES

FONCTION/PROGRAMME

Un analysteprogrammeur



MATIÈRE/DONNÉES

FONCTION/PROGRAMME

Designer graphique



MATIÈRE/DONNÉES

FONCTION/PROGRAMME

Architecte del'information



MATIÈRE/DONNÉES

FONCTION/PROGRAMME

La moyenne idéaledes compétences

d'une équipe


COMPÉTENCES

La visualisation s'appuie surde nombreuses disciplines


ARCHITECTURE DEL'INFORMATION



DESIGND'INTERFACE



DESIGND'INTERFACE

PROGRAMMATION



DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION



DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Être capabled'analyser etde structurerl'information



DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Être capablede concevoir

des représentationattrayantes

et fonctionnelles



DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Offrir des manièressimples et

Intéressantesd'interagir avec

les données



DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Concrétiserle tout par

un programme



DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION


DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATIONSCIENCES

COGNITIVES

ERGONOMIE SIGNALETIQUE

TYPOGRAPHIE

STATISTIQUES ESTHETIQUE


EN PRATIQUE

Quels sont les différents rôlesdans une équipe de visualisation?


Journalistede données

Les rôles


AnalysteJournalistede données

Les rôles


Analyste

Programmeur


Les rôles


Analyste

Designergraphique

Programmeur


Les rôles


FORME

Analyste

Designergraphique

Programmeur

MATIERE FONCTION


Les rôles


FORME

Analyste

Designergraphique

ProgrammeurMATIERE FONCTION


Les rôles


EN PRATIQUE

Quelle place a la visualisationdans un projet?


QUESTION 1

Avez-vous des données?


QUESTION 1


Est-ce que celles-cipourraient vous

permettre de prendrede meilleurs décisions?

Est-ce que celles-cipourraient vous

permettre de prendrede meilleurs décisions?


QUESTION 1


Est-ce qu'elles pourraientapporter quelque

chose à vos utilisateursou à votre entreprise?

Est-ce qu'elles pourraientapporter quelque

chose à vos utilisateursou à votre entreprise?


QUESTION 2

Voulez-vous améliorer un processusou communiquer de l'information?


QUESTION 2


La visualisation permetde comprendre des

phénomènes complexeset donc d'améliorerle fonctionnement

de systèmes

La visualisation permetde comprendre des

phénomènes complexeset donc d'améliorerle fonctionnement

de systèmes


QUESTION 2


Elle permet également dcommuniquer de

l'information de manièrevisuelle, vous permettant

de faire comprendredes phénomènes

complexes.

Elle permet également dcommuniquer de

l'information de manièrevisuelle, vous permettant

de faire comprendredes phénomènes

complexes.


INFOGRAPHIQUEVISUALISATIONS

INTERACTIVE

Pour communiquer


INFOGRAPHIQUEVISUALISATIONS

INTERACTIVE

Pour communiquer

Ils communiquent deschiffres, faits et données

de manière visuelleet attrayantes. L'aspect

narratif est primordial

Ils communiquent deschiffres, faits et données

de manière visuelleet attrayantes. L'aspect

narratif est primordial


Pour communiquer

Expliquervisuellement

Communiquer unmessage complexe

Créer du buzz surles médias sociaux

INFOGRAPHIQUEVISUALISATIONINTERACTIVE

Expliquer et laisserdécouvrir

Permettre aux utilisateursde ne pas être passifs

Ouvrir une discussionbasée sur les données


Sleep Is Awesome, FFunction, 2010


Rapport annuel sur le sida, FFunction, 2011


VISUALISATIONEXPLORATOIRE

TABLEAU DEBORD

Pour comprendre



TABLEAU DEBORD

Pour comprendre

Elles permettent d'exploreret de comprendre desdonnées complexes.Il est important d'être

fidèle aux données pour éviterles erreurs d'interprétation.

Elles permettent d'exploreret de comprendre desdonnées complexes.Il est important d'être

fidèle aux données pour éviterles erreurs d'interprétation.



TABLEAU DEBORD

Pour comprendre

Ils donnent une visiond'ensemble des données

et permettent d'avoiren un clin d'oeil

l'état d'un systèmecomplexe.

Ils donnent une visiond'ensemble des données

et permettent d'avoiren un clin d'oeil

l'état d'un systèmecomplexe.


Pour comprendre

Comprendre desphénomènes complexes

Trouver des corrélationsentre différentes variables

Identifier des tendancesou des motifs


TABLEAU DEBORD

Avoir une visiond'ensemble

Connaître en un clind’œil l'état de systèmes

Réagir plus rapidementaux événements


Visualisation du budget fédéral américain, FFunction, 2011


Tableau de bord des visiteurs et visionnements, ONFFFunction, 2009


INFOGRAPHIQUE

VISUALISATIONDATA JOURNALISME


TABLEAU DEBORD

DATA JOURNALISME

DESIGN GRAPHIQUE

DÉVELOPPEMENT

COMPLEXITÉ

COMMUNICATION COMPRÉHENSION


EN PRATIQUE

Comment puis-je appliquer lavisualisation dans...


Un site Web?

➔ Utiliser des infographiques pour communiquer l'information (services d'une entreprise, fonctionnement du site)

➔ Utiliser des visualisations pour rendre plus accessibles vos données (tableaux, statistiques, etc)


Une application?

➔ Donner une vision d'ensemble avec des résumés visuels

➔ Embarquez des visualisations de données dans vos listes et vos tableaux pour rendre les masses de chiffre plus visibles


EN PRATIQUE

Quels sont les étapes principalesdu travail de visualisation?


Le processus

➔ 1 : ANALYSER ET DIMENSIONNER

Décomposer les données, identifier leur type, les dimensionner et les classer par importance ou de manière hiérarchique


Le processus

➔ 2 : RECHERCHE DES REPRÉSENTATIONS

Quelles formes sont les plus adaptées aux données présentées? Comment exprimer graphiquement les différentes propriétés?


Le processus

➔ 3 : ASPECT NARRATIF

Qu'est-ce que les données montrent? Que voulez-vous communiquer avec elles? Voulez-vous communiquer seulement des chiffres ou une analyse?


Le processus

➔ 4 : HIÉRARCHIE DE LECTURE

Quelle est l'organisation de l'information que vous voulez présenter? Comment allez vous organiser leur composition graphique?


Le processus

➔ 5 : LANGAGE GRAPHIQUE

Comment allez vous traduire les propriétés/dimensions des données de manière visuelle? Quels codes et symboles allez vous choisir?


Le processus

➔ 6 : MÉDIAS

Sur quels supports seront diffusés vos graphiques? Article, présentation, poster, sur le Web?


Le processus

➔ 7 : INTERACTION

Quel pouvoir allez-vous donner aux utilisateurs? Quel sera leur rapport avec la visualisation?


DONNÉES/ANALYSE

DESIGN/CONCEPTION

PROGRAMMATION//DÉVELOPPEMENT

Flots de travail


CONCLUSION

Simplicité, cohérence, régularité



REFÉRENCES


The Wall Street Journal Guide to Information Graphics: The Dos and Don'ts of Presenting Data, Facts, and Figures par Dona M.Wong


Sémiologie Graphique : les diagramme,s les réseaux et les cartes Jacques Bertin


Show Me the Numbers: Designing Tables and Graphs to EnlightenStephen Few


The Visual Display of Quantitative InformationEdward R. Tufte


Merci!

Des questions? Contactez moi à

[email protected]

mailto:[email protected]

COURS VISUALISATION DE DONNÉES & DESIGN D ......2013/06/03 · VISUALISATION

Documents

Transcript of COURS VISUALISATION DE DONNÉES & DESIGN D ......2013/06/03 · VISUALISATION