10 claves del rediseño de The Economist

Nueva mancheta, The Economist 2018

Este mes, The Economist (Reino Unido, 1843), una de las publicaciones semanales de asuntos de actualidad más reconocida del mundo, ha cambiado su aspecto en la versión impresa mirando expresamente hacia la salida digital de sus contenidos. El nuevo diseño ha sido dirigido por Stephen Petch hacia un aspecto más limpio y moderno: el último gran rediseño se realizó hace 17 de años (Erik Spiekermann y Penny Garrett, 2001).

Sección inaugural de detalles gráficos . The Economist, 20 de octubre de 2018..
Sección inaugural de detalles gráficos . The Economist, 20 de octubre de 2018..

1. Infografía y periodismo de datos
La revista presenta una nueva sección llamada “Detalles gráficos” que reemplaza la página de la sección existente de “Indicadores económicos y financieros”. Detalles gráficos aporta a la edición impresa la pericia visual del equipo de periodismo de datos (The Economist Data Team).

2. Revisión de los estilos infográficos y cartográficos ​​para clarificar la información.
Phil Kenny, director de Gráficos de The Economist: “Con estos cambios de diseño y nuevas incorporaciones, nuestra edición impresa ahora coincide con la amplia gama de productos de The Economist: un diseño uniforme, limpio y moderno, que configura The Economist para los años 2020 y más allá”.

3. Branding, somos branding.
Mejora de la consistencia de la marca en todos los productos: Cabecera de portada más grande, páginas más limpias e imágenes más atrevidas, adecuadas tanto para el quiosco de periódicos como para la pantalla móvil.

Tipografía Econ Sans.
Tipografía Econ Sans.
Tipografía Milo Serif
Tipografía Milo Serif

4. Tipografías optimizadas para web e impreso.
Nuevos tipos de letra optimizados para plataformas impresas y digitales, que ofrecen una mejor experiencia de lectur: Econ Sans (Dieter Hofrichter) y Milo serif (Mike Abbink).

Nuevo índice de contenidos, The Economist, 2018
Nuevo índice de contenidos, The Economist, 2018

5. Revisión de todas las secciones
Páginas de contenido completamente revisadas, diseñadas para que sean más claras y fáciles de navegar, incluido un panel expandido “En la portada” para señalar todas las portadas destacadas.

Ilustraciones sencillas e icónicas como punto de entrada en los contenidos.
Ilustraciones sencillas e icónicas como punto de entrada en los contenidos.

6. Renovación de la ilustración, marca de la casa.
Estilos de ilustración impactantes y audaces, aptos para la página impresa y la pantalla digital por igual.

Analistas, expertos, columnistas y editores, The Economist 2018
Analistas, expertos, columnistas y editores, The Economist 2018

7. Firmas y edición.
Periodistas en las principales ciudades de los cinco continentes (Washington DC, Tokio, Londres, Hong Kong, México City, Nueva York, Singapur, Nairobi, Amsterdam, Bruselas, París, Nueva Delhi, Seúl, Chicago…), corresponsales de ciencia, educación, negocios, finanzas, economía, política social, medio ambiente, cuerpo diplomático, exteriores, medios, banca, salud, innovación, productos digitales, tecnología, lengua, religión, mercados emergentes, periodistas de datos, analistas de datos, editores de datos, analistas políticos, expertos en consumo y puntos de venta, periodismo de guerra y de defensa, de cultura, de libros, de arte, expertos en China, en Oriente Medio, en Rusia, en el Brexit, en Trump.

Elementos de la noticia fácilmente adaptables en la web.
Elementos de la noticia fácilmente adaptables en la web.

8. Diseño digital y colaborativo
La web como canal de venta y suscripción. Los elementos del diseño son bloques de construcción listos para usar, creando un kit de herramientas que permite a los departamentos aplicar el diseño en todo los proyectos y continuar trabajando de forma independiente para dar vida al producto.

Rediseño de Economist.com, Stephen Petch , diseño y dirección de arte.
Rediseño de Economist.com, Stephen Petch, diseño y dirección de arte.


9. Fuerza en redes sociales

The Economist mantiene comunidades sociales sólidas en Facebook, Twitter, LinkedIn, Snapchat, LINE, Medium y otras redes sociales.

