SlideShare a Scribd company logo
1 of 57
From news to
experience
Information architecture
for journalism
Luca Rosati
Federico Badaloni
INTERNATIONAL JOURNALISM
FESTIVAL, PERUGIA 2015
looseendsl,Flickr
Luca
Information
architect
lucarosati.it
@lucarosati
Federico
Information
architect,
la Repubblica
l’Espresso group
federicobadaloni.
blog.kataweb.it
@fedebadaloni
Relationships
Thinking of the world
as a set of objects
seems to work less
and less.
An object exists as a
node of a network of
interactions and
relationships
– Carlo Rovelli
Università di Roma 2
Presence =
relationship
in a context
Walters Art Museum Illuminated Manuscripts, Flickr
Presence = relationship
in a connection
whatmattdoes, Flickr
gnuckx, Flickr
Context = features of the connection
https://www.flickr.com/photos/pabak/Pabak Sarkar, Flickr
https://www.flickr.com/photos/wazari/
Wazari Wazir, Flickr
Experience
Experience is...
path
Sean Stephens, Flickr
storytelling
Walter Lim, Flickr
Content becomes experience
through the relationships
To survive, car brands must use the new technologies and
social trends to transform themselves into service
companies that provide mobility to their customers, rather
than just cars
The conventional restaurant model is dying, and that’s a
good thing. No longer is a single restaurateur or type of
cuisine assigned to a single property. It’s all about feeling
the foodie love and sharing space
If our role as journalists is to help
communities better organize their
knowledge and themselves, then it is
apparent that we are in the service business
and that we must draw on many tools,
including content, and place value on the
relationships we build with members of our
communities, which will also take many forms.
Thus we are in the relationship business.
– Jeff Jarvis
http://is.gd/5SYEin
Connections
Connectors are required
Content curation
simpleinsomnia, Flickr
Authorial
(subjective)
Not authorial
(objective)
Hand-madeAlgorithmical
Text
Images
Videos
Rectifications
Updates
Quotes
Link
Embed audioTweet Embed videos
Software
Storytelling
Embed texts
Comments
http://racconta.gelocal.it/la-grande-guerra/
Physical-digital ecosystems:
atoms and bits merge
Tenuta Castelbuono, Bevagna
– Alicia Nijdam, Flickr
http://www.citeworld.com
Trackable
UK College of Agriculture,
Food & Environment, Flickr
Adafruit Industries, Flickr
WSJ,AweekonFoursquare
Institute for the Future, A planet of civic laboratories.
The future of cities, information, and inclusion
Tools
to design relationships
Functional maps
NEEDS FUNCTIONS
voglio capire a cosa serve questo sito e quali contenuti offre mostrare identità e obiettivi del sito
voglio vedere di cosa parla questo sito mostrare la lista dei temi trattati
voglio vedere di cosa parla questo sito mostrare la lista degli eventi bellici trattati
voglio vedere tutte le storie che ci sono mostrare la lista di tutti gli estratti
voglio conoscere la vita di “Augusto Aglietti” mostrare la scheda di un autore
voglio leggere la storia “Una grandinata di bombe” mostrare la scheda di un estratto
voglio leggere tutte le storie di Augusto Aglietti mostrare tutti gli estratti di un determinato autore
voglio vedere tutto ciò che c’è sul tema della fame mostrare gli estratti che trattano un determinato tema
voglio vedere tutti gli estratti che si riferiscono alla disfatta di
Caporetto
mostrare gli estratti che trattano un determinato evento bellico
Mostrare identità e obiettivi del sito
Mostrare la lista dei
temi trattati
Mostrare la lista degli
eventi bellici
Mostrare la lista degli
autori
Mostrare la lista degli
estratti
Mostrare un estratto Mostrare la scheda
autore
Mostrare la lista degli
estratti associati a un
tema
Mostrare la lista degli
estratti associati a un
evento
ID & tagline
Excerpt
Place
Related excerpts on
the same topics
Related excerpts by
the same author
Related excerpts in
the same place
Share
Main navigation
Journey maps
Time (tasks over time)Space(touchpoints)
Hands on
Let’s design the cross-channel
information architecture of a
hyperlocal newspaper
What: hyperlocal newspaper
Who: target are families with children
(0-12 years old)
Why: covering the local district dimension
(neglected by the mainstream newspapers)
How: user journey map
Information
need
Information
seeking
Interpreting,
validating
Use …
Discover,
recognise a
need
Acquire
information
(directly or
indirectly)
Contextualise,
compare,
discuss etc.
Make a
decision,
share etc.
…
Touchpoint People
Tv, radio,
press
website(s)
Social
email
etc.
Topics Education,
leisure and
culture, sport
etc.
From news to
experience
Information architecture
for journalism
Luca Rosati
Federico Badaloni
INTERNATIONAL JOURNALISM
FESTIVAL, PERUGIA 2015
looseendsl,Flickr

