SlideShare une entreprise Scribd logo
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 connaissance
Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                                                       p.8
Bodhi du Sri Lanka / figuier sacré / axe entre terre ciel & enfers
Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                                                                p.9
Albrecht Dürer - Adam & Eve - 1507
Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                                p.10
arbre généalogique - monarchie - médiéval
Geoffrey 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
         les
         connaissances




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




                                                                       classifier l’information - industrie & organigramme

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                                                    p.16
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 | février 2013 | Université Paris 1 Panthéon Sorbonne                                                                                  p.17
géographique




                                                                       Tube Map, 1908 - London

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ées
    nous 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
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.26
Stream Graph

Geoffrey Dorne | janvier 2013         p.27
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.28
Geoffrey Dorne | janvier 2013   p.29
Dernière raison :

    La visualisation de données est à la mode.




Geoffrey Dorne | janvier 2013                    p.30
Geoffrey Dorne | janvier 2013   p.31
http://www.flickr.com/photos/gsfc/7009056027/ - NASA - "Perpetual Ocean” permettant de visualiser les courants océaniques

Geoffrey Dorne | janvier 2013                                                                                                                     p.32
de l’information égo-centrée
                                à l’information centrée utilisateur




Geoffrey Dorne | janvier 2013                                         p.33
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.34
Nicholas Feltron / self tracking

Geoffrey Dorne | janvier 2013                            p.35
Geoffrey Dorne | janvier 2013   p.36
Peter Ørntoft

Geoffrey Dorne | janvier 2013         p.37
SocialMemories & Egobook

Geoffrey Dorne | janvier 2013                     p.38
Hand-made-kit datavisualisation - / Jose Duarte

Geoffrey Dorne | janvier 2013                                           p.39
Lauren Manning / données collectées

Geoffrey Dorne | janvier 2013                               p.40
tendances
                                des mécaniques interactives
                                et de la visualisation de données




Geoffrey Dorne | janvier 2013                                       p.41
+
                                méthodes de représentations visuelles



                                techniques d’exploration interactive




Geoffrey Dorne | janvier 2013                                           p.42
Geoffrey Dorne | janvier 2013   p.43
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’utilisateur




Geoffrey Dorne | janvier 2013                            p.44
cartographies dynamiques

Geoffrey Dorne | janvier 2013                    p.45
découverte progressive

Geoffrey Dorne | janvier 2013                  p.46
navigation dans le temps

Geoffrey Dorne | janvier 2013                    p.47
https://vimeo.com/13761997 - - Applied Works pour The Times.

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                                                        p.48
La démocratie en chiffres / arte

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                            p.49
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.50
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.51
http://bit.ly/HovX8c - le Monde - discours des candidats

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                                                         p.52
l’information des utilisateurs,
                               rendue aux utilisateurs




Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne   p.53
http://www.wefeelfine.org/ / Jonathan Harris & Sep Kamvar

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne                                                     p.54
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.55
mobilité & data visualisation




Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne   p.56
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.57
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.58
Weddar

Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne   p.59
Ocarina - https://vimeo.com/2131612

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




Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne   p.61
visualisation tangible
                               (manipulation directe...)

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




Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne      p.62
Merci !
                  ... des questions ? :)

                                         GeoffreyDorne.com

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

Contenu connexe

En vedette

Presentacionmaestraeva
PresentacionmaestraevaPresentacionmaestraeva
Presentacionmaestraeva
Ivette Jaen
 
Mesdames Achetez Unchien
Mesdames Achetez UnchienMesdames Achetez Unchien
Mesdames Achetez Unchien
eric4274
 
Mettezdupiquantdansvosvacances
MettezdupiquantdansvosvacancesMettezdupiquantdansvosvacances
Mettezdupiquantdansvosvacances
KIKIROK
 
Semana del idioma y la niñez 2013
Semana del idioma y la niñez 2013Semana del idioma y la niñez 2013
Semana del idioma y la niñez 2013
Amagá Antioquia
 
LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...
LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...
LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...
Sylvie Spattz
 
Medios de comunicación.
Medios de comunicación.Medios de comunicación.
Medios de comunicación.
NathalySoriano
 
UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"
UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"
UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"
jessicasanova13
 
+ Historia antigua miguel. a tp
+ Historia antigua miguel. a tp+ Historia antigua miguel. a tp
+ Historia antigua miguel. a tp
Trabajos-cbc Smg
 
Peinture Sur Chats
Peinture Sur ChatsPeinture Sur Chats
Peinture Sur Chats
guest4ce12f
 
Yv 20090325 papas_en_la_mochila
Yv 20090325 papas_en_la_mochilaYv 20090325 papas_en_la_mochila
Yv 20090325 papas_en_la_mochila
321guillermo
 
Modèles d’action collective pour les producteurs et leurs filières de commerc...
Modèles d’action collective pour les producteurs et leurs filières de commerc...Modèles d’action collective pour les producteurs et leurs filières de commerc...
Modèles d’action collective pour les producteurs et leurs filières de commerc...
ILRI
 
Lectura 1 otro estado carlos román del río
Lectura 1 otro estado carlos román del ríoLectura 1 otro estado carlos román del río
Lectura 1 otro estado carlos román del río
Lu_pati
 
Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.
Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.
Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.
Profcdj CDJ
 
Web Quest
Web QuestWeb Quest
Web Quest
AndreaCOrtiz
 
Presentación1
Presentación1Presentación1
Presentación1
Patrocinio Rivero Dugo
 
Les premiers pas d\'un RIL Shopper
Les premiers pas d\'un RIL ShopperLes premiers pas d\'un RIL Shopper
Les premiers pas d\'un RIL Shopper
David Castera
 
Signoria hotel Corse
Signoria hotel CorseSignoria hotel Corse
Signoria hotel Corse
HotelSignoria
 
fabian
fabianfabian
fabian
fabian1230
 
Lomce
LomceLomce
Lomce
ahmpa
 
Tendresdrolesoucomiques Mar
Tendresdrolesoucomiques MarTendresdrolesoucomiques Mar
Tendresdrolesoucomiques Mar
guest9d62db
 

En vedette (20)

Presentacionmaestraeva
PresentacionmaestraevaPresentacionmaestraeva
Presentacionmaestraeva
 
Mesdames Achetez Unchien
Mesdames Achetez UnchienMesdames Achetez Unchien
Mesdames Achetez Unchien
 
Mettezdupiquantdansvosvacances
MettezdupiquantdansvosvacancesMettezdupiquantdansvosvacances
Mettezdupiquantdansvosvacances
 
Semana del idioma y la niñez 2013
Semana del idioma y la niñez 2013Semana del idioma y la niñez 2013
Semana del idioma y la niñez 2013
 
LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...
LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...
LES REPRÉSENTATIONS GRAPHIQUES DE LA DÉTRESSE PSYCHOLOGIQUE CHEZ DES ADOLESCE...
 
Medios de comunicación.
Medios de comunicación.Medios de comunicación.
Medios de comunicación.
 
UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"
UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"
UTE “PROBLEMAS FRECUENTES DEL DESARROLLO: APEGO Y ANSIEDAD"
 
+ Historia antigua miguel. a tp
+ Historia antigua miguel. a tp+ Historia antigua miguel. a tp
+ Historia antigua miguel. a tp
 
Peinture Sur Chats
Peinture Sur ChatsPeinture Sur Chats
Peinture Sur Chats
 
Yv 20090325 papas_en_la_mochila
Yv 20090325 papas_en_la_mochilaYv 20090325 papas_en_la_mochila
Yv 20090325 papas_en_la_mochila
 
Modèles d’action collective pour les producteurs et leurs filières de commerc...
Modèles d’action collective pour les producteurs et leurs filières de commerc...Modèles d’action collective pour les producteurs et leurs filières de commerc...
Modèles d’action collective pour les producteurs et leurs filières de commerc...
 