Nueva portada, The Economist 2018
Nueva portada, The Economist 2018

10. Marca y periodismo
En definitiva, el nuevo lenguaje del diseño de The Economist quiere reflejar la fuerza de la marca y el periodismo; una expresión visual reconocible al instante.

Herramientas para la visualización de la información sobre mapas

Herramientas de geoposicionamiento de información

Algunas referencias sobre programas y recursos para trasladar una base de datos o un fichero a un entorno espacial, generalmente mapas digitalizados.
(en construcción)

Kepler, análisis geoespacial.
Kepler, análisis geoespacial.

KEPLER
Kepler.gl es una poderosa herramienta de análisis geoespacial de código abierto para conjuntos de datos a gran escala.

Es una aplicación basada en web de alto rendimiento y agnóstica de datos para la exploración visual de conjuntos de datos de geolocalización a gran escala. Construido en la parte superior de deck.gl, kepler.gl puede representar millones de puntos que representan miles de viajes y realizar agregaciones espaciales sobre la marcha.

Kepler.gl usa el reductor ‘redux’ para almacenar y administrar las transiciones de estado. Este paquete consta de un reductor y los componentes de la interfaz de usuario para ‘renderizar’ y personalizar el mapa.

Ir a la introducción en github.

CartoDB, geolocalización de datos.
CartoDB, geolocalización de datos.

CARTODB
Geolocalización de grandes volúmenes de datos y combinación con visualizaciones. Integración con lenguajes de programación en D3js. Es una plataforma en plena expansión sobre google maps y está siendo incorporado por múltiples empresas para tomas de decisiones:
Quién lo utiliza: BBVA, Wall Street Journal, United Nations, Twitter, Mashable

MapBox, búsqueda de mapas, navegación y localización.
MapBox, búsqueda de mapas, navegación y localización.

MAPBOX
Proveedor de mapas online.
Mapbox es el creador, o un colaborador significativo, de algunas bibliotecas de mapeo de código abierto y aplicaciones, entre ellas la especificación MBTiles, la cartografía TileMill IDE, la biblioteca de Javascript de Leftlet, y el estilo de mapas y analizador sintáctico (parser) CartoCSS.

Quién lo utiliza: New York Times, NPR, ProPublica o el Washington Post, Foursquare, Evernote, Financial Times, The Weather Channel, Uber Tecnologies.

OpenStreetMap, mapas de código abierto.
OpenStreetMap, mapas de código abierto.

OPEN STREET MAP
OpenStreetMap (también conocido como OSM) es un proyecto colaborativo para crear mapas libres y editables. OpenStreetMap está creado por una gran comunidad de colaboradores que con sus contribuciones al mapa añaden y mantienen datos sobre caminos, senderos, cafeterías, estaciones de ferrocarril y muchas cosas más a lo largo de todo el mundo.

OpenStreetMap impulsa mediante geodatos a miles de sitios web, aplicaciones móviles y dispositivos de hardware.

Google Maps y su API de Javascript.
Google Maps y su API de Javascript.

GOOGLE MAPS
Herramienta para posicionar información, en formato GeoJSON O JSON, sobre capas en un mapa.
Usando la API de Javascript de Google Maps, se pueden insertar en un mapa marcadores, polilíneas, polígonos, etc.

Coordinador del Máster Universitario en Periodismo de Investigación, Datos y Visualización, UNIR 2015

UNIR, La universidad online a distancia.

Puesta en marcha del Máster Universitario en Periodismo de Investigación, Datos y Visualización.
Universidad: UNIR, Universidad Internacional de la Rioja.
ETCS: 60
Fechas: Octubre de 2013-febrero de 2015
Lugar: Madrid.
Puesto: Adjunto a la Directora Académica del Máster en Periodismo de Investigación, Datos y Visualización, Marian Chaparro.
Funciones: Elaboración del temario para el campus virtual y búsqueda de profesores universitarios para:

