Entradas

Capítulo 2: Reino Unido
Gráficos, Fleet Street y la carrera por la suscripción

En el siglo XX, Fleet Street y el área próximo estaban dominadas por la prensa nacional y sus rotativas. Poco queda de la mítica calle que fue hogar del The Times y The Sun. En otros tiempos el periodista buscaba la exclusiva en la calle o mediante la búsqueda de fuentes en un artículo de investigación. En el siglo XXI, las nuevas tecnologías, internet y las redes han puesto sobre la mesa un nuevo modelo de periodista que consume parte de su tiempo delante del monitor, buceando en series de datos en busca de una historia.

Las compañías generadoras de contenidos buscan el talento innovador y el espíritu creativo de sus profesionales para mantenerse en la vanguardia de la industria. Por ello, ya no sólo son necesarios los periodistas, también buscan especialistas en marketing, analistas, diseñadores, ingenieros y nuevos roles que están todavía por definir. Los estudios estadísticos y los gráficos son ahora visibles por suscripción. Se acabaron los gráficos interactivos gratuitos o compartidos en las redes sociales. Son un producto muy valorado por los lectores.

Características de los profesionales

– Alfabetización visual: Prueba clara de alfabetización visual y la capacidad de entregar datos de manera comprensible y convincente. Profundo conocimiento de la teoría detrás de la visualización de datos y el periodismo de datos.

– Capacidad de análisis: Uso de herramientas de análisis de datos, técnicas de obtención de datos y desarrollos interactivos para profundizar en los datos y contar una historia.

– Visualización de datos: Experiencia en el uso de software de visualización para crear contenidos.

– Interactividad: Conocimiento especializado de la experiencia interactiva del usuario con gráficos, cartografías, visualizaciones de datos.

– Multiplataforma: Experiencia trabajando en un entorno de noticias ocupado en múltiples plataformas.

A continuación listamos algunos medios interesantes para conocer mejor el mundo de la visualización informativa en el Reino Unido. Son marcas globales con sedes en las principales capitales mundiales.

Financial Times, profeta de la información económica.

1. Financial Times, The Financial Times Ltd
Londres, Reino Unido
Con más de 125 años como una de las organizaciones de información y noticias líderes en el mundo. Publica sus propios índices bursátiles con los valores que cotizan en Londres (FTSE, FTSE 250). El diario de las finanzas global tiene una especial sensibilidad por la periodismo de datos, la visualización y la creación de un vocabulario visual compartido con la redacción.

Acceso por subscripción digital: 39 euros al mes (345 euros/año).
Subscripción digital + print : 966 euros/año

Referencias: Alan Smith Obe, John Burn-Murdoch

Links de interés

Visual and data journalism
Data visualization

The Chart Doctor (Visual Vocabulary)
Designing with data
FT Data en Twitter

Reuters, noticias globales

2. Reuters News Graphics Service, Thomson Reuters
Londres, Reino Unido | Nueva York, EEUU
Reuters es una agencia de noticias global de información, fundada en Londres hace más de 165 años, con sedes principales en Londres, Nueva York y Singapur. El equipo de gráficos (Reuters News Graphics Service) tiene oficinas en estas sedes. Hay alrededor de 20 miembros en todo el equipo. Cada unidad tiende a centrarse principalmente en su región (dividida en AMERS, EMEA y APAC).

Referencias: Matthew Weber, Simon Scarr, Daisy Chung, Vijdan Mohammad Kawoosa

Links de interés

Ver gráficos

Sitio Web

En Twitter

3. The Economist, The Economist Group
Londres, Reino Unido
La revista semanal de relaciones internacionales, finanzas, ciencia y tecnología ha presentado gráficos y mapas en sus páginas desde hace más de 150 años. Sus gráficos se centran en la estadística política y económica, destacando por su elegancia, limpieza y buen uso del color.

Subscripción digital: 289 euros/año

Referencias: Phil Kenny, Graham Douglas,  Helen Atkinson, Adam Meara, Sarah Leo, Martín González, Alex Selby-Boothroyd

Links de interés

La sección The Graphic Detail fue creada en 2018 para potenciar el periodismo de datos.
The Economist y la visualización de datos
The Economist Data Team en Twitter