Lectura 1 otro estado carlos román del río
Lectura 1 otro estado carlos román del ríoLectura 1 otro estado carlos román del río
Lectura 1 otro estado carlos román del río
 
Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.
Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.
Sport et mondialisation: La coupe du monde de rugby en Afrique du sud.
 
Web Quest
Web QuestWeb Quest
Web Quest
 
Presentación1
Presentación1Presentación1
Presentación1
 
Les premiers pas d\'un RIL Shopper
Les premiers pas d\'un RIL ShopperLes premiers pas d\'un RIL Shopper
Les premiers pas d\'un RIL Shopper
 
Signoria hotel Corse
Signoria hotel CorseSignoria hotel Corse
Signoria hotel Corse
 
fabian
fabianfabian
fabian
 
Lomce
LomceLomce
Lomce
 
Tendresdrolesoucomiques Mar
Tendresdrolesoucomiques MarTendresdrolesoucomiques Mar
Tendresdrolesoucomiques Mar
 

Plus de Geoffrey Dorne

Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...
Geoffrey Dorne
 
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
Geoffrey Dorne
 
La pluie a midi
La pluie a midiLa pluie a midi
La pluie a midi
Geoffrey Dorne
 
Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80
Geoffrey Dorne
 
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Geoffrey Dorne
 
152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr
Geoffrey Dorne
 
La place du designer - mémoire Juliette Mothe
La place  du designer - mémoire Juliette MotheLa place  du designer - mémoire Juliette Mothe
La place du designer - mémoire Juliette Mothe
Geoffrey Dorne
 
LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016
Geoffrey Dorne
 
Un grand signe pour un regard citoyen
Un grand signe pour un regard citoyenUn grand signe pour un regard citoyen
Un grand signe pour un regard citoyen
Geoffrey Dorne
 
Design et métiers d’art
Design et métiers d’artDesign et métiers d’art
Design et métiers d’art
Geoffrey Dorne
 
Le guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en designLe guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en design
Geoffrey Dorne
 
Résultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiquesRésultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiques
Geoffrey Dorne
 
La démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanismeLa démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanisme
Geoffrey Dorne
 
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireINNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
Geoffrey Dorne
 
Formation designer 1958
Formation designer 1958Formation designer 1958
Formation designer 1958
Geoffrey Dorne
 
