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 diseño de prototipos

Herramientas para prototipos de diseño.

Aquí dejo algunas referencias sobre programas y recursos para hacer prototipos de diseño:
(en construcción)

Origami Studio
Origami Studio

ORIGAMI STUDIO
Una nueva herramienta para diseñar interfaces modernas, construida y utilizada por diseñadores en Facebook.
Crea prototipos con capas de Sketch y juega con máscaras, sistemas de partículas y cámaras en vivo.
Se puede copiar cualquier cosa de Sketch y pegar las capas nativas en Origami Studio.

Sketch, kit de herramientas de diseño digital.
Sketch, kit de herramientas de diseño digital.

SKETCH
Sketch es un conjunto de herramientas de diseño digital para transformas sus diseños en prototipos interactivos. Mediante símbolos de trabajo, podemos actualizar fácilmente los elementos de diseño diseño repetidos, desde iconos hasta avatares.
Para Mac, desde $99.

Balsamiq, wireframes con calidad de boceto.
Balsamiq, wireframes con calidad de boceto.

BALSAMIQ
Wireframes y prototipado rápido de la estructura de una web o aplicación (‘mockups’). Reproduce la experiencia de dibujar en una pizarra, pero usando una computadora.
Aplicación con versiones para trabajar en la web, en el escritorio o en Google Drive.

UXPin, plataforma de diseño UX.
UXPin, plataforma de diseño UX.

UXPin
Herramientas de diseño web y móvil, prototipos y colaboración en la nube para equipos de trabajo.
Aplicación online de pago desde 9 dólares al mes. A partir de ahí, la suscripción va subiendo según funcionalidades contratadas: Exportar PDF, HTML, PNG, mockups, integración con Sketch y Photoshop, integración con Google Fonts, acceso a la librería de diseño y a la documentación…

INVISION, plataforma de diseño colaborativo.
INVISION, plataforma de diseño colaborativo.

inVISION
Invision Studio: Herramienta en la nube para diseñar pantallas para web y móviles. Plantillas de diseño, prototipos, animaciones, comentarios instantáneos sobre los diseños de trabajo en progreso.
Aplicación con versiones para trabajar en la web, en el escritorio o en Google Drive.

InVision DSM (Design System Manager): Componentes de UX y librerías.
Integración con otras herramientas colaborativas como DropBox, Jira, Slack, Confluence, Teamwork, Trello, Basecamp, Microsoft Teams.

Subscripciones desde coste cero (1 prototipo) hasta 99 euros al mes (equipos de trabajo, sin límite).

Manual de vinilos exteriores, Señalética para centros de Quirón Salud

Iconografía Quirón Salud 2018

Señalización de exteriores
Iconografía y vinilos translúcidos, Clínicas Quirón Salud
2018
Prodigioso Volcán
Vinilos ácidos instalados sobre cristaleras.

Motivos conceptuales para representar disciplinas médicas.
Motivos conceptuales para representar disciplinas médicas.
Manual de señalización exterior, iconografía
Manual de señalización exterior, iconografía
Extracto del manual de señalización exterior, Quirón Salud
Extracto del manual de señalización exterior, Quirón Salud
Recreación del entorno de una fachada con los motivos instalados en las cristaleras.
Recreación del entorno de una fachada con los motivos instalados en las cristaleras.
Descripción de los paneles exteriores.
Descripción de los paneles exteriores.
Guía ilustrada de la composición de los paneles en cada cristalera.
Guía ilustrada de la composición de los paneles en cada cristalera.
Guía de producción de vinilos ácidos.
Guía de producción de vinilos ácidos.
Detalle de instalación real en un centro de Madrid.
Detalle de instalación real en el centro de Juan Hurtado de Mendoza, Madrid.
Vinilos al ácido, instalación en Juan Hurtado de Mendoza, Madrid, Clínicas Quirón Salud.
Vinilos al ácido, instalación en Juan Hurtado de Mendoza, Madrid, Clínicas Quirón Salud.
Vinilos en una cristalera
Vinilos en una cristalera
Fachada interior.
Fachada interior.

Sesión Bajo el Volcán: Vida audiovisual de los gráficos

Sesión en Prodigioso Volcán sobre el resurgir de los gráficos en el medio audiovisual. Mario Tascón, Rafa Höhr, Juantxo Cruz

Sesión Bajo el Volcán
Viernes 23 de febrero de 2018
Usos más innovadores de gráficos en el audiovisual y reflexionaremos sobre cómo las marcas pueden aprovechar estos recursos en sus estrategias de comunicación y marketing.

