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

1. Option Majeure
Information design
Visualisation de l’immatériel

2. L’école
de design

3. L’école
de design
Design
d’espace
Design
graphique
Design
d’inter-
activité
Design
produit
Offre
BTS

4. Design
d’espace
Design
graphique
Design
d’inter-
activité
Design
produit
Offre
BTS
Bac + 3
L’école
de design

5. Design
d’espace
Design
graphique
Design
d’inter-
activité
Design
produit
Offre
BTS
Bac + 3
L’école
de design

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. 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. 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. Information design ?

10. Information design ?
Illustration scientifique,
design d’interfaces
pour le transport public,
création de diagrammes…

11. Information design :
Rendre l’environnement
compréhensible,
représenter pour transmettre.

12. Intention
Compréhension plus rapide,
mémorisation plus simple

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. Compétences
Modes de représentation
Logiciels de visualisation
Tableur, Nodebox, Gephi, logiciels graphisme/motion…

15. Compétences
Modes de représentation
Logiciels de visualisation
Capacité de dialoguer…

16. Moyens
Séminaires
en collaboration avec des spécialistes extérieurs
(Dictanova, Bakasable, TerraEco)

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. © Lola Charpentier, Simon Rochard, Marc Lecerf, Antoine Bardet

19. Data
journalisme
Révéler de l’information
par l’analyse des données
© Connected territories avec le CG44, illustrations Agathe Dahyot

20. © Office For Creative Research

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. © C. Bove, M. Sanglier

23. Option Majeure
Information design
Visualisation de l’immatériel