• Extraer de las fuentes los datos relevantes y generadores de noticia.
• Transformar datos en historias.
• Adquirir una visión global y estratégica de la narración digital.
• Informar de forma clara, fácil y verificable.
• Visualizar y publicar los datos en gráficos y textos periodísticos.
• Desarrollar el razonamiento estadístico.
• Utilizar el software necesario para la construcción de noticias a través del periodismo de datos.
• Coordinar los diferentes perfiles involucrados en la investigación: periodistas, infografistas, programadores y desarrolladores.

Diagramas para hace ruido

Hoy he repasado el email y he encontrado estas imágenes que hace ya tiempo envié a un buen amigo.
Diagramas de las conexiones de los pedales de guitarra.

El uso de infografía en la información diaria o en el marketing es mínimo en comparación con los usos que se le da en otros muchos campos: Allí son necesarios expertos en comunicación que sepan representar las cosas, buscar un orden, contextualizar. El mundo de la infografía no acaba entre las paredes de una redacción.

Aquí dos disposiciones para hacer mucho ruido.

Pedalera de Dave Grohl con los Foo Fighters, 2000.

J. Mascis, Dinosaur jr, 1996

Los diagramas los encontré en GuitarGeek.

GRAPHICS: Wolfram MathWorld

Ayer me encontré esta página de matemáticas. Se llama Wolffram MathWorld y su ‘lema es la fuente de matemáticas más extensa de la web’.

Recordé los tiempos del instituto y la lucha constante contra los elementos del álgebra. Pobres libros. Ahora los buscó y cuestan una pasta. El caso que llegué al capítulo de gráficos y descubrí un tesoro. Para resumir, gráficos matemáticos que, como podréis ver, son unos diagramas estupendos para organizar contenidos informativos. Ya lo sé, no estamos descubriendo la pólvora. Ayer disfruté muchas horas repasando las formas y geometrías propuestas por Eric w. Weisstein. Gracias.

Ponente en las IV Jornadas de Diseño de la Información, Universidad Rey Juan Carlos 2012

La Universidad Rey Juan Carlos

Ponente en las IV Jornadas de Diseño de la Información con el título ‘Visualización de la Información Deportiva.’
Universidad Rey Juan Carlos
25 y 26 de septiembre de 2012
Salón de Actos, (Edificio de Gestión)
Facultad de Ciencias de la Comunicación
Universidad Rey Juan Carlos
Camino del Molino, s/n – 28943 Fuenlabrada (Madrid)

Perfiles:
Las Jornadas están especialmente dirigidas a estudiantes de comunicación en sus tres ramas: Periodismo, Comunicación Audiovisual y Publicidad y RRPP. También es su público los profesionales, profesores e investigadores relacionados con este ámbito y toda aquella persona especialmente interesada en el diseño en el campo de la comunicación y la relación entre la formación y la realidad profesional.

Cuarta edición de las Jornadas de Diseño en la Sociedad de la Información, en esta ocasión bajo el lema: Visualización de la Información Deportiva
Cuarta edición de las Jornadas de Diseño en la Sociedad de la Información, en esta ocasión bajo el lema: Visualización de la Información Deportiva

Organización
Pablo Prieto Dávila [Director de las Jornadas]
Belén Puebla Martínez [Secretaria de las Jornadas]

Coordinadores:
Joaquín López del Ramo
Jesús del Olmo Barbero
Pedro Pérez Cuadrado
Ricardo Roncero Palomar
Guiomar Salvat Martinrey

Programa de las IV Jornadas de Diseño, URJC
Programa de las IV Jornadas de Diseño, URJC

ADS: RapLeaf, personalización y cookies

Gracias por visitar el sitio de Juantxo Cruz

RAPLEAF.COM
‘Personalize your custormers´ experiences’
Auren Hoffman, CEO
Publicidad, marketing
San Francisco, startup
Personalización de servicios y publicidad a través de ‘cookies’ y direcciones IP.
Estudios sobre el perfil y el interés de la audiencia.

Cookies 101
La información la consiguen en las redes sociales (Facebook, My Space, Flickr, Linkedin…)
Segmenta la audiencia de acuerdo a los intereses personales.
Criticas al método:
– La publicidad en la red debería ser regulada
– Las direcciones IP deberían ser protegidas legalmente.

Gracias por visitar el sitio de Juantxo Cruz


Estudio sobre los fans
de la Copa Mundial de Fútbol realizado con la información obtenida de Twitter.

