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.

Portada del libro ‘Luis de Oteyza y el oficio de investigar’

Luis de Oteyza, el oficio de investigar

Portada ilustración.

Luis de Oteyza y el oficio de investigar‘, Antonio Rubio.

Edición fotográfica, fotocomposición y diseño de Juantxo Cruz.

Octubre de 2015

Libros.com

Colección Investigación.

Este libro ha sido publicado tras completar una campaña de crowdfunding.

 

Portada del libro 'Luis de Oteyza, el oficio de investigar' de Antonio Rubio.
Portada del libro ‘Luis de Oteyza, el oficio de investigar’ de Antonio Rubio.

 

 

Diseño de la portada del libro 'Luis de Oteyza, el oficio de investigar'
Diseño de la portada del libro ‘Luis de Oteyza, el oficio de investigar’
Sobre el libro
El libro Luis de Oteyza, el oficio de investigar recupera a un maestro del Periodismo de Investigación que marcó un tiempo y un ritmo en el periodismo español. Fue director del diario La Libertad, viajó hasta territorio enemigo para entrevistar al lider rifeño Abdelkrim y para saber cómo y por qué murieron más de 8.000 soldados españoles en Annual (1921).
Luis de Oteyza, junto a Manuel Chaves Nogales, es uno de los dos mejores periodistas y escritores del siglo XX. Oteyza, además, fue un aventurero, político y diplomático.
Luis de Oteyza es nuestro Ryszard Kapuściński.
Fotografía original: Luis de Oteyza.
Fotografía original: Luis de Oteyza.
Sobre el autor
Antonio Rubio es periodista. Ha pasado por las redacciones de El Periódico de CataluñaInterviúCambio 16 y El Mundo, donde ha sido subdirector. Ahora es director del Máster en Periodismo de Investigación, Datos y Visualización de la Universidad Rey Juan Carlos y, también, director del Máster en Periodismo de Unidad Editorial. Sus revelaciones periodísticas se han convertido en notitias in criminis: GAL, Fondos Reservados, Luis Roldán, escuchas y papeles del CESID, Caso Zabalza, ETA, Francisco Paesa, 11-M, Gil y el saqueo de Marbella, padre Ellacuría, Operación Sofía, Teodoro Obiang, Monzer Al Kassar, entre otras. Sus investigaciones provocaron también la dimisión del general Emilio Alonso Manglano y Alberto Sainz, directores del CESID (1994) y CNI (2009).

Infografía ‘pata negra’

Se acaba de aprobar la norma de calidad para el jamón.

Etiquetado de mayor calidad a peor (Visualización de la pureza ibérica de los animales en la denominación de venta):

NEGRO: Bellota 100%, los realmente ‘pata negra’.
ROJO: Bellota ibérico
VERDE: cebo de campo ibérico
BLANCO: cebo ibérico.

En la foto, la visualización presenta el código de colores desordenado.

El gráfico correcto en la presentación. López Ortega, 2014

Los cerdos en cebaderos de 110 kilos tendrán un espacio mínimo de 2 metros cuadrados.
En la montanera (carga productiva de la dehesa), de 0,25 a 1,25 cerdos por hectárea.

La nueva normativa explicada.

Ilustración del corte del jamón (profesor Ramón de Arcos Nieto-Guerrero).

Corte del jamón, La Vanguardia. Jaime Serra, Rosa M. Anechina, Jorge Portaz. 2009.

Las trampas en el jamón ibérico, El Periódico. 2013. En La Buena Prensa.

El cerdo Ibérico.
Adolfo Arranz.
2009. El Mundo.

A Fabulous Colleague

Ayer Modesto J. Carrasco (@modesjcc) pasó por Twitter estas dos geniales imágenes.
Son los comienzos del departamento de gráficos de EL MUNDO, en 1989.

Las tenía en papel fotográfico en su casa, les hizo una foto con el iPhone y en segundos corrían por la red.
También ayer nos vimos y nos reímos mucho, entre otras cosas, recordando cuando teníamos que bajar a los talleres a pedir vez para usar un escáner. Perdías la mañana, seguro.
Fotografía digital de una foto impresa. Sí, Modesto siempre supo adaptarse a las nuevas tecnologías y estoy seguro de que tendremos buenas noticias suyas pronto.

Principios de los 90: Jeff Goertzen, Gorka Sampdro, Modesto, Ricardo Martínez, Mario Tascón, Jordi Clapers y Samuel Velasco. El tipo de abajo con la gorra era un currante de la obra de enfrente, en la sede de EL MUNDO en Sánchez Pacheco.

1990: Ricardo Martínez, Gorka Sampedro, Mario Tascón, Patxi Aguirre, Forges, Modesto, Ulises Culebro, Jeff Goertzen, Samuel Velasco, en Sánchez Pacheco.

