Conference sorbonne2

Preview:

Citation preview

re-bonjour :)

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.1

Geoffrey Dorne

http://GeoffreyDorne.com

http://Graphism.fr

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.2

Datavisualisation et tendances visuelles

dans le design interactif

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.3

représentation de l’information

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.4

La visualisation de données dépasse l’analyse statistique & les algorithmes afin de proposer un sens pour l’utilisateur. Fondée sur un langage visuel & hiérarchique, la visualisation de données trouve un équilibre entre représentation visuelle & unité conceptuelle.

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.5

La complexité est un défi en soi. Les réseaux sont partout et ce principe structurel et organisationnel atteint presque tous les domaines, des gènes, aux réseaux trophiques, aux cours de la bourse jusqu’aux réseaux sociaux.

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.6

l’évolution.

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.7

Sumériens / - 3000 av JC - Humbaba élevé par Samas, le dieu Soleil - doit garder arbre de la connaissanceGeoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.8

Bodhi du Sri Lanka / figuier sacré / axe entre terre ciel & enfersGeoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.9

Albrecht Dürer - Adam & Eve - 1507Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.10

arbre généalogique - monarchie - médiévalGeoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.11

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.12

Originellement, la représentation de données :

- l’ordre- la symétrie- la hiérarchie- la simplicité- l’équilibre

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.13

l’évolution

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.14

classer lesconnaissances

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.15

classifier l’information - industrie & organigramme

organiser

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.16

1869 par Charles Minard montrant les effectifs de la Grande Armée campagne de Russie en 1812 (taille / coordonnées / température)

historique

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.17

Tube Map, 1908 - London

géographique

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.18

l’ère de la visualisation de données

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.19

Josh Nimoy

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.20

Première raison :

L’informatique & les capacités de stockages.Notre capacité à produire de plus en plus de donnéesnous oblige à donner du sens à ces données.

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.21

« Tout ce qui peut-être numérisé le sera. »

«  La capacité des disques durs double tous les 18 mois. »loi de Kryder

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.22

Seconde raison :

L’open data. L’ouverture des données n’a jamais été aussi grande et surtout, si peu coûteuse, voire gratuite.

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.23

11,616 WikiLeaks Iraq SIGACT / Jonathan Stray, Julian Burgess

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.24

Geoffrey Dorne | janvier 2013 p.25

Geoffrey Dorne | janvier 2013 p.26

Troisième raison :

Les réseaux sociaux en ligne. Ils permettent de comprendre plus facilement les comportements sociaux, de les quantifier, de les représenter.

Geoffrey Dorne | janvier 2013 p.27

Stream Graph

Geoffrey Dorne | janvier 2013 p.28

Quatrième raison :

La démocratisation des outils. Il existe de plus en plus d’outils qui permettent de concevoir de la visualisation de données (processing, flash, prefuse, aiSee, Google Chart Tools, etc.)

Geoffrey Dorne | janvier 2013 p.29

Geoffrey Dorne | janvier 2013 p.30

Dernière raison :

La visualisation de données est à la mode.

Geoffrey Dorne | janvier 2013 p.31

Geoffrey Dorne | janvier 2013 p.32

http://www.flickr.com/photos/gsfc/7009056027/ - NASA - "Perpetual Ocean” permettant de visualiser les courants océaniques

Geoffrey Dorne | janvier 2013 p.33

de l’information égo-centrée à l’information centrée utilisateur

Geoffrey Dorne | janvier 2013 p.34

Ritwik Dey - vie de son auteur entre les âges de 6 et 24 - évolution de ses centres d’intérêts.

Geoffrey Dorne | janvier 2013 p.35

Nicholas Feltron / self tracking

Geoffrey Dorne | janvier 2013 p.36

Geoffrey Dorne | janvier 2013 p.37

Peter Ørntoft

Geoffrey Dorne | janvier 2013 p.38

SocialMemories & Egobook

Geoffrey Dorne | janvier 2013 p.39

Hand-made-kit datavisualisation - / Jose Duarte

Geoffrey Dorne | janvier 2013 p.40

Lauren Manning / données collectées

Geoffrey Dorne | janvier 2013 p.41

tendances des mécaniques interactiveset de la visualisation de données

Geoffrey Dorne | janvier 2013 p.42

méthodes de représentations visuelles

techniques d’exploration interactive+

Geoffrey Dorne | janvier 2013 p.43

Geoffrey Dorne | janvier 2013 p.44

montrer les donnéesêtre le plus précis possiblegarder la cohérence des données entre-ellesoffrir un résultat simplerévéler les différents niveaux de donnéesengager l’utilisateur

la check-list :

Geoffrey Dorne | janvier 2013 p.45

cartographies dynamiques

Geoffrey Dorne | janvier 2013 p.46

découverte progressive

Geoffrey Dorne | janvier 2013 p.47

navigation dans le temps

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.48

https://vimeo.com/13761997 - - Applied Works pour The Times.

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.49

La démocratie en chiffres / arte

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.50

Créée par deux ingénieurs de Google, vous allez pouvoir visualiser les vents, leur vitesse et leur direction - http://hint.fm/wind/

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.51

http://nuclearsecrecy.com/nukemap/ - faire exploser une bombe nucléaire de votre choix -

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.52

http://bit.ly/HovX8c - le Monde - discours des candidats

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.53

l’information des utilisateurs,rendue aux utilisateurs

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.54

http://www.wefeelfine.org/ / Jonathan Harris & Sep Kamvar

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.55

The Guardian - analyse les rumeurs 2,6 millions de tweets - http://www.guardian.co.uk/uk/interactive/2011/dec/07/london-riots-twitter

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.56

mobilité & data visualisation

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.57

http://sensorly.com/fr - aide les opérateurs mobiles à améliorer la qualité de leurs réseaux / utilisateurs - testeurs

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.58

Genève Ville Vivante - circulation des téléphones - https://vimeo.com/37238326

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.59

Weddar

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.60

Ocarina - https://vimeo.com/2131612

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.61

Prochaines étapes ?

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.62

visualisation tangible (manipulation directe...)

visualisation interactive collective(plan, outil de travail collaboratif...)

Merci !... des questions ? :)

GeoffreyDorne.com

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.63