La nueva vida audiovisual de los gráficos
La nueva vida audiovisual de los gráficos

Rodrigo Fuentes diseñó el cartel; el éxito de la convocatoria para la sesión Bajo el Volcán fue rotundo. En tan sólo dos días se completó el aforo.

Error en un gráfico de tarta que apoya el mensaje de Obama.
Error en un gráfico de tarta que apoya el mensaje de Obama.

Los gráficos de noticias evolucionan de manera imparable. Cada día podemos ver trabajos más y más espectaculares, tanto impresos como digitales. Sin embargo, la innovación en este tipo de recursos informativos está sucediendo en otro lugar: las pantallas de televisión. Gracias a la realidad aumentada, experiencias inmersivas, pantallas interactivas o escenarios virtuales, la visualización de datos está adquiriendo un papel fundamental (por no decir el protagonista) a la hora de contar una noticia.

Lo primero es saber que estás intentando decir. Con la gran cantidad de datos que podemos obtener hoy en día es fácil perderse y al final no contar nada. Debes ser selectivo con los datos para encontrar la mejor forma de comunicar tu idea.
Lo primero es saber que estás intentando decir. Con la gran cantidad de datos que podemos obtener hoy en día es fácil perderse y al final no contar nada. Debes ser selectivo con los datos para encontrar la mejor forma de comunicar tu idea.

La cita fue en el local de la Calle Escorial 17 de Madrid y duró en torno a una hora. Comida oriental y baos de de Toy Panda.
La sesión arrancó con una presentación de los formatos más novedosos desde el punto de vista de la manera en la que el conductor, presentador o periodista interactúa con la información. A continuación, se analizó de forma práctica cuáles son las diez experiencias necesarias para construir un gran gráfico.

Sesión Bajo el Volcán: gráficos y televisión
Sesión Bajo el Volcán: gráficos y televisión

Rafa Höhr ha sido director de Infografía de The Sunday Times, del grupo Joly; y responsable de infografía digital de El País. Ha obtenido a lo largo de su carrera los más prestigiosos galardones en infografía multimedia periodística, como el Peter Sullivan, equivalente al Pulitzer en esa disciplina.

Juantxo Cruz ha sido responsable del departamento de infografía de El Mundo durante más de diez años. Cuenta con una larga experiencia en gráficos y visualización de información y en la actualidad desarrolla proyectos de Big Data e información visual.

JasperReports: Documentos y visualizaciones flexibles

Río Arga, Pamplona.

JasperReports (actualmente TIBCO Jaspersoft Studio, Palo Alto, California) es una aplicación de software libre (versión Community) escrita en Java (Eclipse) para crear informes con contenido dinámico.

iReport es el front-end gráfico de código abierto para la edición de informes —una herramienta para diseñar las páginas flexibles del documento desarrollada desde 2001—. Actualmente cuenta con más de 50 tipos de gráficos distintos, tablas, imágenes y mapas.

 

Formatos de exportación de Jaspersoft Studio.
Formatos de exportación de Jaspersoft Studio.

 

Tipos de gráficos en Jaspereports en la versión 4, 2010
Tipos de gráficos en JasperReports en la versión 4, 2010

 

Tipos de gráficos HTML5, versión 6, 2016
Tipos de gráficos HTML5, versión 6, 2016

 

 

Los gráficos HTML5 (en la versión profesional) se pueden personalizar utilizando  propiedades para el control del nivel de píxel sobre cada visualización.

Jaspersoft Studio utiliza el lenguaje de consulta de sus fuentes de datos, por ejemplo SQL o MongoDB, para crear el primer pase de proyección de datos. Una vez que los datos ingresan a la herramienta, se pueden transformar aún más usando variables y grupos, y cada campo puede usar lógica personalizada para crear la transformación o proyección de datos deseada.

 

Descargas: Community Edition

TIBCO Visual Analytics

Ilustraciones para PowerPoint de estudio estadístico

Ilustración sobre algoritmos y bases de datos

Diseño de presentaciones de PowerPoint que incluyen gráficos, creación / importación de gráficos y creación de plantillas para casos de clientes y proyectos no relacionados con el cliente.

Ilustraciones y diseño de presentación PowerPoint para nuevos productos.

Algoritmos y bases de datos.

Conento y Abacus Consulting Technologies

Enero de 2018

 

Portada PowerPoint, bases de datos y algoritmos

Portada del documento PowerPoint, bases de datos y algoritmos

 

Indice interior, bases de datos y algoritmos
Indice interior, bases de datos y algoritmos
Página interior
Página interior