BBC News

4. The British Broadcasting Corporation (BBC)
Londres, Reino Unido
El canal de noticias público creado en 1932. Hace unos años (2014-15) producían gráficos interactivos con Adobe Flash y librerías de Javascript como D3. En la actualidad realizan piezas de información estadística con librerías de R, como ggplot2, infografías estáticas y animaciones para TV.
https://www.bbc.co.uk/news/11628973
Referencias: Chris Ashton

Links de interés

BBC News Graphics en Twitter (sin mantenimiento desde 2020)
BBC Visual and Data Journalism Cookbook
News Interactives and Graphics

The Guardian, marca global

5. The Guardian, The Guardian Media Group (Scott Trust)
Londres, Reino Unido
El diario liberal tiene una edición en el Reino Unido y dos sitios web internacionales, Guardian Australia (2013) y Guardian US (2011).The Guardian lanzó su Datablog en 2009, el sitio web de referencia de la estadística y los datos periodísticos.
Subscripción digital: 282 euros/año

Referencias: Simon Rogers, Cath Levett, Mariana Santos, Alvin Chang, Caelainn Barr, Mona Chalabi, Nick Evershed

Links de interés

The Guardian Data Visualization
The Guardian Graphics

The Guardian Data
The Guardian Visuals en Twitter

ABACUS CONSULTING ha desarrollado una serie de gráficos complejos con la librería de javascript D3, gráficos vectoriales en SVG y el lenguaje de estilo CSS.

Algunos tipos de visualizaciones desarrollados por ABACUS CONSULTING.

Algunos tipos de visualizaciones desarrollados por ABACUS CONSULTING.

 

 

D3 es una excelente herramienta escrita por Mike Bostock para desplegar datos dentro de páginas web. Algunos ejemplos de gráficos realizados:

– Gráficos de línea
– Herramientas de matrices
– Gráficos de burbujas
– Histogramas
– Rankings de barras
– Mapas de posicionamiento
– Visualizaciones de araña
– Diagramas de procesos de decisión de compra
– Tablas dinámicas de datos

 

Ejemplo de una Visualización interactiva realizadas con D3

Ejemplo de una visualización realizada con D3.js

 

Algunas ventajas de la librería D3.js

Esta librería se basa en funciones predefinidas escritas en lenguaje javaScript que mejoran la selección de elementos, permiten crear y personalizar elementos SVG y añadir efectos como transiciones o tooltips. Tiene una gran capacidad para manipular grandes volúmenes de datos y vincularlos a dichos elementos para lograr crear gráficos de gran riqueza.

  • Flexibilidad: sólo la imaginación puede limitar lo que se puede hacer con la librería
  • Buena integración y facilidad de depuración
  • Librería modular
  • Manipulación del DOM dirigida por los datos
  • Permite un gran control sobre el resultado visual final
  • Crear elementos SVG (formas, líneas, axes)
  • Facilidad para crear escalas
  • Animaciones e interacciones de última generación
  • Transiciones y efectos visuales

D3.js es una herramienta ideal tanto para gráficos sencillos de barras o líneas, hasta complejos gráficos relacionales o  visualizaciones con mapas.

En labores de diseño y usabilidad web, Abacus Consulting ha realizado un prototipado personalizado de dos aplicaciones: una para Meaningful Brands y otra para Connect.

 

Primeros prototipos de la aplicación.

Primeros prototipos de la aplicación.

 

Primero se hicieron los primeros sketch o bocetos en papel de la futura aplicación y la navegación entre distintas pantallas.

 

Los wireframes son una representación estática de lo que será la plataforma web.

Los wireframes son una representación estática de lo que será la plataforma web.

 

Después elaboramos multitud de versiones de los wireframes y los mockups, que contienen información adicional en cada una de las pantallas: disposición de los botones, contenidos, llamadas a la acción, movimientos tipo dentro de la navegación entre pantallas.

En general, los wirefames y mockups permiten visualizar la línea gráfica, la estructura de la información, el contenido y avanza las funcionalidades del proyecto. Se trata de una representación estática, se entrega y aprueba en formato de imagen.

 

Realización de prototipos para web.

Realización de prototipos para web.