Gracias por visitar el sitio de Juantxo Cruz

Análisis de fans musicales por edades analizando las preferencias de los usuarios en la red.

Cláusulas del servicio.
Rapleaf

667 Mission Street, 4th Floor
San Francisco, CA 94105

Gracias por visitar el sitio de Juantxo Cruz

Gráfico de The Wall Street Journal

Gracias por visitar el sitio de Juantxo Cruz

Gráfico interactivo, WSJ

GRAPHICS: Perspectiva vs lectura, ASIMELEC

Informe contenidos digitales
ASIMELEC

Gracias por visitar el sitio de Juantxo Cruz

Tarta 1
Extrusión y perspectiva.

Gracias por visitar el sitio de Juantxo Cruz

Gráficos de tarta de difícil lectura.
Las perspectivas alteran las proporciones.
Demasiados apartados para una tarta. Mejor unas barras.
Las leyendas están listadas debajo de la gráfica. Más directo y mejor lectura si se ubican junto con su porción.

Gracias por visitar el sitio de Juantxo Cruz

Gráfico de fiebre distorsionado.
La perspectiva arruina el gráfico.
La escala queda por debajo de la gráfica, imposible relacionarla con la curva.

Gracias por visitar el sitio de Juantxo Cruz

Barras 1
Super perspectiva.

Gracias por visitar el sitio de Juantxo Cruz

Barras 2.
¿Dónde empieza la escala?
Al menos incorporan los datos anuales, en este caso, sobraría la escala.

Gracias por visitar el sitio de Juantxo Cruz

Columna apilada.
Perspectiva y distorsión.
Si suman el 100%, todas deberían ser iguales.

ASIMELEC presentó el martes 5 de octubre a las 12.30 horas la tercera edición de su Informe de la Industria de los Contenidos Digitales. El informe, elaborado con la colaboración desinteresada de un nutrido grupo de expertos, es de libre acceso y descarga gratuita.

ASIMELEC, la Asociación Multisectorial de Empresas de Tecnologías de la Información, Comunicaciones y Electrónica, se constituye en 1984 como una asociación de importadores de productos de electrónica. En la actualidad, ASIMELEC ha evolucionado hasta abarcar todos los sectores del Macrosector TIC, siendo la única Asociación del sector que agrupa a fabricantes, comercializadores, distribuidores y en el caso del sector de Telecomunicaciones, a instaladores.

Su finalidad es fomentar y apoyar el desarrollo de las empresas de de Tecnologías de la Información, las Comunicaciones y la Electrónica en España, mediante la defensa de sus asociados y el desarrollo del sector TIC. ASIMELEC representa a más de 3.000 empresas que dan trabajo directo a 300.000 personas y su facturación supone en torno al 4,5% del PIB de España.

GRAPHICS: Information is not beautiful

Gracias por visitar el sitio de Juantxo Cruz

Definir la información como ‘bonita’, ‘hermosa’, ‘maravillosa’ o similares no es muy acertado.
Lo que debe definir a la información es la veracidad.
Luego te puede gustar más o menos. Repase cualquier portada de un diario ‘serio’.
La información periodística debe ser dura, jurídica, legal, educativa, instructiva.
Según la RAE, en su tercera acepción, la información es la ‘averiguación jurídica y legal de un hecho’.
La información es investigación.
Jugar con el arte cuando hablamos de información es peligroso y traslada a la infografía al campo del marketing y la publicidad.

WWW: Google Fiber para comunidades de vecinos

Gracias por visitar el sitio de Juantxo Cruz

GOOGLE FIBER
Experimento.
Hasta el 26 de marzo, está recogiendo peticiones de ayuntamientos y comunidades que quieran ser los pioneros.
Google quiere montar una red de fibra de alta velocidad, ultra rápida, en EEUU.
Internet, video, voz.
1 Gb por segundo.
Fibra óptica. No DSL, no cable.
Red comunitaria.

Gracias por visitar el sitio de Juantxo Cruz

Ejemplo: Propuesta de GOOGLETWINPORTS.
Comunidad de Duluth-Superior (Minesota y Wisconsin, EEUU).
Proyecto independiente en la region de Twin Ports.
Acepta donaciones.