El origen del scrollytelling: La mejor técnica de visualización

No, no es un error de dedo, este término lo utilizamos todos los días aunque no lo creas. Lo vemos en redes sociales, en páginas web, en blogs, etc. Pero antes de contarte cómo surgió, definamos primero el «scrollytelling». Scrollytelling es una forma de narración interactiva que se desarrolla a medida que te desplazas en un plataforma. E incluye elementos que se activan o desencadenan mediante el mismo desplazamiento.

Ejemplo de scrollytelling sencillo | El País

A medida que avanzas, la historia se desarrolla. El gráfico se queda estático en su lugar, pero el texto se desplaza hacia arriba y presenta los argumentos poco a poco, una oración o dos a la vez. Y a medida que pasa cada bit, el gráfico se actualiza, resaltando y etiquetando diferentes líneas, cambiando la escala y las referencia. Scrollytelling clásico, sencillo y eficaz.

«Pero, ¿de dónde viene el scrollytelling?»

Antes del scrolling, había algo más. Las primeras interfaces de computadora fueron impulsadas por tarjetas perforadas. Luego vinieron las terminales en los que se escribía una línea a la vez y se podían usar flechas hacia arriba y hacia abajo, pero no era fácil ver grandes cantidades de información. La interfaz gráfica de usuario despegó en los años 80 y el desplazamiento se convirtió en el modo principal para moverse dentro de una página.

Cuando apareció la web, la sabiduría común era «mantener todo en la mitad superior, es decir, en la primera página. Entonces, la norma era crear contenido más corto y hacer que las personas hicieran clic para engancharlos. Es por eso que tantos sitios web en su día tenían experiencias de clic de varias páginas. Hoy en día, cuando se ve esta práctica, se trata más de generar clics y vistas de publicidad para los editores web.

Pero hoy todos sabemos que seguir haciendo clic 45 veces, solo crea hartazgo. Desplazarse es más fácil .

En otras palabras, el desplazamiento funciona. Se ha convertido en nuestro modo predeterminado de consumir contenido, estamos más que felices de desplazarnos y desplazarnos y desplazarnos para que sigan llegando las cosas buenas. Por supuesto, el desplazamiento puede y debe estar en el corazón de una gran experiencia de usuario.

De la narración al scrollytelling

Probablemente ya hayas oído hablar de la narración visual. Es un concepto de diseño aplicado en periodismo, negocios, estadística y análisis de datos.

Entonces, ¿de dónde surgió su uso en la web? Cerca del 2012 hubo un suceso que cambió la forma de visualizar el contenido.

“La nieve estalló a través de los árboles sin previo aviso más que un zumbido de último segundo, una pared blanca de dos pisos y el grito desgarrador de Chris Rudolph: ‘¡Avalancha! ¡Elyse!’”.

Así comenzó una historia llamada «Snow Fall: The Avalanche at Tunnel Creek», publicada en Sunday New York Times en diciembre de 2012. Era una historia épica de seis partes que incluía varias cosas nuevas que nunca habíamos visto en línea: videos de fondo de pantalla, efectos de desplazamiento de parallax y narración de desplazamiento. Estaba bien escrito, bellamente diseñado y completamente cautivador. Ganó un premio Pulitzer y un premio Peabody.

La imagen heroica de la historia «Snowfall» del NYT

Snow Fall | Scrollytelling

Lo increíble es que ese artículo se publicó hace ocho años. Las tendencias no duran ocho años, ¿verdad? Y, sin embargo, el scrollytelling, que introdujo «Snowfall», sigue siendo fuerte. Los fondos de video de pantalla completa y los efectos de desplazamiento de parallax también están en todas partes.

Para 2015, el scrollytelling estaba EN TODAS PARTES. El término había sido acuñado y se usaba ampliamente. La gente también se hacía preguntas como: «¿Deberíamos hacer cosas como esta ahora?» Y, «¿Cómo podemos institucionalizar esto?» Y «¿Por qué deberíamos?»

Detrás de la vista, 2015 fue una cumbre falsa. Hoy, realmente se siente como si finalmente hubiéramos llegado a la cima del scrollytelling Todavía se encuentra en todo el Times, todos lo usan de izquierda a d…