Journée de formation sur le datadesign interactif.

EMI-CFD Data design & interactivité - Geoffrey DorneGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.1

présentationGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.2

Ensad - design graphique & multimédia début d’activité - designer indépendant, 2004 blog - Graphism.fr & Jaffiche.fr création de société - yoocasa.com, 2008 mémoire & diplôme - interfaces en ligne & Hacking Citoyen chercheur EnsadLab (identité numérique mobile), 2010 Mozilla (Firefox 4) CEA (Commissariat à l’Énergie Atomique) Orange Vallée enseignement, conférences, workshops société de design (création, conseil, appels d’offres, enseignement...)Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.3

data design & interactivitéGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.4

une journée, quatre temps.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.5

10h à 11h30 première partie : présentation / représentation de l’information / exemples 11h30 à 13h seconde partie : utilisateur dans le data design / utilisateur = interaction / UCD 14h à 16h troisième partie : atelier, mise en pratique d’un cas de data design. 16h à 17h quatrième partie : présensation & discussion.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.6

représentation de l’informationGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.7

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 | Data design & interactivité | EMI-CFD - | Avril 2012 p.8

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 | Data design & interactivité | EMI-CFD - | Avril 2012 p.9

l’évolution.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.10

Sumériens / - 3000 av JC - Humbaba élevé par Samas, le dieu Soleil - doit garder arbre de la connaissanceGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.11

Bodhi du Sri Lanka / figuier sacré / axe entre terre ciel & enfersGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.12

Albrecht Dürer - Adam & Eve - 1507Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.13

arbre généalogique - monarchie - médiévalGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.14

Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.15

Originellement, la représentation de données : - l’ordre - la symétrie - la hiérarchie - la simplicité - l’équilibreGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.16

l’évolutionGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.17

classer les connaissances Système figuré des Connaissances, d’après le chancelier Bacon - l’Encyclopédie Diderot & d’Alembert. - 1747Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.18

connaissances Encyclopédie ou Dictionnaire Raisonné des Sciences, des Arts et des Métiers - 1780Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.19

enseigner 1644 - graphique représentant la distance de Tolède à Rome - dessiné par Michael van Langren 1686 - première carte météorologique connue représentant les vents. Edmond HalleyGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.20

organiser classifier l’information - industrie & organigrammeGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.21

historique 1869 par Charles Minard montrant les effectifs de la Grande Armée campagne de Russie en 1812 (taille / coordonnées / température)Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.22

géographique Tube Map, 1908 - LondonGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.23

l’ère de la visualisation de donnéesGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.24

Josh NimoyGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.25

Première raison : L’informatique & les capacités de stockages. Notre capacité à produire de plus en plus de données nous oblige à donner du sens à ces données.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.26

« Tout ce qui peut-être numérisé le sera. » « La capacité des disques durs double tous les 18 mois. » loi de KryderGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.27

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 | Data design & interactivité | EMI-CFD - | Avril 2012 p.28

11,616 WikiLeaks Iraq SIGACT / Jonathan Stray, Julian BurgessGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.29

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 | Data design & interactivité | EMI-CFD - | Avril 2012 p.31

Stream GraphGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.32

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 | Data design & interactivité | EMI-CFD - | Avril 2012 p.33

Dernière raison : La visualisation de données est à la mode.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.35

http://www.flickr.com/photos/gsfc/7009056027/ - NASA - "Perpetual Ocean” permettant de visualiser les courants océaniquesGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.37

de l’information égo-centrée à l’information centrée utilisateurGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.38

Ritwik Dey - vie de son auteur entre les âges de 6 et 24 - évolution de ses centres d’intérêts.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.39

Nicholas Feltron / self trackingGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.40

Peter ØrntoftGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.42

SocialMemories & EgobookGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.43

Hand-made-kit datavisualisation - / Jose DuarteGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.44

Lauren Manning / données collectéesGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.45

mécaniques interactivesGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.46

+ méthodes de représentations visuelles techniques d’exploration interactiveGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.47

