Postgrau en Periodisme local, comarcal i social

Mòdul 3: la imatge i el grafisme

Pepa Badell

pepa.badell@uab.cat

Curs 2013/2014

Maquetació i disseny:

més enllà de la imatge

mailto:pepa.badell@uab.catmailto:pepa.badell@uab.catmailto:pepa.badell@uab.cat

L’entorn actual (1)

1. Periodisme + tecnologia: el Periodisme és un ofici marcat

pel desenvolupament tecnològic i de les comunicacions

2. Mitjans de proximitat Món global

3. Vells i nous conceptes: buscar el tema, documentar-se,

contrastar, jerarquitzar, produir i publicar

4. Consum d’informació multipantalla Nou públic

L’entorn actual (i2)

4. Com expliquem les històries? Utilitzant diferents gèneres,

que també podem combinar

5. On expliquem les històries? Publicant en diferents formats

i plataformes

6. ... Utilitzant diferents llenguatges de comunicació

7. I el disseny, què?

8. I la infografia i visualització de dades, què?

Un nou paradigma

Redacciones integradas

La informàtica en núvol (Cloud Computing) és una forma de computació que té els seus fonaments a Internet

i que mitjançant la qual, els recursos compartits, el programari i la informació, es proporcionen a ordinadors

i d'altres dispositius a la carta com a serveis. http://es.wikipedia.org/wiki/Computaci%C3%B3n_en_la_nube

http://es.wikipedia.org/wiki/Computaci%C3%B3n_en_la_nubehttp://es.wikipedia.org/wiki/Computaci%C3%B3n_en_la_nube

Formats

http://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.html

http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/

http://blogs.hoy.es/extredato/

http://www.causabrasil.com.br/

http://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/packages/html/nyregion/1-in-8-million/index.htmlhttp://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/http://blogs.hoy.es/extredato/http://blogs.hoy.es/extredato/http://www.causabrasil.com.br/http://www.causabrasil.com.br/

Productes periodístics: Formats (1)

Tradicionals

Imprès Audiovisual

Diaris

Revistes

Ràdio (paraula, sons, música)

Noticiaris cinematogràfics

TV (paraula, imatge estàtica, imatge en

moviment, imatge sintètica, música)

Productes periodístics: Formats (i 2)

Multimèdia

Informació escrita

Imatge estàtica

Sò Imatge

moviment

Video

Sintètica

Hipertext Eines interac- tivitat

combina

Combina –tot o en part – per obtenir un sol producte

Formats impresos

http://editorialorsai.com/

http://editorialorsai.com/revista/post/n16_portada

http://editorialorsai.com/http://editorialorsai.com/http://editorialorsai.com/revista/post/n16_portadahttp://editorialorsai.com/revista/post/n16_portada

Formats audiovisuals: ràdio

Formats audiovisuals:

Noticiari cinematogràfic

Formats audiovisuals: Televisió

Formats audiovisuals i multimèdia (1)

http://www.vilaweb.cat/

http://www.youtube.com/user/vilaweb/

https://twitter.com/VilaWeb

https://www.facebook.com/VilaWeb

http://storify.com/vilaweb

https://itunes.apple.com/es/podcast/vilaweb-tv/id144793303?mt=2

https://itunes.apple.com/es/podcast/linternauta-vilaweb/id392284769?ign-mpt=uo=4

http://www.oninstagram.com/vilaweb

http://www.vilaweb.cat/http://www.vilaweb.cat/http://www.youtube.com/user/vilaweb/http://www.youtube.com/user/vilaweb/https://twitter.com/VilaWebhttps://twitter.com/VilaWebhttps://www.facebook.com/VilaWebhttps://www.facebook.com/VilaWebhttp://storify.com/vilawebhttp://storify.com/vilawebhttps://itunes.apple.com/es/podcast/vilaweb-tv/id144793303?mt=2https://itunes.apple.com/es/podcast/vilaweb-tv/id144793303?mt=2https://itunes.apple.com/es/podcast/vilaweb-tv/id144793303?mt=2https://itunes.apple.com/es/podcast/vilaweb-tv/id144793303?mt=2https://itunes.apple.com/es/podcast/linternauta-vilaweb/id392284769?ign-mpt=uo=4https://itunes.apple.com/es/podcast/linternauta-vilaweb/id392284769?ign-mpt=uo=4https://itunes.apple.com/es/podcast/linternauta-vilaweb/id392284769?ign-mpt=uo=4https://itunes.apple.com/es/podcast/linternauta-vilaweb/id392284769?ign-mpt=uo=4https://itunes.apple.com/es/podcast/linternauta-vilaweb/id392284769?ign-mpt=uo=4https://itunes.apple.com/es/podcast/linternauta-vilaweb/id392284769?ign-mpt=uo=4http://www.oninstagram.com/vilawebhttp://www.oninstagram.com/vilaweb

Formats audiovisuals i multimèdia (i 2)

http://issuu.com/vilaweb/docs

http://issuu.com/vilaweb/docshttp://issuu.com/vilaweb/docs

I els gèneres periodístics? (1)

No és qüestió que hi hagi nous o vells; és que s’ha de fer d’una

altre manera: disposem d’eines i mitjans diferents que ens

proporcionen noves possibilitats de producció i també donen més

possibilitats al destinatari per crear la seva pròpia experiència

... Cada format amb el seu llenguatge

