SlideShare a Scribd company logo
1 of 34
Download to read offline
Visual tools to design
La rappresentazione visiva come
strumento per progettare esperienze,
tra digitale e reale
Roberta Tassi
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Studente
@Facoltà del Design, Politecnico di Milano
2008
Designer e ricercatore
@ Domus Academy
Designer e ricercatore
@ frog
Author & editor
@ Service Design Tools
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
REGIONE LOMBARDIA
LABORLAB!
2008
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Dalla progettazione
del prodotto alla
progettazione del servizio.
L’idea, che stava alla base delle prime riflessioni teoriche, era che lo
sviluppo di un servizio potesse essere supportato dagli stessi principi
del progetto che stanno alla base dello sviluppo di un prodotto,
adattando le conoscenze e i metodi di progettazione e
comunicazione del progetto propri della disciplina del design.
IL CONTESTO
~~~
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Emergono nuovi elementi
di complessità legati alla natura
intangibile del contenuto...
Concepire e sviluappre l’idea di un prodotto –ovvero di un oggetto fisico-
presenta però esigenze e difficoltà ben differenti dall’idea di pensare
e lavorare su un’idea di servizio, che per sua definizione combina elementi
tangibili ad elementi intangibili.
#experience #system #processs #information flow
IL PROBLEMA 1/2
~~~
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
...e alla molteplicità di attori
coinvolti nel processo
stesso di progettazione.
Con l’aumentare della complessità del contenuto che si va a progettare
aumenta anche il numero di interlocutori che partecipano al processo
stesso di progettazione, aprendosi verso l’esterno (utente finale) e verso
l’interno (organizzazione e soggetti abilitatori).
#designer #stakeholder #expert #provider #user
IL PROBLEMA 2/2
~~~
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Le rappresentazioni visive
rendono il contenuto da progettare
tangibile e condivisibile.
Non si tratta di un esercizio grafico teso a dare forme visive gradevoli
alle informazioni, ma di costruire modelli che supportano la concettualizzazione
e la formalizzazione dell’esperienza della persona, facilitando il ragionamento,
la collaborazione e lo sviluppo delle idee.
L’OPPORTUNITÀ
~~~
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Le rappresentazioni visive
permettono di descrivere
il sistema su cui si basa
le esperienze che progettiamo.
COME
~~~
#ecosystem #offering #model
MAPPA DEGLI ATTORI
(ecosystem map)
I ruoli che partecipano alla
definizione di una
esperienza attraverso le
sue fasi di ideazione,
sviluppo e
implementazione.
2010, frog | Novartis
MAPPA DEI
TOUCHPOINTS
Il sistema di punti di
contatto –fisici e digitali-
che danno luogo
all’esperienza e i relativi
flussi di informazione che li
connettono.
2010, frog | Novartis
MAPPA DEI VALORI
(o prestazioni)
Descrive lo scambio di
benefici -espliciti e
impliciti- che gli attori
percepiscono nello
svolgersi della
esperienza.
2013, frog | UNICEF
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Le rappresentazioni visive
permettono di descrivere i
flussi su cui si basano le
esperienze che progettiamo
COME
~~~
#process #interaction #experience #taskflow
MAPPA DELL’ESPERIENZA
(customer journey)
Descrive l’esperienza
sintetizzandone le fasi
principali lungo un asse
temporale lineare ed
evidenziando i touchpoints
coinvolti ad ogni step.
2010, frog | Technogym
MAPPA DEL PROCESSO
(service blueprint)
Descrive il processo di
interazione con un servizio
-sopra e sotto la linea di
visibilità- elencando tutti gli
attori coinvolti e le attività
svolte nelle diverse fasi.
2012, frog | Roche
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Le rappresentazioni visive
possono rispondere a diverse
esigenze progettuali.
Gli strumenti di visualizzazione assumono un ruolo cruciare nell’arco dell’intero
processo di progettazione, talvolta cristallizzandosi e diventanto punti di
riferimento lungo l’intero processo, talvolta evolvendosi con l’evolversi e
svilupparsi dell’idea, talvolta nascendo ad hoc per soddisfare un intento specifico
di un momento.
PERCHÈ
~~~
#analysis #ideation #development #implementation
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
#user research #empathy #in-depth interviews
LA VISUALIZZAZIONE COME STRUMENTO DI
2012, Diabetes Care User Resarch (Roche), Customer Journey
ENT SOLUTIONS TEAM BUSINESS UNIT GEOGRAPHY
HERAPEUTIC AREA PRACTICE
PHYSICIAN
BUDGET
RESOURCES
CUSTOM
INSIGH
PATIENT
HOSPITAL
THIRD PARTY
GOVERNMENT
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
#participatory design session #stakeholders #organization modeling
LA VISUALIZZAZIONE COME STRUMENTO DI
2013, Internal Reorganization Workshop (UCB), Ecosystem Map
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
#research #synthesis #insights #opportunities
LA VISUALIZZAZIONE COME STRUMENTO DI
2011, Diagnostic Testing - User Research (Artsana), Customer Joruney
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
#opportunities #solutions #ideas #brainstorming
LA VISUALIZZAZIONE COME STRUMENTO DI
2013, Turbomachinery - Innovation Pilot (GE), Customer Journey
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
#design foundation #framework #mental model #sharing
LA VISUALIZZAZIONE COME STRUMENTO DI
2010, Healthcare - Service Design (Novartis), Service Model
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
#touchpoints #service #implementation
LA VISUALIZZAZIONE COME STRUMENTO DI
2013, Telco - Service Design (Reliance), Touchpoints Map
PRINCIPI
~~~
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Visual tools to design:
Architetture visive
che mettono la persona
al centro della
rappresentazione.
PRINCIPI
~~~
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Visual tools to design:
Architetture visive che
rendono tangibile l’intangibile,
abbattendo la distinzione tra
reale e digitiale.
PRINCIPI
~~~
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
Visual tools to design:
Architetture visive che
definiscono un linguaggio
abilitando lo scambio
di conoscenza.
Choose the existing
shape, closest to
your needs.
Remove the think
border around the
figure.
Add the det
need to cha
your shape
STROKE RULES
0.5 pt 1 pt 3 pt
INNER ELEMTNS MAIN STROKES EXTRENAL OU
CUSTOMIZE ITEMS COLO
Stroke, fill, balloon and icon
colours can be customized
through the swatches library.
Open the spot swatch yo
to modify from the swatc
library (double click on it
the colour mix dn you wil
the colour being updated
the file.
COMPLEMENT THE ITEM
item name item name item name item name item name
item name item name item name item name item name
item name item name item name item name item name
item name item name item name item name item name
ambulance supply truck health center item name item name
ol pads vitamins sachet (i.e. ORS) oral pills condoms
(i.e. Zinc) diagnostic test box (i.e. amoxicillin) box (i.e. paracetamol) injectables
s respiratory timer blister (i.e. ACT) MUAC test item name
r and band thermometer syringe scissors RDT test
/bicycle globe clouds calendar uniform
bin board/signage register solar panel rain boots
al form training cards pencils torch rain coat item name item name item name item name item name
item name item name item name
item name item name item name item name item name
item name item name item name
When diagrams gets very small, it could be that rendering and visib
items can get poor and loose in readability. It is recommended the
integrate the schemes with purely flat pictograms for minor eleme
MISCELLANEAHEALTHCARE
empty truck filled truck
www.servicedesigntool.org
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
STRUMENTI DI
VISUALIZZAZIONE!
TRASFORMAZIONE!
FROM A BUSINESS
PERSPECTIVE TO A USER
CENTERED APPROACH!
Da un approccio che mette
al centro della progettazione
il prodotto, l’organizzazione
e i suoi obiettivi strategici ad
un approccio che mette al
centro le persone e
l’esperienza utente.!
FROM PRODUCING
PRODUCTS TO
DELIVERING SERVICES!
La transizione dalla sola
produzione di prodotti
all’offerta di servizi porta le
aziende a scontrarsi con
cambiamenti di struttura,
mentalità, competenze, ecc. !
TRANSFORMING
ORGANIZATIONS
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013FROM VISUAL
REPRESENTATIONS TO
ASSESSMENT TOOLS!
- - -!
FROM A STATIC VIEW 

TO AN ADAPTIVE MODEL!
- - -!
TRANSFORMING
SOCIETY
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
COSA SUCCEDE
IN EUROPA
DESIGN E ISTITUZIONI
PUBBLICHE!
- - -!
FROM A STATIC VIEW 

TO AN ADAPTIVE MODEL!
MINDLAB
is a cross-
governmental
innovation unit
which involves
citizens and
businesses in
developing new
solutions for the
public sector.
DK!
KENNISLAND
Social
innovation for a
smart society.
Kennisland
designs and
realises
interventions to
strengthen the
knowledge
society.
NE!
The social design agency
We help organizations to
innovate and tackle social issues
by thinking public.
UK!
We champion
great design. For
us that means
design which
improves lives and
makes things
better!
DESIGN E INNOVAZIONE
SOCIALE!
- - -!
VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
G R A Z I E

More Related Content

What's hot

This is Service Design in 25 useful tools
This is Service Design in 25 useful toolsThis is Service Design in 25 useful tools
This is Service Design in 25 useful toolsTijs Wilbrink
 
Service Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer ExperienceService Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer ExperienceIngjerd Straand Jevnaker
 
T.Ospito, a social innovation project
T.Ospito, a social innovation projectT.Ospito, a social innovation project
T.Ospito, a social innovation projectSruthy Chandran
 
This Is Service Design – UX Week 2011
This Is Service Design – UX Week 2011This Is Service Design – UX Week 2011
This Is Service Design – UX Week 2011Jamin Hegeman
 
Evolution of Design & Service Design
Evolution of Design & Service DesignEvolution of Design & Service Design
Evolution of Design & Service DesignChallis Hodge
 
Beyond the customer journey
Beyond the customer journeyBeyond the customer journey
Beyond the customer journeyLivework Studio
 
Circular Economy / Service Design Drinks
Circular Economy / Service Design DrinksCircular Economy / Service Design Drinks
Circular Economy / Service Design DrinksService Design Berlin
 
The role of service design in organizations
The role of service design in organizations The role of service design in organizations
The role of service design in organizations Carol Massá
 
What is service design?
What is service design?What is service design?
What is service design?Dhyana Scarano
 
Establishing a service design practice in large organisations
Establishing a service design practice in large organisations Establishing a service design practice in large organisations
Establishing a service design practice in large organisations Livework Studio
 
5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design Journey5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design JourneyJamin Hegeman
 
How Service Design Extends Other Disciplines
How Service Design Extends Other DisciplinesHow Service Design Extends Other Disciplines
How Service Design Extends Other DisciplinesRichard Ekelman, SDMT
 
Posti redefined: changing a 400-year old mammoth
Posti redefined: changing a 400-year old mammothPosti redefined: changing a 400-year old mammoth
Posti redefined: changing a 400-year old mammothJuho Paasonen
 
City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...
City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...
City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...Service Design Network
 
Design with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsPemo Theodore
 
Designing Services for the Public / Service Design Drinks
Designing Services for the Public / Service Design DrinksDesigning Services for the Public / Service Design Drinks
Designing Services for the Public / Service Design DrinksService Design Berlin
 
Customer journey mapping and innovation
Customer journey mapping and innovationCustomer journey mapping and innovation
Customer journey mapping and innovationLivework Studio
 

What's hot (20)

This is Service Design in 25 useful tools
This is Service Design in 25 useful toolsThis is Service Design in 25 useful tools
This is Service Design in 25 useful tools
 
on Service Design
on Service Designon Service Design
on Service Design
 
Service Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer ExperienceService Design Workshop: Designing the Customer Experience
Service Design Workshop: Designing the Customer Experience
 
T.Ospito, a social innovation project
T.Ospito, a social innovation projectT.Ospito, a social innovation project
T.Ospito, a social innovation project
 
This Is Service Design – UX Week 2011
This Is Service Design – UX Week 2011This Is Service Design – UX Week 2011
This Is Service Design – UX Week 2011
 
Evolution of Design & Service Design
Evolution of Design & Service DesignEvolution of Design & Service Design
Evolution of Design & Service Design
 
Beyond the customer journey
Beyond the customer journeyBeyond the customer journey
Beyond the customer journey
 
Circular Economy / Service Design Drinks
Circular Economy / Service Design DrinksCircular Economy / Service Design Drinks
Circular Economy / Service Design Drinks
 
Service Design Doing
Service Design DoingService Design Doing
Service Design Doing
 
The role of service design in organizations
The role of service design in organizations The role of service design in organizations
The role of service design in organizations
 
What is service design?
What is service design?What is service design?
What is service design?
 
Establishing a service design practice in large organisations
Establishing a service design practice in large organisations Establishing a service design practice in large organisations
Establishing a service design practice in large organisations
 
5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design Journey5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design Journey
 
How Service Design Extends Other Disciplines
How Service Design Extends Other DisciplinesHow Service Design Extends Other Disciplines
How Service Design Extends Other Disciplines
 
Service Design
Service Design Service Design
Service Design
 
Posti redefined: changing a 400-year old mammoth
Posti redefined: changing a 400-year old mammothPosti redefined: changing a 400-year old mammoth
Posti redefined: changing a 400-year old mammoth
 
City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...
City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...
City as a Service: How to Design a New Urban Experience - Yegor Korobeynikov ...
 
Design with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business Models
 
Designing Services for the Public / Service Design Drinks
Designing Services for the Public / Service Design DrinksDesigning Services for the Public / Service Design Drinks
Designing Services for the Public / Service Design Drinks
 
Customer journey mapping and innovation
Customer journey mapping and innovationCustomer journey mapping and innovation
Customer journey mapping and innovation
 

Viewers also liked

Drive Successful Innovation with User-Friendly User-Centred Design
Drive Successful Innovation with User-Friendly User-Centred DesignDrive Successful Innovation with User-Friendly User-Centred Design
Drive Successful Innovation with User-Friendly User-Centred DesignRoberta Tassi
 
Presentazione finale laurea
Presentazione finale laureaPresentazione finale laurea
Presentazione finale laureaPaola Paleari
 
Teaching Old Markets New Tricks
Teaching Old Markets New Tricks Teaching Old Markets New Tricks
Teaching Old Markets New Tricks frog
 
Tesi di Laurea. Progettazione di un libro visivo.
Tesi di Laurea. Progettazione di un libro visivo.Tesi di Laurea. Progettazione di un libro visivo.
Tesi di Laurea. Progettazione di un libro visivo.Alessio Vanin
 
Library Innovation Game
Library Innovation GameLibrary Innovation Game
Library Innovation GameSnook
 
Saving lives by Design
Saving lives by DesignSaving lives by Design
Saving lives by DesignThomas Sutton
 
Designing Pathways Around People
Designing Pathways Around PeopleDesigning Pathways Around People
Designing Pathways Around PeopleThomas Sutton
 
Dal thinking design al making service design
Dal thinking design al making service designDal thinking design al making service design
Dal thinking design al making service designLogotel
 
Toolkit analysis serv753wint13
Toolkit analysis serv753wint13Toolkit analysis serv753wint13
Toolkit analysis serv753wint13Lauren Peters
 
Tech Trends 2014
Tech Trends 2014 Tech Trends 2014
Tech Trends 2014 frog
 
Enabling Innovation: A Designers Perspective
Enabling Innovation: A Designers PerspectiveEnabling Innovation: A Designers Perspective
Enabling Innovation: A Designers PerspectiveThomas Sutton
 
Semiotica e progetto (Lezione di design)
Semiotica e progetto (Lezione di design)Semiotica e progetto (Lezione di design)
Semiotica e progetto (Lezione di design)Salvatore Zingale
 
Shaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile DevelopmentShaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile Developmentfrog
 
Expansion Through Ecosystems - J. Scott King, Frog
Expansion Through Ecosystems - J. Scott King, FrogExpansion Through Ecosystems - J. Scott King, Frog
Expansion Through Ecosystems - J. Scott King, FrogService Design Network
 
PoliBrain Service - Ruggero Motta's Master Thesis
PoliBrain Service - Ruggero Motta's Master ThesisPoliBrain Service - Ruggero Motta's Master Thesis
PoliBrain Service - Ruggero Motta's Master Thesisruggeromotta
 

Viewers also liked (20)

Drive Successful Innovation with User-Friendly User-Centred Design
Drive Successful Innovation with User-Friendly User-Centred DesignDrive Successful Innovation with User-Friendly User-Centred Design
Drive Successful Innovation with User-Friendly User-Centred Design
 
Rooming
RoomingRooming
Rooming
 
Presentazione finale laurea
Presentazione finale laureaPresentazione finale laurea
Presentazione finale laurea
 
Teaching Old Markets New Tricks
Teaching Old Markets New Tricks Teaching Old Markets New Tricks
Teaching Old Markets New Tricks
 
Tesi di Laurea. Progettazione di un libro visivo.
Tesi di Laurea. Progettazione di un libro visivo.Tesi di Laurea. Progettazione di un libro visivo.
Tesi di Laurea. Progettazione di un libro visivo.
 
Library Innovation Game
Library Innovation GameLibrary Innovation Game
Library Innovation Game
 
Online Innovation
Online InnovationOnline Innovation
Online Innovation
 
Saving lives by Design
Saving lives by DesignSaving lives by Design
Saving lives by Design
 
Designing Pathways Around People
Designing Pathways Around PeopleDesigning Pathways Around People
Designing Pathways Around People
 
Dal thinking design al making service design
Dal thinking design al making service designDal thinking design al making service design
Dal thinking design al making service design
 
Toolkit analysis serv753wint13
Toolkit analysis serv753wint13Toolkit analysis serv753wint13
Toolkit analysis serv753wint13
 
Tech Trends 2014
Tech Trends 2014 Tech Trends 2014
Tech Trends 2014
 
GIGAS
GIGASGIGAS
GIGAS
 
Enabling Innovation: A Designers Perspective
Enabling Innovation: A Designers PerspectiveEnabling Innovation: A Designers Perspective
Enabling Innovation: A Designers Perspective
 
Semiotica e progetto (Lezione di design)
Semiotica e progetto (Lezione di design)Semiotica e progetto (Lezione di design)
Semiotica e progetto (Lezione di design)
 
Gluten Free Experience
Gluten Free ExperienceGluten Free Experience
Gluten Free Experience
 
Shaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile DevelopmentShaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile Development
 
ColtivandoTools wsp+toolkit
ColtivandoTools wsp+toolkitColtivandoTools wsp+toolkit
ColtivandoTools wsp+toolkit
 
Expansion Through Ecosystems - J. Scott King, Frog
Expansion Through Ecosystems - J. Scott King, FrogExpansion Through Ecosystems - J. Scott King, Frog
Expansion Through Ecosystems - J. Scott King, Frog
 
PoliBrain Service - Ruggero Motta's Master Thesis
PoliBrain Service - Ruggero Motta's Master ThesisPoliBrain Service - Ruggero Motta's Master Thesis
PoliBrain Service - Ruggero Motta's Master Thesis
 

Similar to Visual tools to design

exhibition design 1_ambiti/pianificazione
exhibition design 1_ambiti/pianificazioneexhibition design 1_ambiti/pianificazione
exhibition design 1_ambiti/pianificazioneDaniele Francaviglia
 
Previous Curriculum Vitae Europass
Previous Curriculum Vitae Europass Previous Curriculum Vitae Europass
Previous Curriculum Vitae Europass Giuseppe Nenna
 
Portfolio ux ui_gellify
Portfolio ux ui_gellifyPortfolio ux ui_gellify
Portfolio ux ui_gellifyGELLIFY
 
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...dario betti
 
Service and experience prototyping - Vincenzo Di Maria
Service and experience prototyping - Vincenzo Di MariaService and experience prototyping - Vincenzo Di Maria
Service and experience prototyping - Vincenzo Di MariaODMPlatformOpenDesig
 
Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...
Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...
Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...Nuvolab
 
14. Conclusione del corso
14. Conclusione del corso14. Conclusione del corso
14. Conclusione del corsoRoberto Polillo
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatarRoberto Cobianchi
 
RAVELLO LAB 2014 | Ettore Bambi, Proago
RAVELLO LAB 2014 | Ettore Bambi, Proago RAVELLO LAB 2014 | Ettore Bambi, Proago
RAVELLO LAB 2014 | Ettore Bambi, Proago Creactivitas
 
Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5Francesco Rodighiero
 
Giorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancio
Giorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancioGiorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancio
Giorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancioDigital Accademia
 

Similar to Visual tools to design (20)

IX Summit Architecta | Dall'ascolto alla progettazione | Bologna 24 Ottobre 2015
IX Summit Architecta | Dall'ascolto alla progettazione | Bologna 24 Ottobre 2015IX Summit Architecta | Dall'ascolto alla progettazione | Bologna 24 Ottobre 2015
IX Summit Architecta | Dall'ascolto alla progettazione | Bologna 24 Ottobre 2015
 
exhibition design 1_ambiti/pianificazione
exhibition design 1_ambiti/pianificazioneexhibition design 1_ambiti/pianificazione
exhibition design 1_ambiti/pianificazione
 
Layout tesi stampa
Layout tesi stampaLayout tesi stampa
Layout tesi stampa
 
Previous Curriculum Vitae Europass
Previous Curriculum Vitae Europass Previous Curriculum Vitae Europass
Previous Curriculum Vitae Europass
 
1.Introduzione al corso
1.Introduzione al corso1.Introduzione al corso
1.Introduzione al corso
 
Rb 2015 xl
Rb 2015 xlRb 2015 xl
Rb 2015 xl
 
Portfolio ux ui_gellify
Portfolio ux ui_gellifyPortfolio ux ui_gellify
Portfolio ux ui_gellify
 
Save the building make your business
Save the building make your businessSave the building make your business
Save the building make your business
 
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...
 
Service and experience prototyping - Vincenzo Di Maria
Service and experience prototyping - Vincenzo Di MariaService and experience prototyping - Vincenzo Di Maria
Service and experience prototyping - Vincenzo Di Maria
 
Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...
Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...
Nuvolab - Digital e Startup: un Mezzo per il Restart di PMI e Manager (A+ Net...
 
14. Conclusione del corso
14. Conclusione del corso14. Conclusione del corso
14. Conclusione del corso
 
programma 2009-2010
programma 2009-2010programma 2009-2010
programma 2009-2010
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatar
 
RAVELLO LAB 2014 | Ettore Bambi, Proago
RAVELLO LAB 2014 | Ettore Bambi, Proago RAVELLO LAB 2014 | Ettore Bambi, Proago
RAVELLO LAB 2014 | Ettore Bambi, Proago
 
Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5
 
Giorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancio
Giorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancioGiorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancio
Giorgia Lupi e Gabriele Rossi, Reinventare i contenuti: VoceArancio
 
ONL-i DAYS: Guida all'evento V.1
ONL-i DAYS: Guida all'evento V.1ONL-i DAYS: Guida all'evento V.1
ONL-i DAYS: Guida all'evento V.1
 
ONL-i DAYS: Guida all'evento V.2
ONL-i DAYS: Guida all'evento V.2ONL-i DAYS: Guida all'evento V.2
ONL-i DAYS: Guida all'evento V.2
 
ONL-i DAYS: Guida all'evento V.3
ONL-i DAYS: Guida all'evento V.3ONL-i DAYS: Guida all'evento V.3
ONL-i DAYS: Guida all'evento V.3
 

Visual tools to design

  • 1. Visual tools to design La rappresentazione visiva come strumento per progettare esperienze, tra digitale e reale Roberta Tassi VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
  • 2. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Studente @Facoltà del Design, Politecnico di Milano 2008 Designer e ricercatore @ Domus Academy Designer e ricercatore @ frog Author & editor @ Service Design Tools
  • 3. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 REGIONE LOMBARDIA LABORLAB! 2008
  • 4. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
  • 5. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Dalla progettazione del prodotto alla progettazione del servizio. L’idea, che stava alla base delle prime riflessioni teoriche, era che lo sviluppo di un servizio potesse essere supportato dagli stessi principi del progetto che stanno alla base dello sviluppo di un prodotto, adattando le conoscenze e i metodi di progettazione e comunicazione del progetto propri della disciplina del design. IL CONTESTO ~~~
  • 6. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Emergono nuovi elementi di complessità legati alla natura intangibile del contenuto... Concepire e sviluappre l’idea di un prodotto –ovvero di un oggetto fisico- presenta però esigenze e difficoltà ben differenti dall’idea di pensare e lavorare su un’idea di servizio, che per sua definizione combina elementi tangibili ad elementi intangibili. #experience #system #processs #information flow IL PROBLEMA 1/2 ~~~
  • 7. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 ...e alla molteplicità di attori coinvolti nel processo stesso di progettazione. Con l’aumentare della complessità del contenuto che si va a progettare aumenta anche il numero di interlocutori che partecipano al processo stesso di progettazione, aprendosi verso l’esterno (utente finale) e verso l’interno (organizzazione e soggetti abilitatori). #designer #stakeholder #expert #provider #user IL PROBLEMA 2/2 ~~~
  • 8. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Le rappresentazioni visive rendono il contenuto da progettare tangibile e condivisibile. Non si tratta di un esercizio grafico teso a dare forme visive gradevoli alle informazioni, ma di costruire modelli che supportano la concettualizzazione e la formalizzazione dell’esperienza della persona, facilitando il ragionamento, la collaborazione e lo sviluppo delle idee. L’OPPORTUNITÀ ~~~
  • 9. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Le rappresentazioni visive permettono di descrivere il sistema su cui si basa le esperienze che progettiamo. COME ~~~ #ecosystem #offering #model
  • 10. MAPPA DEGLI ATTORI (ecosystem map) I ruoli che partecipano alla definizione di una esperienza attraverso le sue fasi di ideazione, sviluppo e implementazione. 2010, frog | Novartis
  • 11. MAPPA DEI TOUCHPOINTS Il sistema di punti di contatto –fisici e digitali- che danno luogo all’esperienza e i relativi flussi di informazione che li connettono. 2010, frog | Novartis
  • 12. MAPPA DEI VALORI (o prestazioni) Descrive lo scambio di benefici -espliciti e impliciti- che gli attori percepiscono nello svolgersi della esperienza. 2013, frog | UNICEF
  • 13. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Le rappresentazioni visive permettono di descrivere i flussi su cui si basano le esperienze che progettiamo COME ~~~ #process #interaction #experience #taskflow
  • 14. MAPPA DELL’ESPERIENZA (customer journey) Descrive l’esperienza sintetizzandone le fasi principali lungo un asse temporale lineare ed evidenziando i touchpoints coinvolti ad ogni step. 2010, frog | Technogym
  • 15. MAPPA DEL PROCESSO (service blueprint) Descrive il processo di interazione con un servizio -sopra e sotto la linea di visibilità- elencando tutti gli attori coinvolti e le attività svolte nelle diverse fasi. 2012, frog | Roche
  • 16. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Le rappresentazioni visive possono rispondere a diverse esigenze progettuali. Gli strumenti di visualizzazione assumono un ruolo cruciare nell’arco dell’intero processo di progettazione, talvolta cristallizzandosi e diventanto punti di riferimento lungo l’intero processo, talvolta evolvendosi con l’evolversi e svilupparsi dell’idea, talvolta nascendo ad hoc per soddisfare un intento specifico di un momento. PERCHÈ ~~~ #analysis #ideation #development #implementation
  • 17. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 #user research #empathy #in-depth interviews LA VISUALIZZAZIONE COME STRUMENTO DI 2012, Diabetes Care User Resarch (Roche), Customer Journey
  • 18. ENT SOLUTIONS TEAM BUSINESS UNIT GEOGRAPHY HERAPEUTIC AREA PRACTICE PHYSICIAN BUDGET RESOURCES CUSTOM INSIGH PATIENT HOSPITAL THIRD PARTY GOVERNMENT VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 #participatory design session #stakeholders #organization modeling LA VISUALIZZAZIONE COME STRUMENTO DI 2013, Internal Reorganization Workshop (UCB), Ecosystem Map
  • 19. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 #research #synthesis #insights #opportunities LA VISUALIZZAZIONE COME STRUMENTO DI 2011, Diagnostic Testing - User Research (Artsana), Customer Joruney
  • 20. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 #opportunities #solutions #ideas #brainstorming LA VISUALIZZAZIONE COME STRUMENTO DI 2013, Turbomachinery - Innovation Pilot (GE), Customer Journey
  • 21. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 #design foundation #framework #mental model #sharing LA VISUALIZZAZIONE COME STRUMENTO DI 2010, Healthcare - Service Design (Novartis), Service Model
  • 22. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 #touchpoints #service #implementation LA VISUALIZZAZIONE COME STRUMENTO DI 2013, Telco - Service Design (Reliance), Touchpoints Map
  • 23. PRINCIPI ~~~ VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Visual tools to design: Architetture visive che mettono la persona al centro della rappresentazione.
  • 24. PRINCIPI ~~~ VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Visual tools to design: Architetture visive che rendono tangibile l’intangibile, abbattendo la distinzione tra reale e digitiale.
  • 25. PRINCIPI ~~~ VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 Visual tools to design: Architetture visive che definiscono un linguaggio abilitando lo scambio di conoscenza. Choose the existing shape, closest to your needs. Remove the think border around the figure. Add the det need to cha your shape STROKE RULES 0.5 pt 1 pt 3 pt INNER ELEMTNS MAIN STROKES EXTRENAL OU CUSTOMIZE ITEMS COLO Stroke, fill, balloon and icon colours can be customized through the swatches library. Open the spot swatch yo to modify from the swatc library (double click on it the colour mix dn you wil the colour being updated the file. COMPLEMENT THE ITEM item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name ambulance supply truck health center item name item name ol pads vitamins sachet (i.e. ORS) oral pills condoms (i.e. Zinc) diagnostic test box (i.e. amoxicillin) box (i.e. paracetamol) injectables s respiratory timer blister (i.e. ACT) MUAC test item name r and band thermometer syringe scissors RDT test /bicycle globe clouds calendar uniform bin board/signage register solar panel rain boots al form training cards pencils torch rain coat item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name item name When diagrams gets very small, it could be that rendering and visib items can get poor and loose in readability. It is recommended the integrate the schemes with purely flat pictograms for minor eleme MISCELLANEAHEALTHCARE empty truck filled truck
  • 26. www.servicedesigntool.org VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
  • 27. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 STRUMENTI DI VISUALIZZAZIONE! TRASFORMAZIONE!
  • 28. FROM A BUSINESS PERSPECTIVE TO A USER CENTERED APPROACH! Da un approccio che mette al centro della progettazione il prodotto, l’organizzazione e i suoi obiettivi strategici ad un approccio che mette al centro le persone e l’esperienza utente.! FROM PRODUCING PRODUCTS TO DELIVERING SERVICES! La transizione dalla sola produzione di prodotti all’offerta di servizi porta le aziende a scontrarsi con cambiamenti di struttura, mentalità, competenze, ecc. ! TRANSFORMING ORGANIZATIONS VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
  • 29. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013FROM VISUAL REPRESENTATIONS TO ASSESSMENT TOOLS! - - -! FROM A STATIC VIEW 
 TO AN ADAPTIVE MODEL! - - -! TRANSFORMING SOCIETY
  • 30. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
  • 31. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
  • 32. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013 COSA SUCCEDE IN EUROPA DESIGN E ISTITUZIONI PUBBLICHE! - - -! FROM A STATIC VIEW 
 TO AN ADAPTIVE MODEL! MINDLAB is a cross- governmental innovation unit which involves citizens and businesses in developing new solutions for the public sector. DK! KENNISLAND Social innovation for a smart society. Kennisland designs and realises interventions to strengthen the knowledge society. NE! The social design agency We help organizations to innovate and tackle social issues by thinking public. UK! We champion great design. For us that means design which improves lives and makes things better! DESIGN E INNOVAZIONE SOCIALE! - - -!
  • 33. VII Summit Italiano di Architettura dell’Informazione / Bologna 15 –16 novembre 2013
  • 34. G R A Z I E