Diseño y visualización

online

Máster UNIVersItArIO eN DOCUMeNtAL Y rePOrtAJe PerIODÍstICO trANsMeDIA

sección

2

Los periodistas trabajan cada día para conseguir información...

Las informaciones son interpretadas, contextualizadas y se establece una jerarquía...

Para la presentación de estas noticias se necesi-tan conocimientos y habilidades ...

Uno de esos niveles está inmerso en la línea del tiem-po y la distancia de las cosas

La infografía por si misma, por muy bonita que sea, no significa nada si no transmite información.

Infografía ilustrada, además de la información se im-plementa con ilustraciones que interpretan los textos

+

+

+

+

Los gráficos de datos e infográficos son muy efectivos cuando no existen fotografías

Surgen entonces representaciones visuales que son falsas infografías

Infografías analíticas. Utilizan la información en base al análisis de los datos, principalmente estadísticos

La visión es un proceso activo. Junto al cerebro libe-ra una respuesta. (Teoría computacional de la men-te). Albert Cairo

+

+

+

+

+

+

3

Primera infografía: Diario The Time1806. Asesinato Mr. Blight

4

Guerra del Golfo

5

Consumimos y producimos contenidos digitales a la vez, somos prosumers y añadimos más información

Algunas claves de esta transformación son la convergen-cia, la multimedialidad, la polivalencia, la fusión de redacciones, la recalificación y la flexibilidad laboral

Surgen, por tanto, nuevos perfiles profesionales en las redacciones para afrontar estos retos

En España el ascenso de la infografía se debió a la Guerra del Golfo a principios de los 90

España ha gozado siempre de prestigio y más con la creación de los premios Malofiej de Infografía

+

+

+

+

El Mundo y El País apostaron claramente por dar una mayor visualización a sus diarios y emplearon recursos y personal en la elaboración de infografías.

+

+

+

Otro referente en la persona de Jaume Serra, infógrafo, periodista, artista ha trabajado en Europa y estados Uni-dos.

La aparición de Usa Today (1982) marca el inicio de los grandes diarios con infografías y color

+

6

Guerra del Golfo

7

Alberto Cairo

Director de visualización del center for computational science, profesor de la universidad de miami y exdirector de infografía en editora globo en brasil.

http://www.elmundo.es/documentos/2004/03/espana/atentados11m/grafico_atentados.html

Chiqui Esteban

Director de gráficos de The Boston Globe. Vive en Brookline (EE UU). Fuera de España desde 2012

Referencias

Mapas de John Grimwade

http://www.johngrimwade.com/mindex.html

Simplicidad y el uso del color para guiar la lectura del gráfico.

Vídeo publicado en el NYT

http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?_r=0

Como se pueden establecer varios niveles en la jerarquía de datos y utilizar mucha información de una manera limpia y clara.

Propias.

Atentados en el maratón de Boston.

http://bostonglobedesign.tumblr.com/post/49528423662/special-section-on-the-marathon-bombing-4-28-13

Alberto Lucas

Senior Visual Journalist en South China Morning Post. Vive en Hong Kong. Fuera de España desde 2013

http://www.lucasinfografia.com/under-the-sea

Pablo Gutiérrez

Editorial Designer en la BBC. Vive en Londres. Fuera de España desde 2012. http://especiales.lainformacion.com/espana/patrimonio-diputados/

Artur Galocha

Infografista de El Corriere dello Sport. Roma. Desde 2014.

http://www.arturgv.com/Previas-NBA

Samuel Granados. La nación (Argentina), The Washington Post).

Diego Quijano. (Corriere dello Sport)

Mario Tascón.

Gumersindo Lafuente.

Alvaro valiño. (Público, Ahora en Washington)

Xaquín González

Rafa Hörn

Infógrafos e infografías

8

USA Today

9

10

·

http://www.elmundo.es/documentos/2004/03/espana/atentados11m/grafico_atentados.html

11

http://www.malofiejgraphics.com/m22-awards-final-list/