Diferents tecnologies Diferents llenguatges per expressar-se

No és el mateix

el llenguatge

utilitzat per fer

un text a la

web, que el de

preparar una

notícia

per la ràdio

o realitzar

un documental

en video

Cap a on anem?

El periodisme multimèdia interactiu,

és la manera més avançada de fer periodisme a la www

Invisible Child

There are more than

22,000 homeless

children in New

York, the highest

number since the

Great Depression.

This is one of their

stories.

Dec. 9, 2013

http://www.nytimes.com/projects/2013/invisible-child/http://www.nytimes.com/projects/2013/invisible-child/

Cap a on anem?

http://www.ayudaaldesarrollo.es/

2007/2012

http://www.ayudaaldesarrollo.es/http://www.ayudaaldesarrollo.es/http://www.ayudaaldesarrollo.es/http://www.ayudaaldesarrollo.es/

... I el disseny, què?

Els temps canvien La imatge també

http://www.elprat.cat/archivos/2

87-390-

pdf/El%20Prat%20190%20Abril%

202014PerWeb.pdf

http://revista.elprat.cat/190/

http://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://www.elprat.cat/archivos/287-390-pdf/El Prat 190 Abril 2014PerWeb.pdfhttp://revista.elprat.cat/190/http://revista.elprat.cat/190/

... I el disseny, què?

http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/#

http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/http://prezi.com/jwrggkuki8-r/vilaweb-periodisme-en-catala-a-internet-1995-2012/

... I la infografia, què?

... I la infografia, què?

http://www.causabrasil.com.br/

http://www.causabrasil.com.br/http://www.causabrasil.com.br/

El nou esquema de la comunicació

El destinatari és el centre, decideix i construeix el seu propi relat

Text

Imatge

Grafisme Àudio

Suport digital

Estàtica Galeries Vídeo

Normal Destacat Hipervincles

Estàtic 2D / 3D AnimàticaInteractiu

Directe Paraula Música

Ordinador Tablet

Smartphone TV-IP... Usuari /

Destinatari

Noves tendències de consum

de la informació (1)

Som multipantalla > Mateix producte a diferents dispositius d’una manera

asíncrona.

Podem personalitzar el nostre contingut> L’usuari és el protagonista

de l’experiència comunicativa.

Dues formes de consum de continguts > Seqüencial i Simultània

Seqüencial: Ens movem en diferents suports tecnològics segons preferències,

continguts o lloc de consum (Tablet durant un trajecte en tren, p.e.)

Simultània: Utilitzem més d’un dispositiu al mateix temps (TV + tablet, p.e.)

La TV ja no és l’estrella> Disposem de moltes altres pantalles que ens

permeten veure / consumir els productes de comunicació. Inclús la TV es veu, cada cop

més, a la carta. Ja no som esclaus de la graella.

Noves tendències de consum

de la informació (i 2)

La importància de la cerca > És pont més habitual en la selecció

seqüencial de dispositius.

Atenció dividida> La major part de les vegades estem consumin simultàniament

diferents suports fent diferents activitats alhora.

Smartphones: els protagonistes > Són els dispositius que utilitzem més

habitualment en qualsevol ocasió.

Més eficiència > Aquest consum i ús multipantalla ens proporciona la sensació

que “guanyem temps” i som més eficients.

Algunes preguntes

Quants dispositius utilitzes en una jornada?

Com a consumidors, què ens motiva per seleccionar un o

altre suport?

Quants consumidors utilitzen diferents dispositius per

realitzar les seves tasques?

Quines activitats et porten a realitzar una tasca d’un

dispositiu a l’altre?

Com s’utilitza el mòbil en combinació amb altres pantalles?

Quin paper te la cerca en la selecció entre diferents

dispositius?

... I busca

Reportatge en format tradicional

Reportatge en format audiovisual

Història en format multimèdia i interactiu

Lectures

Dades de contacte

Pepa Badell

pepa.badell@uab.cat

Departament de Comunicació Audiovisual i Publicitat - UAB

http://www.uab.cat/departament/audiovisual-publicitat-I/

http://pepabadell.wordpress.com/

http://pepabadell.wix.com/pepabadell

Twitter: @PepaBadell

https://www.facebook.com/PepaBadell

http://pinterest.com/pepabadell/

mailto:pepa.badell@uab.catmailto:pepa.badell@uab.catmailto:pepa.badell@uab.cathttp://www.uab.cat/departament/audiovisual-publicitat-I/http://www.uab.cat/departament/audiovisual-publicitat-I/http://www.uab.cat/departament/audiovisual-publicitat-I/http://www.uab.cat/departament/audiovisual-publicitat-I/http://www.uab.cat/departament/audiovisual-publicitat-I/http://www.uab.cat/departament/audiovisual-publicitat-I/http://www.uab.cat/departament/audiovisual-publicitat-I/http://www.uab.cat/departament/audiovisual-publicitat-I/http://pepabadell.wordpress.com/http://pepabadell.wordpress.com/http://pepabadell.wix.com/pepabadellhttp://pepabadell.wix.com/pepabadellhttps://twitter.com/PepaBadellhttps://twitter.com/PepaBadellhttps://www.facebook.com/PepaBadellhttps://www.facebook.com/PepaBadellhttp://pinterest.com/pepabadell/http://pinterest.com/pepabadell/http://pinterest.com/pepabadell/

Gràcies

;-)