More Related Content

More from Luca Rosati

Dal prodotto all'esperienza. Verso un design sistemico
Dal prodotto all'esperienza. Verso un design sistemicoDal prodotto all'esperienza. Verso un design sistemico
Dal prodotto all'esperienza. Verso un design sistemicoLuca Rosati
 
Beacon, proximity marketing e user experience
Beacon, proximity marketing e user experienceBeacon, proximity marketing e user experience
Beacon, proximity marketing e user experienceLuca Rosati
 
Happiness is user research
Happiness is user researchHappiness is user research
Happiness is user researchLuca Rosati
 
Sensemaking through Information Architecture
Sensemaking through Information ArchitectureSensemaking through Information Architecture
Sensemaking through Information ArchitectureLuca Rosati
 
From product to experience: Building memorable user experiences
From product to experience: Building memorable user experiencesFrom product to experience: Building memorable user experiences
From product to experience: Building memorable user experiencesLuca Rosati
 
Ti piace scegliere facile? Progettare architetture informative per scelte sen...
Ti piace scegliere facile? Progettare architetture informative per scelte sen...Ti piace scegliere facile? Progettare architetture informative per scelte sen...
Ti piace scegliere facile? Progettare architetture informative per scelte sen...Luca Rosati
 
How to design interfaces for choice
How to design interfaces for choiceHow to design interfaces for choice
How to design interfaces for choiceLuca Rosati
 
Places as information architecture and palimpsest
Places as information architecture and palimpsestPlaces as information architecture and palimpsest
Places as information architecture and palimpsestLuca Rosati
 
Information Architecture for Cross-channel Experiences
Information Architecture for Cross-channel ExperiencesInformation Architecture for Cross-channel Experiences
Information Architecture for Cross-channel ExperiencesLuca Rosati
 
Choosability. Facilitare la scelta nelle interfacce di navigazione
Choosability. Facilitare la scelta nelle interfacce di navigazioneChoosability. Facilitare la scelta nelle interfacce di navigazione
Choosability. Facilitare la scelta nelle interfacce di navigazioneLuca Rosati
 
From product to ecosystem
From product to ecosystemFrom product to ecosystem
From product to ecosystemLuca Rosati
 
Cross-channel design all'Istituto degli Innocenti di Firenze
Cross-channel design all'Istituto degli Innocenti di FirenzeCross-channel design all'Istituto degli Innocenti di Firenze
Cross-channel design all'Istituto degli Innocenti di FirenzeLuca Rosati
 
Architettura dell'informazione pervasiva
Architettura dell'informazione pervasivaArchitettura dell'informazione pervasiva
Architettura dell'informazione pervasivaLuca Rosati
 
Coerenza. Linee guida per l'architettura dell'informazione
Coerenza. Linee guida per l'architettura dell'informazioneCoerenza. Linee guida per l'architettura dell'informazione
Coerenza. Linee guida per l'architettura dell'informazioneLuca Rosati
 
Resilienza. Linee guida per l'architettura dell'informazione
Resilienza. Linee guida per l'architettura dell'informazioneResilienza. Linee guida per l'architettura dell'informazione
Resilienza. Linee guida per l'architettura dell'informazioneLuca Rosati
 
La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...
La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...
La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...Luca Rosati
 
Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...
Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...
Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...Luca Rosati
 
Beyond flatland: Dal prodotto all'ecosistema
Beyond flatland: Dal prodotto all'ecosistemaBeyond flatland: Dal prodotto all'ecosistema
Beyond flatland: Dal prodotto all'ecosistemaLuca Rosati
 
Architettura dell'informazione: linee guida
Architettura dell'informazione: linee guidaArchitettura dell'informazione: linee guida
Architettura dell'informazione: linee guidaLuca Rosati
 

More from Luca Rosati (20)

