Option Majeure
Information design 
Visualisation de l’immatériel
L’école
de design
L’école
de design
Design
d’espace
Design
graphique
Design
d’inter-
activité
Design
produit
Offre
BTS
Design
d’espace
Design
graphique
Design
d’inter-
activité
Design
produit
Offre
BTS
Bac + 3
L’école
de design
Design
d’espace
Design
graphique
Design
d’inter-
activité
Design
produit
Offre
BTS
Bac + 3
L’école
de design
Design
d’espace
Design
produit
Offre
BTS
Bac + 3
Culture numérique
READi Design Lab
UX Design / Interface tangibles
UX Des...
Design
d’espace
Design
produit
Offre
BTS
Bac + 3 Cycle master (thématiques / programmes)
Culture numérique
READi Design La...
Design
d’espace
Design
produit
Offre
BTS
Bac + 3 Cycle master (thématiques / programmes)
Culture numérique
READi Design La...
Information design ?
Information design ?
Illustration scientifique,
design d’interfaces
pour le transport public,
création de diagrammes…
Information design :
Rendre l’environnement
compréhensible,
représenter pour transmettre.
Intention
Compréhension plus rapide,
mémorisation plus simple
Compétences
Modes de représentation
Histogramme (comparer peu de valeurs, voir une évolution)
Diagramme circulaire (propor...
Compétences
Modes de représentation
Logiciels de visualisation
Tableur, Nodebox, Gephi, logiciels graphisme/motion…
Compétences
Modes de représentation
Logiciels de visualisation
Capacité de dialoguer…
Moyens
Séminaires
en collaboration avec des spécialistes extérieurs
(Dictanova, Bakasable, TerraEco)
Moyens
Séminaires
Projets
en collaboration avec des partenaires
Conseil général 44, Muséum d’histoire naturelle
Orange, Ag...
© Lola Charpentier, Simon Rochard, Marc Lecerf, Antoine Bardet
Data
journalisme
Révéler de l’information
par l’analyse des données
© Connected territories avec le CG44, illustrations Ag...
© Office For Creative Research
synthetic
matte painting
3D
animatronic
mannequin / make up effects
scultpure / model / mock up
motion capture
100 5
10
15...
© C. Bove, M. Sanglier
Option Majeure
Information design 
Visualisation de l’immatériel
Prochain SlideShare
Chargement dans…5
×

UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?

996 vues

Publié le

Présentation de l'École de Design de Nantes sur la dataviz lors de l'UXDmeetup du 17 juin 2014.

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
996
Sur SlideShare
0
Issues des intégrations
0
Intégrations
8
Actions
Partages
0
Téléchargements
11
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?

  1. 1. Option Majeure Information design  Visualisation de l’immatériel
  2. 2. L’école de design
  3. 3. L’école de design Design d’espace Design graphique Design d’inter- activité Design produit Offre BTS
  4. 4. Design d’espace Design graphique Design d’inter- activité Design produit Offre BTS Bac + 3 L’école de design
  5. 5. Design d’espace Design graphique Design d’inter- activité Design produit Offre BTS Bac + 3 L’école de design
  6. 6. Design d’espace Design produit Offre BTS Bac + 3 Culture numérique READi Design Lab UX Design / Interface tangibles UX Design / Réalité virtuelle UI Design / Information Design Nouvelles pratiques alimentaires Ville durable Mutation du cadre bâti Nouvelles mobilités Care Design Lab Innovation responsable Asia Campus Design & Interculturalité Chine Design & Interculturalité Inde Management du design et de l’innovation Direction de projets innovants en entreprise Design graphique Design d’inter- activité L’école de design
  7. 7. Design d’espace Design produit Offre BTS Bac + 3 Cycle master (thématiques / programmes) Culture numérique READi Design Lab UX Design / Interface tangibles UX Design / Réalité virtuelle UI Design / Information Design Nouvelles pratiques alimentaires Ville durable Mutation du cadre bâti Nouvelles mobilités Care Design Lab Innovation responsable Asia Campus Design & Interculturalité Chine Design & Interculturalité Inde Management du design et de l’innovation Direction de projets innovants en entreprise Design graphique Design d’inter- activité L’école de design
  8. 8. Design d’espace Design produit Offre BTS Bac + 3 Cycle master (thématiques / programmes) Culture numérique READi Design Lab UX Design / Interface tangibles UX Design / Réalité virtuelle UI Design / Information Design Nouvelles pratiques alimentaires Ville durable Mutation du cadre bâti Nouvelles mobilités Care Design Lab Innovation responsable Asia Campus Design & Interculturalité Chine Design & Interculturalité Inde Management du design et de l’innovation Direction de projets innovants en entreprise Design graphique Design d’inter- activité L’école de design
  9. 9. Information design ?
  10. 10. Information design ? Illustration scientifique, design d’interfaces pour le transport public, création de diagrammes…
  11. 11. Information design : Rendre l’environnement compréhensible, représenter pour transmettre.
  12. 12. Intention Compréhension plus rapide, mémorisation plus simple
  13. 13. Compétences Modes de représentation Histogramme (comparer peu de valeurs, voir une évolution) Diagramme circulaire (proportions, percevoir « un tout ») Nuage de points (distribution, rélations simples) Reseaux (qualité des rélations) Schéma (processus, cf. infoviz)
  14. 14. Compétences Modes de représentation Logiciels de visualisation Tableur, Nodebox, Gephi, logiciels graphisme/motion…
  15. 15. Compétences Modes de représentation Logiciels de visualisation Capacité de dialoguer…
  16. 16. Moyens Séminaires en collaboration avec des spécialistes extérieurs (Dictanova, Bakasable, TerraEco)
  17. 17. Moyens Séminaires Projets en collaboration avec des partenaires Conseil général 44, Muséum d’histoire naturelle Orange, Agences de presse…
  18. 18. © Lola Charpentier, Simon Rochard, Marc Lecerf, Antoine Bardet
  19. 19. Data journalisme Révéler de l’information par l’analyse des données © Connected territories avec le CG44, illustrations Agathe Dahyot
  20. 20. © Office For Creative Research
  21. 21. synthetic matte painting 3D animatronic mannequin / make up effects scultpure / model / mock up motion capture 100 5 10 15 20 2530 35 40 4555 60 65 70 7580 85 90 95 Global vision START END 3090 120 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 212223242526272829313233343536373839 4041 42 43 44 45 46 47 48 49 50 51525354555657585961626364656667686970 71 72 73 74 75 76 77 78 79 80 818283848586878889919293949596979899100 119118117116 115 114 113 112 111 110 109 108 107 106 105 104 103 102 101 60 Prométhéus - Ridley Scott Science-Fiction - 120 minutes START END 120 1 21198 Prométhéus - Ridley Scott Science-Fiction - 120 minutes fond vert / blue screen synthetic matte painting 3D animatronic mannequin / make up effects scultpure / model / mock up motion capture 1000 100 5 10 15 20 2530 35 40 45 5055 60 65 70 7580 85 90 95 Global vision START END 3090 120 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 212223242526272829313233343536373839 4041 42 43 44 45 46 47 48 49 50 51525354555657585961626364656667686970 71 72 73 74 75 76 77 78 79 80 818283848586878889919293949596979899100 119118117116 115 114 113 112 111 110 109 108 107 106 105 104 103 102 101 60 Science-Fiction - 120 minutes fond vert / blue screen synthetic matte painting 3D animatronic mannequin / make up effects scultpure / model / mock up motion capture 100 5 10 15 20 2530 35 40 45 5055 60 65 70 7580 85 90 95 Global vision START END 3090 120 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 212223242526272829313233343536373839 4041 42 43 44 45 46 47 48 49 50 51525354555657585961626364656667686970 71 72 73 74 75 76 77 78 79 80 818283848586878889919293949596979899100 119118117116 115 114 113 112 111 110 109 108 107 106 105 104 103 102 101 60 Prométhéus - Ridley Scott Science-Fiction - 120 minutes © René Mambembe
  22. 22. © C. Bove, M. Sanglier
  23. 23. Option Majeure Information design  Visualisation de l’immatériel

×