la check-list : montrer les données être le plus précis possible garder la cohérence des données entre-elles offrir un résultat simple révéler les différents niveaux de données engager l’utilisateurGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.49

cartographies dynamiquesGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.50

découverte progressiveGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.51

navigation dans le tempsGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.52

https://vimeo.com/13761997 - - Applied Works pour The Times.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.53

La démocratie en chiffres / arteGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.56

http://synoptic.weaintplastic.com/Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.58

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 | Data design & interactivité | EMI-CFD - | Avril 2012 p.59

http://nuclearsecrecy.com/nukemap/ - faire exploser une bombe nucléaire de votre choix -Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.60

http://bit.ly/HovX8c - le Monde - discours des candidatsGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.61

http://labs.brandwatch.com/superbowl/ - Brandwatch - application de réputation sociale sur les annonceurs du SuperBowlGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.62

l’information des utilisateurs, rendue aux utilisateursGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.63

OCDE Better Life Initiative - http://oecdbetterlifeindex.org/Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.64

http://www.wefeelfine.org/ / Jonathan Harris & Sep KamvarGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.65

http://www.ionz.com.br - my datavizGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.66

The Guardian - analyse les rumeurs 2,6 millions de tweets - http://www.guardian.co.uk/uk/interactive/2011/dec/07/london-riots-twitterGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.67

https://vimeo.com/19997906 - cracking Australian Honeypot ProjectGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.68

Méthodologie.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.69

double diamond : de de fin liv er e op er l ve ov de sc diGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.70

de de fin liv er e op er l ve ov de sc di empathie choix créativité finalisationGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.71

double diamond & dataGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.72

de de fin liv er e op er l ve ov de sc di data Rassemblez les données / les explorer / produire des schémas pour identifier la narration, le concept.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.73

1. Discover - le brief & l’observation, ou comment isoler la problématique réelle des données (données récoltées, triées, etc.) 2. Define - la définition du concept (& esprit des données, de la représentation) - ou comment cerner & créer l’esprit d’une data visualisation, sa particularité, ce qu’elle excluera. Donne lieu a un brief. 3. Developp - la partie d’exploration graphique & formelle - ou comment ouvrir le champs des possibles graphiques & interactifs 4. Deliver - la partie où la dataviz est délivrée (site web, application, image, etc.) - formalisation d’un contenu, contraintes et accompagnement.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.74

mobilité & data visualisationGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.75

http://sensorly.com/fr - aide les opérateurs mobiles à améliorer la qualité de leurs réseaux / utilisateurs - testeursGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.76

Genève Ville Vivante - circulation des téléphones - https://vimeo.com/37238326Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.77

WeddarGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.78

Ocarina - https://vimeo.com/2131612Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.79

AteliersGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.80

Sujet 1 Imaginer un service dans lequel deux utilisateurs peuvent com- muniquer uniquement grâce à leurs données récoltées.Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.81

Sujet 2 Imaginer une application mobile permettant de représenter l’actua- lité selon les données récupérées par le mobile (orientation, heure, géoloc, données personnelles, etc.)Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.82

Sujet 1 Sujet 2 Imaginer un service Imaginer une applica- dans lequel deux utili- tion mobile permettant de représenter l’actua- sateurs peuvent com- lité selon les données muniquer uniquement récupérées par le mobile grâce à leurs données (orientation, heure, géo- récoltées. loc, données personnelles, etc.)Geoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.83

des questions ? merci. Geoffrey Dorne - http://graphism.fr - @GeoffreyDorneGeoffrey Dorne | Data design & interactivité | EMI-CFD - | Avril 2012 p.84

http://www.as-map.com	384
http://www.scoop.it	90
http://storify.com	45
http://us-w1.rockmelt.com	4
http://feeds.feedburner.com	3
http://pinterest.com	2

Journée de formation sur le datadesign interactif.

by Geoffrey Dorne

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 528

Statistics

Journée de formation sur le datadesign interactif. Presentation Transcript