Hace unos días intercambié impresiones con Jeff Goertzen, actualmente Director de Educación en la SND y consultor en Orange County Register – ¡aluncinen con estas láminas!– , y me dijo esto sobre Modesto: “What a tenure that man has given to El Mundo! If there were a guy that I truly enjoyed working with, it was him. He is one of the few remaining original gang that we were there during the Gulf War. He was a fabulous colleague.”.

“Sí”, le contesté. Era lo mismo que yo pensaba.

Ayer estuvimos celebrando con Modesto su larga carrera profesional en el diario, 23 años.
Emilio Amade realizó un gráfico para la ocasión, le fue entregado enmarcado, que resumía la historia del departamento siguiendo sus pasos. Espero tenerlo pronto para publicarlo aquí. Una pasada.

Levántate y lucha, esta es tu pelea

2005: Elección del nuevo Papa.
2013: Cónclave papal.

Una muestra más de la experiencia directa:  ‘Show, Don’t Tell’.
Estas fotografías se encuentran en un documento titulado ‘The 4 Essentials of Every Great Website (And How to Design Yours)’ y escrito por Meghan Lockwood.

Las cuatro máximas:
1. Esteticamente bello.
2. Optimizar para el usuario.
3. Personalizar y dar contexto.
4. Optimizar para móviles.

Más links: ‘The Seven Years That Change Everything‘. Smashing Magazine.

Ponente en las XVI Jornadas de Fotografía, Edición y Diseño, CEU-USP 2013

Las XVI Jornadas de Fotografía, Edición y Diseño tuvieron lugar en el Salón de Grados del CEU.

Las XVI Jornadas de Fotografía, Edición y Diseño reunieron a expertos de referencia en la CEU-USP. Presenté la ponencia ‘Móvil, social y global: el nuevo ticket informativo’.

XVI Jornadas de Fotografía, Edición y Diseño en prensa
7 y 8 de marzo de 2013
Facultad de Humanidades y Ciencias de la Comunicación
Universidad CEU San Pablo
Salón de Grados
Madrid

Entre los ponentes se encuentra el periodista premio i-Redes 2013, socio director de la consultora Prodigioso Volcán, y director del “Manual del español para Internet, redes sociales y nuevos medios” de la Fundación del Español Urgente (Fundéu), Mario Tascón; el infografista Juantxo Cruz, la fotografo, Christine Spengler, el fotógrafo José Manuel Susperregui, y los directores de arte Diego Areso y Carlos Pérez de Rozas.

XVI Jornadas de Fotografía, Edición y Diseño. Los Grandes Eventos, CEU-USP
XVI Jornadas de Fotografía, Edición y Diseño. Los Grandes Eventos, CEU-USP

La primera jornada dedicó sus sesiones a profundizar sobre cuestiones básicas de la Visualización de la Información, y de la Fotografía.Tras la ponencia de Mario Tascón a las diez y media, fue el turno para Juantxo Cruz. Por su parte, la sesión de tarde estuvo inaugurada por la fotoperiodista Christine Spengler que ofreció una charla sobre su trayectoria, su técnica y su proceso de trabajo y, a continuación, se presenció el trabajo del profesor y teórico de la fotografía J. M. Susperregui sobre Robert Cappa.

Programa de las XVI Jornadas de Fotografía, Edición y Diseño, CEU-USP
Programa de las XVI Jornadas de Fotografía, Edición y Diseño, CEU-USP

Al día siguiente, fue el turno de la Dirección de Arte. Abrió la jornada Diego Areso, director de Arte de la revista SModa, que habló del diseño de este suplemento del diario El País sobre el mundo de la Moda. Y, finalmente, el broche de oro lo puso Carlos Pérez de Rozas con una conferencia sobre Dirección de Arte, Fotografía y Juegos Olímpicos.

28 imágenes de las elecciones EEUU


1. El camino hacia La Casa Blanca. Cuéntamelo otra vez Sam.


2. Batalla de palabras. NYT.


3. 140 caracteres.


4.La familia.

5. La familia y algunos más.


6. Apps, Apps. BBC.


7. Rommey de peque.


8. Obama de peque.
Libro: Barack Obama, The Story, 2012

9. Duelo al sol de Florida. Magnífica foto. ¿La mejor de toda la campaña?
AP.
¿Por qué en Internet todavía hay muchos medios que no citan los autores de las fotos?
US President Barack Obama Republican presidential candidate Mitt Romney make their way to greet their wives at the end of the third and final presidential debate October 22, 2012 at Lynn University in Boca Raton, Florida. (MANDEL NGAN/AFP/Getty Images)


10. Facts vs facts. Time.

11. Trampas más viejas que la Fotografía. AFP.
Después de las elecciones se olvidan de todo, pero en campaña, si uno se tira por un precipicio y sobrevive, el otro también lo intentará.


12. Aquí viene Sandy.

13. “Pequeños” imprevistos: Huracán Sandy, rompan filas.


14. Después de las elecciones y de Sandy.
Caos para votar en NY.
Portada The New Yorker, Adrian Tomine.


