1. Simplifying
Complexity
MARCO BARBIERI
CHIARA BENEDETTI
VALENTINA CERUTI
MANUELA CIANCILLA
SARA DEAMBROSIS
ELOISA PAOLA FONTANA
GABRIELE MUSELLA
Politecnico di Milano
08.05.2008
The 2nd
Interdisciplinary
Conference on
Intersections of
Visualization
Practices and
Techniques
2. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
01 who
coMPlexity
communication & visual infovis
h.Project
designer references
Who’s that girl?
Manuela Ciancilla is a student of the Politecnico di Milano,
Communication Design Faculty.
Visup srl (www.visup.it)
My skills:
visualization of information, strategic thinking (utilizing mar-
ket research), problem-solving, editing, visual identity design,
high abstraction and systemic approach, User Experience and
Interaction Design, team working.
3. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
01 who
coMPlexity
communication & visual infovis
h.Project
designer references
What can I do for you today?
Explain a new design methodology
The steps (following the elements of User Experience Design):
Analyse elements of a complex system
visualize information
Making of scenarios to resolve problems
4. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
02 coMPlexity
characteristics of infovis
h.Project
complex systems references
+ Complex Systems consist
of a large number of elements.
Tracing a structure of the system under examination
Although an analytic process it is not enough
to fully understand a Complex System, in any case,
it consents to identify the systems elements and their features.
5. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
02 coMPlexity
characteristics of infovis
h.Project
complex systems references
+ In a Complex Systems elements
interact dynamically.
Translating the relationships among subjects
These interaction are usually quite rich and non-linear.
No direct link is necessary for distant elements to interact:
other elements mediate among them.
6. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
02 coMPlexity
characteristics of infovis
h.Project
complex systems references
+ Complex Systems are open systems.
Defining the scale and the area of the description
Complex Systems lack explicit boundaries that
are settle on to confine the system for a particular purpose.
7. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
02 coMPlexity
characteristics of infovis
h.Project
complex systems references
+ Complex Systems have a history.
Making a periodical revision
The history of a system is vitally important. Things change!
8. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
importance of who
coMPlexity
information 03 infovis
h.Project
visualization references
scientific
visualization
material data
visualization
information
external
cognition
information
design visualization
abstract data
What’s Infovis?
Information visualization
Is the process of incorporation of knowledge through
the perception of information in visual form.
It joins information and visual design, producing knowledge
and creating tools based on user experience,
tools that can be understood by many and variuos subjects.
9. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
importance of who
coMPlexity
information 03 infovis
h.Project
visualization references
}
COMPLEx SySTEMS + MANy DATA inforMAtion
natural sciences
humanities
sport
management
subjects
relationships
flow
processes
&
visUAliZAtion
infovis
... ...
What’s Infovis?
Information visualization
It allows to understand better the phenomena,
to be able to do some choices in a more aware way,
to evaluate better the risks, do forecasts, ...;
it is a transversal discipline that envolved various ambits.
10. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
importance of who
coMPlexity
information 03 infovis
h.Project
visualization references
some examples
www.infovis.it
11. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
importance of who
coMPlexity
information 03 infovis
h.Project
visualization references
some examples
www.visualcomplexity.com
12. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
importance of who
coMPlexity
information 03 infovis
h.Project
visualization references
some examples
Newsmap, by Marcos Weskamp
infovis (flash based) application that interact with news taken from google
13. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Representing a complex systems with a visual map
Analysis, visualization and problem-solving of a complex system
The brief: represent a complex system through a visual map.
Understanding the system: mechanisms, processes, elements
and, at the end, problems. Then we’ll be able to solve them.
14. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Analysis of the italian hospital system.
Looking for information about the most important italian
hospital structures.
The information we have found, come from various
and etereogenic data. After this research, all data (taken from
10 of the most important italian hospitals) are joined together
to make an “ideal” hospital system.
15. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
Ministero sanità
map
Regione Usc Anestesia e Rianimazione 1 then
Uss Anestesia pediatrica
Usc Anestesia e Rianimazione 4
Uss Neuro anestesia
Usc Anestesia e Rianimazione 3
references
Uss Anestesia in ostetricia ginecologica
Comunicazione Usc Anestesia e Rianimazione 2
Uss Anestesia cardiochirurgia
Controllo Uss Anestesia specialistica 1
Uss Terapia Intensiva Cardiochirurgica
Direttore generale
Ussd Coordinamento attività terapia
Urp intensiva pediatrica
Usc Chirurgia 1
Ussd centrale SSUEm 118
Uss pronto soccorso chirurgico
Legali Direttore amministrativo Direttore sanitario
Usc Chirurgia 2° senologica
aziendale aziendale Usc Cardiochirurgia
Usc 3a Chirurgia Generale e dei Trapianti
Usc Cardiologia
Formazione Uss chirurgia toracica
Uss Cardiologia Ambulatori
Usc Chirurgia Plastica
Usc Chirurgia Vascolare
Usc Chirurgia Maxillo Facciale
Qualità Uss Chirurgia Endovascolare
Farmacia Direzione Medica S.i.t.r.a. Uss Chirurgia Ortognatica e traumatologica
Uss Day surgery
Max-Facciale
Ussd Diagnostica Interventistica
Usc Oculistica
Ussd Centro trapianti di cuore
Usc Odontoiatria
Dipartimenti gestionali Dipartimenti funzionali Dipartimenti clinici Uss Patologia Orale
Usc Urologia
Dip. Diagnostica Dip. Emergenza Urgenza Dip. Anestesia
per Immagini Alta Specializzazione (D.e.a.) e Rianimazione Usc Ostetricia e Ginecologia Usc Dermatologia
Uss Diagnosi Ecografica e Puerperio Usc Diabetologia
Usc Approvvigionamenti Dip. Medicina Dip. Immunologia e
Dip. Cardiovascolare Uss Day Hospital e Diagnosi Ambulatoriale Usc Endocrinologia
Usc Bilancio e Programmazione di Laboratorio Clinica dei Trapianti
Uss Area del parto e Patologia della gravidanza Usc Gastroenterologia
Ussd Servizi Finanziari Dip. Amministrativo Dip. Prevenzione e Usc Patologia Neonatale Uss Endoscopia digestiva
Ussd Servizi a Pagamento Sorveglianza Infezioni Dip. Chirurgia Ussd Ecografia Neonatale e Pediatrica Usc Malattie Infettive
Usc Fisica Sanitaria Uss Terapia Antivirale
Ussd Approvvigionamenti Area Sanitaria
Dip. Bilancio Usc Medicina Nucleare Dip. Farmacologia Clinica Dip. Materno Infantile Usc Medicina Interna 1
e Programmazione Usc Neuroradiologia Usc Medicina Interna 2
Usc Politiche del Personale
Usc Radiodiagnostica Dip. Medicina Trasfusionale Usc Cure Palliative Usc Nefrologia e Dialisi
Usc Gestione economico/
Uss Anestesia pediatrica Dipartimento Medicina Usc Ematologia
previdenziale del personale di pendente Dip. Risorse Umane ed Ematologia Uss Emodialisi Intra Ospedaliera
Uss Trapianto di midollo osseo Uss Emodialisi peritoneale
Usc Gestione giuridica del Dip. Oncologia
personale dipendente Usc Anatomia e Istologia Dip. Oncologico Uss Emostasi e trombosi Usc Pneumologia
Dip. Tecnico e Alberghiero ed Ematologia Uss Day Hospital Ematologico
Ussd Gestione giuridico/ Patologica Uss Oncologia Pneumologica
economica del personale non-dipendente Usc Immunoematologia Usc Oncologia Uss Degenza Critica Monitorata
C.u.p. Dip. Salute mentale Uss Oncologia Gastroenterologica Uss Fisiopatologia respiratoria, attività
e Medicina Trasfusionale
Usc Servizi alberghieri e di supporto Ussd Pronto Soccorso Uss Oncologia Senologica
Uss Immunogenetica ambulatoriale e di day hospital
Usc Tecnica Uss Aferesi Produttiva Dip. Scienze motorie Usc Radioterapia Oncologica Ussd Medicina d’Urgenza
Ussd Impiantistica Usc Laboratorio Analisi Chimico-Cliniche Usc Chirurgia Pediatrica Ussd Reumatologia
Usc Microbiologia e Virologia Dip. Chirurgia Sistema Nervoso Usc Pediatria Ussd Emodialisi Extra-Ospedaliera
Uss Oncoematologia pediatrica Ussd Neuroendocrinologia
Usc Centro Unico Prelievi (CUP) e Scienze Neurologiche
Ussd Genetica Medica Usc Neuropsichiatria Infantile Ussd Dietologia Clinica
Dip. Medicina Ussd Chirurgia
Penitenziaria Epato-Gastroenterologica
Ussd Chirurgia Cranio Maxillo
Facciale Pediatrica
Ussd Centro per la Diagnosi e il
Agenti di custodia Trattamento delle Cardiopatie
Congenite
utente
Usc Neurochirurgia Usc Ortopedia e Traumatologia Usc Psichiatria 1
Usc Neurologia Uss Traumatologia d’urgenza Uss Centro psichiatrico di diagnosi e cura 1
Analysis of the italian hospital system.
Uss Malattie extrapiramidali Usc Medicina Fisica e Riabilitazione Uss Centro Psico Sociale 1
Uss Neuroimmunologia per la diagnosi Uss Riabilitazione per gravi traumi Usc Psichiatria 2
e il trattamento della sclerosi multipla cranio encefalici Uss Servizio Psichiatrico Diagnosi e Cura 2
Usc Neurofisiopatologia Uss Unità spinale Uss Centro Psico Sociale 2
Uss Centro per la Diagnosi e Uss Presidio Comunità Protette
The hospital organigram.
la Cura dell’Epilessia Ussd Psicologia Clinica
Uss Neuro-Monitoraggi Intraoperatori Ussd Psichiatria di consultazione
Usc Otorinolaringoiatria
Uss ORL Day Hospital e Day Surgery
Ussd Accettazione ed Emergenza
Neurologica
Ussd Chirurgia Vertebro-Spinale e
Trattamento Sub-Intensivo
16. MANUELA CIANCILLA Politecnico di Milano
Regione Usc Anestesia e Rianimazione 1
Uss Anestesia pediatrica
Usc Anestesia e Rianimazione 4
Uss Neuro anestesia
Simplifying
Complexity
Usc Anestesia e Rianimazione 3
Uss Anestesia in ostetricia ginecologica
Comunicazione Usc Anestesia e Rianimazione 2
Uss Anestesia cardiochirurgia
Uss Anestesia specialistica 1
Controllo
Direttore generale
who
Uss Terapia Intensiva Cardiochirurgica
Ussd Coordinamento attività terapia
Urp coMPlexity
representing the italian
intensiva pediatrica
Usc Chirurgia 1
Ussd centrale SSUEm 118
Legali Direttore amministrativo Direttore sanitario infovis Uss pronto soccorso chirurgico
04
Usc Chirurgia 2° senologica
aziendale aziendale Usc Cardiochirurgia
h.Project
hospital system
Usc 3a Chirurgia Generale e dei Trapianti
Usc Cardiologia
Formazione Uss chirurgia toracica
Uss Cardiologia Ambulatori
brief
Usc Chirurgia Vascolare
Uss Chirurgia Endovascolare
Usc Chirurgia Plastica
Usc Chirurgia Maxillo Facciale
Qualità Farmacia Direzione Medica S.i.t.r.a.
analysis
Uss Day surgery
Uss Chirurgia Ortognatica e traumatologica
Max-Facciale
map
Ussd Diagnostica Interventistica
Ussd Centro trapianti di cuore
Usc Oculistica
Dipartimenti gestionali Dipartimenti funzionali Dipartimenti clinici then Usc Odontoiatria
Uss Patologia Orale
Usc Urologia
Dip. Diagnostica Dip. Emergenza Urgenza Dip. Anestesia references
per Immagini Alta Specializzazione (D.e.a.) e Rianimazione Usc Ostetricia e Ginecologia Usc Dermatologia
Uss Diagnosi Ecografica e Puerperio Usc Diabetologia
Dip. Medicina Dip. Immunologia e
Dip. Cardiovascolare Uss Day Hospital e Diagnosi Ambulatoriale Usc Endocrinologia
di Laboratorio Clinica dei Trapianti
Uss Area del parto e Patologia della gravidanza Usc Gastroenterologia
Dip. Amministrativo Dip. Prevenzione e Usc Patologia Neonatale Uss Endoscopia digestiva
Sorveglianza Infezioni Dip. Chirurgia Ussd Ecografia Neonatale e Pediatrica Usc Malattie Infettive
Usc Fisica Sanitaria Uss Terapia Antivirale
Dip. Bilancio Usc Medicina Nucleare Dip. Farmacologia Clinica Dip. Materno Infantile Usc Medicina Interna 1
e Programmazione Usc Neuroradiologia Usc Medicina Interna 2
Usc Radiodiagnostica Dip. Medicina Trasfusionale Usc Cure Palliative Usc Nefrologia e Dialisi
Uss Anestesia pediatrica Dipartimento Medicina Usc Ematologia
Dip. Risorse Umane ed Ematologia Uss Emodialisi Intra Ospedaliera
Uss Trapianto di midollo osseo Uss Emodialisi peritoneale
Dip. Oncologia Uss Emostasi e trombosi
Usc Anatomia e Istologia Dip. Oncologico Usc Pneumologia
Dip. Tecnico e Alberghiero ed Ematologia Uss Day Hospital Ematologico
Patologica Uss Oncologia Pneumologica
Usc Immunoematologia Usc Oncologia Uss Degenza Critica Monitorata
C.u.p. Dip. Salute mentale Uss Oncologia Gastroenterologica Uss Fisiopatologia respiratoria, attività
e Medicina Trasfusionale
Ussd Pronto Soccorso Uss Oncologia Senologica
Uss Immunogenetica ambulatoriale e di day hospital
Uss Aferesi Produttiva Dip. Scienze motorie Usc Radioterapia Oncologica Ussd Medicina d’Urgenza
Usc Laboratorio Analisi Chimico-Cliniche Usc Chirurgia Pediatrica Ussd Reumatologia
Usc Microbiologia e Virologia Dip. Chirurgia Sistema Nervoso Usc Pediatria Ussd Emodialisi Extra-Ospedaliera
Uss Oncoematologia pediatrica Ussd Neuroendocrinologia
Usc Centro Unico Prelievi (CUP) e Scienze Neurologiche
Ussd Genetica Medica Usc Neuropsichiatria Infantile Ussd Dietologia Clinica
Dip. Medicina Ussd Chirurgia
Penitenziaria Epato-Gastroenterologica
Ussd Chirurgia Cranio Maxillo
Facciale Pediatrica
Ussd Centro per la Diagnosi e il
Agenti di custodia Trattamento delle Cardiopatie
Congenite
utente
Usc Neurochirurgia Usc Ortopedia e Traumatologia Usc Psichiatria 1
Usc Neurologia Uss Traumatologia d’urgenza Uss Centro psichiatrico di diagnosi e cura 1
Uss Malattie extrapiramidali Usc Medicina Fisica e Riabilitazione Uss Centro Psico Sociale 1
Analysis of the italian hospital system. Uss Neuroimmunologia per la diagnosi
e il trattamento della sclerosi multipla
Usc Neurofisiopatologia
Uss Riabilitazione per gravi traumi
cranio encefalici
Uss Unità spinale
Usc Psichiatria 2
Uss Servizio Psichiatrico Diagnosi e Cura 2
Uss Centro Psico Sociale 2
The hospital organigram. Uss Centro per la Diagnosi e
la Cura dell’Epilessia
Uss Presidio Comunità Protette
Ussd Psicologia Clinica
Uss Neuro-Monitoraggi Intraoperatori Ussd Psichiatria di consultazione
Usc Otorinolaringoiatria
Uss ORL Day Hospital e Day Surgery
Ussd Accettazione ed Emergenza
17. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Visualization of the italian hospital system.
Organization of information in a visual model.
All founded data are represented on this map, in terms of areas,
lines, colors, icons...each sign is calculated in relation to the
whole system.
18. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Reading the map.
A global view
19. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system subjects brief
analysis
map
then
references
flows
hierarchy
user
flows
in detail
Reading the map. resources
A global view (scheme)
20. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Reading the map.
Subjects
21. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Reading the map.
User
22. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Reading the map.
Processes and actions
23. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Reading the map.
Flows
24. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Reading the map.
Flows
25. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Reading the map.
Resources
26. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
Over the map.
Found problems to risolve them.
The map is now a problem-solving tool: with that It’s possible to
recognize critical elements and system general problems. It can
especially used as a tool to let different subjects to discuss about
the system. In this case a doctor and communication designers.
This comparison instrument has allowed us to work and project
solutions.
27. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
MARCO BARBIERI
CHIARA BENEDETTI
more info on www.densitydesign.org
Project #1
Labirintignoti, orientation and exploration of environments
and seeds places for ipo conditions and also for blindness
28. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
VALENTINA CERUTI
MANUELA CIANCILLA
SARA DEAMBROSIS
more info on www.densitydesign.org
Project #2
H.story, a narrative based medicine project: patients are stories.
hstory.wordpress.com
29. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
representing the italian 04
infovis
h.Project
hospital system brief
analysis
map
then
references
ELOISA PAOLA FONTANA
GABRIELE MUSELLA
more info on www.densitydesign.org
Project #3
Houspital, adapting the system to multicultural differences.
30. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
who
coMPlexity
infovis
h.Project
05 references
download the map at hstory.wordpress.com/progetto
fore more info write at manuela.ciancilla@gmail.com
www.infovis.it
www.densitydesign.org
www.visualcomplexity.com
www.kinotek.org/soundsofcomplexity.html
Cilliers, P.
Complexity and Postmodernism: Understanding complex systems
London: Routledge, 1998
Preece, Rogers, Sharp
Interaction Design
John Wiley & Sons, 2002
31. MANUELA CIANCILLA Politecnico di Milano
Simplifying
Complexity
MARCO BARBIERI
CHIARA BENEDETTI
VALENTINA CERUTI
MANUELA CIANCILLA
SARA DEAMBROSIS
ELOISA PAOLA FONTANA
GABRIELE MUSELLA
Politecnico di Milano
Thanks!