Features / Reportajes Interactivos

10BB. Oro/Gold. The New York Times (USA). Reshaping New York.

http://www.nytimes.com/newsgraphics/2013/08/18/reshaping-new-york/

10CB. Oro/Gold. The New York Times (USA). Housing’s Rise and Fall in 20 Cities.

http://www.nytimes.com/interactive/2014/01/23/business/case-shiller-slider.html?_r=1

10EB Oro/Gold. The New York Times (USA). Kepler’s Tally of Planets.

http://www.nytimes.com/interactive/science/space/keplers-tally-of-planets.html

10GB. Oro/Gold. The New York Times (USA). Premio Peter Sullivan Award – Best of Show Online. Front Row to Fashion Week.

http://www.nytimes.com/newsgraphics/2014/02/14/fashion-week-editors-picks/?ref=fashion

Home Prices in 20 Cities

http://www.nytimes.com/interactive/2014/01/23/business/case-shiller-slider.html

Premios Malofiej

12

premios malofiej

13El Correo

14

premios malofiej

15La Vanguardia

16

Jaume Serra. (1995)

i-3i-317

Jaume Serra. (1995)

18

webLos nuevos diseños se están acercando al Clean web design o diseño plano que tiende a cuadrículas limpias

Propone cuadrículas modulares tipo mosaico que permite la concentración de iconos y facilita el acceso a las diferentes informaciones. Predominio de desplazamiento (scrolling) simple, página a página (all-in-one scrolling) y evitando el desplazamiento sin fin (infinite scrolling)

+

+

+

Diseño parallax scrolling, otra tendencia en diseño web que parte de una estructura simple y minimalista sobre páginas all-in-one-scrolling. (A base de capas)

+

Diseño web tipo ‘scrolling’.

19

Los nuevos diseños se están acercando al Clean web design o diseño plano que tiende a cuadrículas limpias

Diseño web ‘infinite scrolling’. Pinterest. Diseño web ‘infinite scrolling’. Dazed.

20

http://hosting01.uc3m.es/semanal3/digital3/N51_enero_2015/#/1/

Revistas digitales

https://www.youtube.com/watch?v=j3pNoFuUHIs

21

http://asp-es.secure-zone.net/v2/index.jsp?id=3/7950/14914&lng=es

22

Las publicaciones digitales son, en un alto porcentaje, el reflejo de las publicaciones impresas.

La gran eclosión de las revistas online fue a partir del año 2005 cuando los grupos editoriales construyeron páginas web de la mayoría de sus productos.

+

+

Vídeos

23

Las publicaciones digitales son un soporte ideal para la transmisión de información, como medida de ahorro y sostenibilidad frente al papel impreso. Pero no es gratis.

+

Cualquier publicación digital admite variados recursos multimedia. Las páginas aprovechan estas posibilidades ya que es el valor añadido de las publicaciones

+

desarrollo de las publicaciones digitales

24

La mayoría de cabeceras ya tienen sus versiones para iPad. Los editores ven en ello la oportunidad de compensar la pérdida de lectores y la bajada de la publicidad

se enfrentan a los mismos retos periodísticos que los edi-tores de papel, deben establecer un lenguaje propio a tra-vés de los recursos técnicos que le ofrece este soporte. Las aplicaciones que se desarrollan para tabletas están en estrecha relación con la capacidad creativa y presupuesta-ria de los desarrolladores de software para las mismas.

+

+

+

El soporte tableta es de gran efectividad para produc-ciones de vídeo propias

+

El soporte tableta es de gran efectividad para produc-ciones de vídeo propias

Enriquecen la funcionalidad de la revista, se leen cada vez mejor por la tecnología de las pantallas, las foto-grafías potencian y realzan todos los matices posibles de las imágenes, el acceso a vídeos es rápido...

+

+

Revistas Pure playersTabletas

25

Diseño y visualización

online

Máster UNIVersItArIO eN DOCUMeNtAL Y rePOrtAJe PerIODÍstICO trANsMeDIA