How we visualized the Map of the Future with respect to the audience of our story
Michele GraďŹƒeti Politecnico di Milano Luca Masud Politecnico di Milano
Gaia Scagnetti MIT
Mario Porpora Politecnico di Milano
Donato Ricci Politecnico di Milano
visualization of complex systems emerging need for a narrative approa ch in the understanding of complex networks
tion of complex emerging need for a narrative approach in the understanding of complex networks
A
A information visualization
A information visualization a process that transforms data, information, and knowledge into a form that relies on the human visual system to perceive its embedded information.
A
data
data
data
truthful synthesis
but the real question is...
what can we do when we are facing abstract notions that remind of
qualities more than
quantities
?
A
A information visualization a process that transforms data, information, and knowledge into a form that relies on the human visual system to perceive its embedded information.
A information visualization a process that transforms data, information, and knowledge into a form that relies on the human visual system to perceive its embedded information.
B
A information visualization a process that transforms data, information, and knowledge into a form that relies on the human visual system to perceive its embedded information.
B (visual) narration
A
B
information visualization
(visual) narration
a process that transforms data, information, and knowledge into a form that relies on the human visual system to perceive its embedded information.
a tool with the paramount function of myths to find shape, a form, in the turmoil of human experience. (U. Eco, 1994)
B
paradigmatic mode of thought
paradigmatic
narrative
mode of thought
mode of thought
sound argument to persuade of TRUTH
paradigmatic
narrative
mode of thought
mode of thought
sound argument to persuade of TRUTH
good story to persuade of PLAUSIBILITY
paradigmatic
narrative
mode of thought
mode of thought
sound argument to persuade of TRUTH
good story to persuade of PLAUSIBILITY
paradigmatic
narrative
mode of thought
mode of thought
B
A
B
information visualization
(visual) narration
a process that transforms data, information, and knowledge into a form that relies on the human visual system to perceive its embedded information.
a tool with the paramount function of myths to find shape, a form, in the turmoil of human experience. (U. Eco, 1994)
A
B
A +
B
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
A + = C
B design for narrative
nar·ra·tor /ˈnæreɪtər/ – noun 1. a person who tells a story or gives an account of something
nar·ra·tor /ˈnæreɪtər/ – noun 1. a person who tells a story or gives an account of something
movie or theater director
nar·ra·tor /ˈnæreɪtər/ – noun 1. a person who tells a story or gives an account of something
movie or theater director illustrator of children’s book
nar·ra·tor /ˈnæreɪtər/ – noun 1. a person who tells a story or gives an account of something
movie or theater director illustrator of children’s book author of comics
nar·ra·tor /ˈnæreɪtər/ – noun 1. a person who tells a story or gives an account of something
movie or theater director illustrator of children’s book author of comics song writer
nar·ra·tor /ˈnæreɪtər/ – noun 1. a person who tells a story or gives an account of something
movie or theater director illustrator of children’s book author of comics song writer ...
when narrators tell a story, they have to rely on a public’s imaginary of that imaginary is visual in some degree most because humans think visually, even when they listen sometimes.
narrator evokes he/she evokes stories which convey information, cultural values, and experience
observer interprets his/her interpretation is an instinct
movie or theater director illustrator of children’s book author of comics song writer ...
movie or theater director illustrator of children’s book author of comics song writer ...
cinema
as the movie director the designer aims to choose the visualization that more preserves the complexity of the environment
cinema
design of narrative
actors
elements of the system
light design
choice of elements to visualize
set design
imagery to evoke
optical lens
power of focusing
camera point of view
intentionality
That’s it! But... example please
THE MAP OF THE FUTURE by DensityDesign Lab. Politecnico di Milano
Italian edition, No. 7 (September 2009)
Institute For The Future Palo Alto, California www.iftf.org
5-step-production
5-step-production 1
5-step-production 1 2
5-step-production
pre-production (analysis)
1 2
5-step-production
pre-production (analysis)
1 2
CREATE LOGIC STRUCTURE
5-step-production
pre-production (analysis)
1 2
CREATE LOGIC STRUCTURE
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE
2
ARRANGE
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE
2
ARRANGE
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
3
THINK ABOUT THE STORY
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
3
THINK ABOUT THE STORY
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
3
THINK ABOUT THE STORY
script, set design, photography
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
3
THINK ABOUT THE STORY
4
BE AWARE OF THE INTENTIONALITY
script, set design, photography
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
3
THINK ABOUT THE STORY
script, set design, photography
4
BE AWARE OF THE INTENTIONALITY
direction set-up
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
3
THINK ABOUT THE STORY
script, set design, photography
4
BE AWARE OF THE INTENTIONALITY
direction set-up
5
DESIGN
5-step-production
pre-production (analysis)
1
CREATE LOGIC STRUCTURE stage
2
ARRANGE
3
THINK ABOUT THE STORY
script, set design, photography
4
BE AWARE OF THE INTENTIONALITY
direction set-up
5
DESIGN
shoot
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH TRUTH TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH TRUTH
TRUTH TRUTH TRUTH
TRUTH
TRUTH
TRUTH
TRUTH TRUTH TRUTH
TRUTH TRUTH
TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH
TRUTH
TRUTH
TRUTH TRUTH
TRUTH TRUTH TRUTH
TRUTH
TRUTH
TRUTH
TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTHTRUTH TRUTH TRUTH TRUTH TRUTHTRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
PLAUSIBILITY TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
TRUTH
«Oh joy, rapture, I’ve got a brain!» said the Scarecrow The Wizard of Oz, Victor Fleming (1939)
thank you!
thank you! Michele GraďŹƒeti michele@graďŹƒeti.it Luca Masud lucamasud@gmail.com
Gaia Scagnetti gaia_sca@mit.edu
Mario Porpora mario.jfc@gmail.com
Donato Ricci donato.ricci@gmail.com