63
re-bonjour :) Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.1

Conference sorbonne2

Embed Size (px)

Citation preview

Page 1: Conference sorbonne2

re-bonjour :)

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

Page 2: Conference sorbonne2

Geoffrey Dorne

http://GeoffreyDorne.com

http://Graphism.fr

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

Page 3: Conference sorbonne2

Datavisualisation et tendances visuelles

dans le design interactif

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

Page 4: Conference sorbonne2

représentation de l’information

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

Page 5: Conference sorbonne2

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

Page 6: Conference sorbonne2

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

Page 7: Conference sorbonne2

l’évolution.

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

Page 8: Conference sorbonne2

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

Page 9: Conference sorbonne2

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

Page 10: Conference sorbonne2

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

Page 11: Conference sorbonne2

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

Page 12: Conference sorbonne2

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

Page 13: Conference sorbonne2

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

Page 14: Conference sorbonne2

l’évolution

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

Page 15: Conference sorbonne2

classer lesconnaissances

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

Page 16: Conference sorbonne2

classifier l’information - industrie & organigramme

organiser

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

Page 17: Conference sorbonne2

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

Page 18: Conference sorbonne2

Tube Map, 1908 - London

géographique

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

Page 19: Conference sorbonne2

l’ère de la visualisation de données

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

Page 20: Conference sorbonne2

Josh Nimoy

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

Page 21: Conference sorbonne2

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

Page 22: Conference sorbonne2

« 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

Page 23: Conference sorbonne2

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

Page 24: Conference sorbonne2

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

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

Page 25: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.25

Page 26: Conference sorbonne2

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.

Page 27: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.27

Stream Graph

Page 28: Conference sorbonne2

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.)

Page 29: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.29

Page 30: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.30

Dernière raison :

La visualisation de données est à la mode.

Page 31: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.31

Page 32: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.32

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

Page 33: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.33

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

Page 34: Conference sorbonne2

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.

Page 35: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.35

Nicholas Feltron / self tracking

Page 36: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.36

Page 37: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.37

Peter Ørntoft

Page 38: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.38

SocialMemories & Egobook

Page 39: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.39

Hand-made-kit datavisualisation - / Jose Duarte

Page 40: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.40

Lauren Manning / données collectées

Page 41: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.41

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

Page 42: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.42

méthodes de représentations visuelles

techniques d’exploration interactive+

Page 43: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.43

Page 44: Conference sorbonne2

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 :

Page 45: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.45

cartographies dynamiques

Page 46: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.46

découverte progressive

Page 47: Conference sorbonne2

Geoffrey Dorne | janvier 2013 p.47

navigation dans le temps

Page 48: Conference sorbonne2

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

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

Page 49: Conference sorbonne2

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

La démocratie en chiffres / arte

Page 50: Conference sorbonne2

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/

Page 51: Conference sorbonne2

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 -

Page 52: Conference sorbonne2

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

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

Page 53: Conference sorbonne2

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

l’information des utilisateurs,rendue aux utilisateurs

Page 54: Conference sorbonne2

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

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

Page 55: Conference sorbonne2

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

Page 56: Conference sorbonne2

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

mobilité & data visualisation

Page 57: Conference sorbonne2

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

Page 58: Conference sorbonne2

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

Page 59: Conference sorbonne2

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

Weddar

Page 60: Conference sorbonne2

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

Ocarina - https://vimeo.com/2131612

Page 61: Conference sorbonne2

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

Prochaines étapes ?

Page 62: Conference sorbonne2

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...)

Page 63: Conference sorbonne2

Merci !... des questions ? :)

GeoffreyDorne.com

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