Archivo de la etiqueta: cómo contar historias

Cómo contar historias: hoy Washington Post

Cycling’s road forward  Washington Post

Nueva pieza periodística a puro scrolling y contenido en varios formatos. Hay imágenes, fotografías, videos, gráficos, mapas y texto. Un trabajo sencillo y bien completo del Washington Post, “Cycling’s road forward“.

Vimos varios trabajos empleando la misma técnica, o similar. En este caso usan el framework de moda, Bootstrap, más WordPress y algunas librerías js.

El resultado me gustó y tiene el agregado de ser responsive, con una buena navegación móvil.

Vayan a verlo y me cuentan.

Cómo contar historias: hoy un Top 100 de canciones

top-100

Presentar un ránking de canciones puede resultar bastante difícil si no queremos caer en un eterno scroll de videos de Youtube o un listado con links que nos saquen del sitio. Por eso me gustó el trabajo de The Warmest 100.

Resolvieron el tema con un scroll con buena fluidez y atractivo, pero lo más importante: se pueden escuchar las canciones allí mismo. Basta con darle play y suena la canción. El audio lo toman de SoundCloud y Youtube. Un player minimalista aparece para darnos opción de pausar o cambiar de canción. El plus es que son 100 temas, algo que podría ser difícil de resolver de manera visual y es un gol. Al menos para mí.

El estudio Active Theory está detrás del desarrollo, ya hemos comentado algo de ellos por aquí…

Cómo contar historias (III): The Verge

the verge

Era obvio que iba a llegar el momento ¡y hasta es un deber! destacar lo que está haciendo The Verge, el sitio de tecnología más innovador del momento. No podría ponerme a detallar cada una de las funciones, recursos, diseños, y tantas otras cosas que hace el medio porque necesitaría varias horas y decenas de ítems.

Aprovecho la entrevista que publican en Source para recomendarles su lectura y darles algunos ejemplos de notas. De hecho, allí se destacan trabajos previos a Snow Fall del NYTimes (tal como se dijo acá hace unas semanas) que también vale la pena ver.

No se pierdan estos trabajos. Se van a encontrar con uso de Parallax, buen trabajo de scroll, el diseño en función a enriquecer y facilitar la lectura, gran utilización de fotografías / imágenes y video, contenido a ancho completo… En fin, un lujo.

Más:

 

Cómo contar historias (II): 50 años de recitales de Rolling Stones

Realizado por CartoDB.

¿Qué usaron? Por supuesto, Cartodb.js. Más Reveal.js y la entrada a Wikipedia con toda la data.

El resultado es una visualización con todos los recorridos de sus giras en el último medio siglo. Comprende unos 1.300 conciertos y 960 mil kilómetros.

Enlace: 50 Years of concerts of The Rolling Stones