Dal prodotto all'esperienza. Verso un design sistemico
Dal prodotto all'esperienza. Verso un design sistemicoDal prodotto all'esperienza. Verso un design sistemico
Dal prodotto all'esperienza. Verso un design sistemico
 
Beacon, proximity marketing e user experience
Beacon, proximity marketing e user experienceBeacon, proximity marketing e user experience
Beacon, proximity marketing e user experience
 
Happiness is user research
Happiness is user researchHappiness is user research
Happiness is user research
 
Sensemaking through Information Architecture
Sensemaking through Information ArchitectureSensemaking through Information Architecture
Sensemaking through Information Architecture
 
From product to experience: Building memorable user experiences
From product to experience: Building memorable user experiencesFrom product to experience: Building memorable user experiences
From product to experience: Building memorable user experiences
 
Ti piace scegliere facile? Progettare architetture informative per scelte sen...
Ti piace scegliere facile? Progettare architetture informative per scelte sen...Ti piace scegliere facile? Progettare architetture informative per scelte sen...
Ti piace scegliere facile? Progettare architetture informative per scelte sen...
 
How to design interfaces for choice
How to design interfaces for choiceHow to design interfaces for choice
How to design interfaces for choice
 
Places as information architecture and palimpsest
Places as information architecture and palimpsestPlaces as information architecture and palimpsest
Places as information architecture and palimpsest
 
Information Architecture for Cross-channel Experiences
Information Architecture for Cross-channel ExperiencesInformation Architecture for Cross-channel Experiences
Information Architecture for Cross-channel Experiences
 
Pinterest
PinterestPinterest
Pinterest
 
Choosability. Facilitare la scelta nelle interfacce di navigazione
Choosability. Facilitare la scelta nelle interfacce di navigazioneChoosability. Facilitare la scelta nelle interfacce di navigazione
Choosability. Facilitare la scelta nelle interfacce di navigazione
 
From product to ecosystem
From product to ecosystemFrom product to ecosystem
From product to ecosystem
 
Cross-channel design all'Istituto degli Innocenti di Firenze
Cross-channel design all'Istituto degli Innocenti di FirenzeCross-channel design all'Istituto degli Innocenti di Firenze
Cross-channel design all'Istituto degli Innocenti di Firenze
 
Architettura dell'informazione pervasiva
Architettura dell'informazione pervasivaArchitettura dell'informazione pervasiva
Architettura dell'informazione pervasiva
 
Coerenza. Linee guida per l'architettura dell'informazione
Coerenza. Linee guida per l'architettura dell'informazioneCoerenza. Linee guida per l'architettura dell'informazione
Coerenza. Linee guida per l'architettura dell'informazione
 
Resilienza. Linee guida per l'architettura dell'informazione
Resilienza. Linee guida per l'architettura dell'informazioneResilienza. Linee guida per l'architettura dell'informazione
Resilienza. Linee guida per l'architettura dell'informazione
 
La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...
La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...
La felicità è una scelta facile: Progettare menu interfacce e sistemi stress-...
 
Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...
Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...
Realtà aumentata e network geolocalizzati. Arricchire l'esperienza utente int...
 
Beyond flatland: Dal prodotto all'ecosistema
Beyond flatland: Dal prodotto all'ecosistemaBeyond flatland: Dal prodotto all'ecosistema
Beyond flatland: Dal prodotto all'ecosistema
 
Architettura dell'informazione: linee guida
Architettura dell'informazione: linee guidaArchitettura dell'informazione: linee guida
Architettura dell'informazione: linee guida
 

Recently uploaded

定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一Fs
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa494f574xmv
 
Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITMgdsc13
 
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)Christopher H Felton
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书rnrncn29
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一z xss
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Sonam Pathan
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxDyna Gilbert
 
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New DelhiContact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhimiss dipika
 
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxQ4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxeditsforyah
 
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New OrleansElevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleanscorenetworkseo
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Sonam Pathan
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书zdzoqco
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Paul Calvano
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predieusebiomeyer
 
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMagic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMartaLoveguard
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作ys8omjxb
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationLinaWolf1
 

Recently uploaded (20)

定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
 
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa
 
Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITM
 
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
 
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
 
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New DelhiContact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhi
 
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxQ4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptx
 
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New OrleansElevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleans
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
 
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMagic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptx
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 Documentation
 

Information architecture for journalism