15. Noche de nervios: Los votantes de Dixville Notch: 5-5.
Photo: Voters in Dixville Notch, New Hampshire cast the first US election day ballots. Nov 6, 2012. (Reuters: Herb Swanson).

16. iPad democrático.

17. El desenlace: Rommey 206. Obama: 332.
National Post, Canadá.



18. Twitter Buzz. Data from Twitter and Weibo buz volume from November 1-15, 2012, using search terms Obama, Romney and US Elections.


19. Portada WPOST 2008. Haciendo historia.


20. Portada NYT 2008. La mejor.
Tan histórico que no hizo falta ni titular.


21. Portada NYT, 2012.
La noche sí fue para ti.


22. Portada WPOST 2012.
La historia está en la foto. ¿Por qué esa foto?



23. El tuit más retuiteado de la historia, por Obama.
Número de tuits del día de las elecciones: 20.000.000. El mayor evento tuiteado.


24. La portada que no fue. Rommey de mayor.


25. La portada que sí fue. Obama más mayor.


26. Inauguration Day 2013 por la espalda.


27. Inauguration Day, NYT 2013.


28. Inauguration Day. WPOST 2013.

Curvas de aprendizaje

Esta semana he buscado modelos gráficos para conceptualizar el aprendizaje. Estos son algunos ejemplos:

En este modelo de SoftPrayog, las coordenadas son el grado de conociemiento frente a el tiempo en que uno se dedica a una materia. Lógicamente, se empieza de cero y se va acumulando conocimiento en el tiempo. Es un método progresivo y supone que la dedicación nunca bajará la guardia.
El avance es lento en las primeras etapas hasta que llega un ritmo de aprendizaje muy fuerte. Luego se frena.

Un ejemplo, de After Klein & Eseryl (2006) y recogido en Edublogs, que aplica el modelo en S al desarrollo en el ambiente empresarial.

En este segundo ejemplo, de Whitney Johnson es su blog de Harvard Business Review, se añanden dos ciclos que van a determinar la evolución en la curva de aprendizaje: El círculo virtuoso y el círculo vicioso.
El confort en el trabajo y el automatismo en las cosas hacen que la curva se frene y quede plana en su final. La persona entra en un círculo vicioso cuando domina su trabajo y entra a competir con las élites de su materia. En esta zonas es más difícil superarse. Si la línea S se ha terminado, mejor empezar a contruir una nueva para volver a competir.

“One anecdotal example of how the S-curve model can help us better predict the future is the experience of golfer Dan McLaughlin. Never having played 18 holes of golf, in April 2010, McLaughlin quit his job as a commercial photographer to pursue a goal of becoming a top professional golfer through 10,000 hours of deliberate practice. During the first 18 months, improvement was slow as McLaughlin first practiced his putting, chipping, and his drive. Then, as he began to put the various pieces together, improvement accelerated, consistent with hypergrowth behavior. While he didn’t track how quickly his handicap decreased, making it impossible for us to build an S-curve, 28 months into the project, he has surpassed 91% of the 26 million golfers who register a handicap with the US Golf Association (USGA) database. Not surprisingly, his rate of improvement (if measured as handicap) is now slowing as he faces competition from the top 10% amateur golfers”.

Emociones y conocimiento

Los modelos de aprendizaje están ligados a las emociones personales del Homo Sapiens. Esta gráfica rescatada del sitio de Barry Kort expone la emociones constructivas y las destructivas que influyen en el aprendizaje.

Curvas de aprendizaje en diseño

En este artículo de Hugh Dubberly se leen muchos párrafos interesantes. En el campo del diseño, los cambios han sido enormes durantes los últimos 30 años. Por ello, es fundamental para los diseñadores emprendan nuevas curvas de conocimiento antes de agotar aquella en la que se encuentran.
Este gráfico sobre el éxito del iPod es muy explicativo.

‘To understand the success of iPod, compare all four measures of design quality, not just product-design quality. Apple and its competitors are roughly even on manufacturing quality and product design, but Apple has a considerable lead in both interaction design and service design’.

La curva de conocimiento de un fotógrafo

Natasha Leigh reproduce en su página digital la curva de aprendizaje de un fotógrafo (no he encontrado la fuente original), que se podría aplicar a cualquier oficio. Esta gráfica añade en la fase inicial un aspecto subjetivo, el sentimiento de capacidad del fotógrafo en cuestión es fuerte, cuando empieza en la profesión piensa que lo todo lo que retrata es fabuloso. Luego llega el bajón. Se da cuenta que no sabe nada y entonces comienzan varias curvas de aprendizaje, cada una para las diferentes técnicas fotográficas.

Dificultad en la compresión vs tiempo

Para finalizar, esta gráfica de la Introducción a la Programación Orientada a Objetos (Refractoring and Design Patterns) se centra en la dificultad intrínseca de una materia sobre el tiempo dedicado a ella. Al principio, todo es muy complicado y difícil de entender.

Conforme pasa el tiempo y se obtienen conocimientos, el aprendizaje se hace más sencillo. No os perdáis el resto de gráficas en la introducción.