[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?
Geoffrey Dorne
 
L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980
Geoffrey Dorne
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
Geoffrey Dorne
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
Geoffrey Dorne
 
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUEPROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
Geoffrey Dorne
 

Plus de Geoffrey Dorne (20)

Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...
 
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
 
La pluie a midi
La pluie a midiLa pluie a midi
La pluie a midi
 
Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80
 
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
 
152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr
 
La place du designer - mémoire Juliette Mothe
La place  du designer - mémoire Juliette MotheLa place  du designer - mémoire Juliette Mothe
La place du designer - mémoire Juliette Mothe
 
LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016
 
Un grand signe pour un regard citoyen
Un grand signe pour un regard citoyenUn grand signe pour un regard citoyen
Un grand signe pour un regard citoyen
 
Design et métiers d’art
Design et métiers d’artDesign et métiers d’art
Design et métiers d’art
 
Le guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en designLe guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en design
 
Résultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiquesRésultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiques
 
La démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanismeLa démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanisme
 
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireINNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
 
Formation designer 1958
Formation designer 1958Formation designer 1958
Formation designer 1958
 
[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?
 
L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
 
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUEPROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
 

Conference sorbonne2

  • 1. re-bonjour :) Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.1
  • 2. Geoffrey Dorne http://GeoffreyDorne.com http://Graphism.fr Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.2
  • 3. Datavisualisation et tendances visuelles dans le design interactif Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.3
  • 4. représentation de l’information Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.4
  • 5. 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
  • 6. 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
  • 7. l’évolution. Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.7
  • 8. Sumériens / - 3000 av JC - Humbaba élevé par Samas, le dieu Soleil - doit garder arbre de la connaissance Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.8
  • 9. Bodhi du Sri Lanka / figuier sacré / axe entre terre ciel & enfers Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.9
  • 10. Albrecht Dürer - Adam & Eve - 1507 Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.10
  • 11. arbre généalogique - monarchie - médiéval Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.11
  • 12. Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.12
  • 13. 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
  • 14. l’évolution Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.14
  • 15. classer les connaissances Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.15
  • 16. organiser classifier l’information - industrie & organigramme Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.16
  • 17. 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 | février 2013 | Université Paris 1 Panthéon Sorbonne p.17
  • 18. géographique Tube Map, 1908 - London Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.18
  • 19. l’ère de la visualisation de données Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.19
  • 20. Josh Nimoy Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.20
  • 21. 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 | février 2013 | Université Paris 1 Panthéon Sorbonne p.21
  • 22. « 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
  • 23. 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
  • 24. 11,616 WikiLeaks Iraq SIGACT / Jonathan Stray, Julian Burgess Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.24
  • 25. Geoffrey Dorne | janvier 2013 p.25
  • 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.26
  • 27. Stream Graph Geoffrey Dorne | janvier 2013 p.27
  • 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.28
  • 29. Geoffrey Dorne | janvier 2013 p.29
  • 30. Dernière raison : La visualisation de données est à la mode. Geoffrey Dorne | janvier 2013 p.30
  • 31. Geoffrey Dorne | janvier 2013 p.31
  • 32. http://www.flickr.com/photos/gsfc/7009056027/ - NASA - "Perpetual Ocean” permettant de visualiser les courants océaniques Geoffrey Dorne | janvier 2013 p.32
  • 33. de l’information égo-centrée à l’information centrée utilisateur Geoffrey Dorne | janvier 2013 p.33
  • 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.34
  • 35. Nicholas Feltron / self tracking Geoffrey Dorne | janvier 2013 p.35
  • 36. Geoffrey Dorne | janvier 2013 p.36
  • 37. Peter Ørntoft Geoffrey Dorne | janvier 2013 p.37
  • 38. SocialMemories & Egobook Geoffrey Dorne | janvier 2013 p.38
  • 39. Hand-made-kit datavisualisation - / Jose Duarte Geoffrey Dorne | janvier 2013 p.39
  • 40. Lauren Manning / données collectées Geoffrey Dorne | janvier 2013 p.40
  • 41. tendances des mécaniques interactives et de la visualisation de données Geoffrey Dorne | janvier 2013 p.41
  • 42. + méthodes de représentations visuelles techniques d’exploration interactive Geoffrey Dorne | janvier 2013 p.42
  • 43. Geoffrey Dorne | janvier 2013 p.43
  • 44. 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’utilisateur Geoffrey Dorne | janvier 2013 p.44
  • 47. navigation dans le temps Geoffrey Dorne | janvier 2013 p.47
  • 48. https://vimeo.com/13761997 - - Applied Works pour The Times. Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.48
  • 49. La démocratie en chiffres / arte Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.49
  • 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.50
  • 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.51
  • 52. http://bit.ly/HovX8c - le Monde - discours des candidats Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.52
  • 53. l’information des utilisateurs, rendue aux utilisateurs Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.53
  • 54. http://www.wefeelfine.org/ / Jonathan Harris & Sep Kamvar Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.54
  • 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.55
  • 56. mobilité & data visualisation Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.56
  • 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.57
  • 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.58
  • 59. Weddar Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.59
  • 60. Ocarina - https://vimeo.com/2131612 Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.60
  • 61. Prochaines étapes ? Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.61
  • 62. visualisation tangible (manipulation directe...) visualisation interactive collective (plan, outil de travail collaboratif...) Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.62
  • 63. Merci ! ... des questions ? :) GeoffreyDorne.com Geoffrey Dorne | février 2013 | Université Paris 1 Panthéon Sorbonne p.63