Del papel al digital: caso The New York Times Magazine

thenewyorktimesmagazine

Lo lanzaron hace algunas semanas pero no quería dejar de comentarlo acá. Es que la versión digital que hizo el The New York Times con su revista es genial. Nada de apps, nada de descargas. Puro HTML5, responsive y diseño simple, efectivo.

En Journalism hablaron con el responsable de diseño y dice algo clave: “(el producto) fue creado para ser táctil en primer lugar”. Es decir, dieron prioridad a los accesos móviles del contenido y que la variedad de plataformas o tamaños de navegadores no sea un problema.

Lo estuve mirando desde el celular y la experiencia es bárbara.

(Es bueno que vean esto quienes tienen a cargo diarios y/o revistas y llevaron su contenido a móviles como pdfs para “hojear”… Como si la experiencia del papel al digital fuera trasladable ;) )

Enlace: The New York Times Magazine

El desarrollador de FT habla sobre su aplicación móvil

ft-mobile

Habrán visto por ahí que Financial Times no desarrolló aplicaciones móviles nativas y se decidió por las aplicaciones webs en HTML5. Bueno, Wilson Page – desarrollador en el Lab- publicó un más que interesante artículo en Smashing Magazine sobre cómo hicieron la web app: qué tecnologías usaron, sus lenguajes, librerías, etc. Más que recomendable su lectura.

El subterráneo de New York como instrumento musical en tiempo real

Fascinante proyecto de Alexander Chen. Tomar la data de horarios de salida de los subtes de New York, disponerlos en una visualización que respete la estética de Massimo Vignelli y darle sonoridad a las líneas como si de cuerdas de cello se tratasen.

Alexander avisa que se tomó algunas licencias estéticas, como la decoloración del trazado, no cargar tanto la cantidad de trenes en simultáneo y, aclara, sólo toma las frecuencias que van de lunes a viernes.

Pueden ver el video pero, mejor, visitá MTA.me que está mejor.

Detalles técnicos:

Contruído en HTML5 y Javascript. La data la toma de la API pública de MTA que detalla los horarios de salida y el detalle de paradas (no tiene seguimiento a través de GPS). La música fue tomada de freesound.org.

Más info en el blog de Alexander. | Vía

Hipermedia y la curación de contenidos

Si curar contenidos es una práctica imprescindible en los medios digitales, mezclar esos contenidos para construir piezas reales de Hipermedia parece el paso a seguir.

Will 2012 be the year of hypermedia?, se preguntan en GigaOm. Y citan el trabajo experimental que están realizando Mark Boas y Ben Moskowitz, de la Fundación Mozilla.

El resultado es simple, pero veamos primero el proceso.

Las tecnologías para la transcripción automática de audio a texto están mejorando. Si del audio (el video también puede ser fuente) se obtiene un texto, luego se le suman imágenes y todo puede ser realizado en pocos minutos; la cosa cobra otro sentido. Ah, y todo construido con HTML5, sin código propietario y multiplataforma.

Someone with a laptop in a coffee shop can do a very compelling news report” dijo Moskowitz. Es que la simplicidad de producción de estas piezas periodísticas hipermedia pueden ser realizadas por cualquiera que quiera mezclar, remixar contenido para contar un hecho. Al menos ese es el propósito.

En el artículo hacen la analogía con la curación de contenido que hizo conocido a Andy Carvin: sería lo mismo, pero en vez de utilizar sólo Twitter, se incluirían otros soportes y formatos.

En síntesis, tomar contenido de distintas fuentes para formar una pieza periodística única, con texto, audio y video/imágenes.

Vamos con un ejemplo: RadioLab. El trabajo interactúa con audio de RadioLab, que fue subido a SoundCloud con imágenes y Popcornjs (el javascript para la integración).

Pueden verlo en Hyper Audio. Aquí una captura con la transcripción en tiempo real del programa de radio:

Y aquí, otra captura con imágenes mientas se sigue escuchando el programa:

Aplicaciones web para medios estilo Flipboard

Leo en PaidContent que The Economist experimenta con una aplicación para tablet tipo Flipboard, construida en HTML5. Se llama Electionism y está, obvio, pensada para contar la cobertura de las próximas elecciones. Efectivamente es similar al agregador social Flipboard: por su manera de navegar, la disposición del contenido, etc.

La plataforma que utilizaron es Pressly, de Toronto. Que además publicó aplicaciones a otros medios. Lo que ofrecen es una experiencia distinta a los usuarios que llegan a través de sus tablets (por browser no se puede visualizar).

Me resultó interesante la idea: ofrecer una digna experiencia para el usuario de tablets sin crear aplicaciones nativas para cada sistema operativo (las comentadas funcionan en iPad, Galaxy Tab y Kindle Fire). Para los medios, por menor cantidad de dinero invertido (porque asumo que Pressly es más barato que crear la aplicación para cada OS). Y el resultado es muy bueno.

Van algunas capturas de Electionism en iPad:

electionism

HTML5 para campañas online multiplataforma

HTML5

Primero Apple dijo que no quería Flash en sus móviles. Tiempo después es el propio Adobe quien da de baja esa tecnología para este tipo de dispositivos. En el medio el lenguaje HTML5toma impulso y se posiciona como una de las mejores opciones de reemplazo.

Que el NYTimes lance campañas publicitarias utilizando esta tecnología se asegura de que puede ser vista y reproducida en todas las plataformas. Nada más y nada menos.

Aquí un video de las campañas implementadas:

El estado de Internet 2011

Estado de Internet 2011

Gran trabajo de onlineschools.org para mostrarnos en una infografía interactiva el estado actual de Internet.

Muchas cifras, redes sociales y datos en general son dispuestos en el gráfico que comienza a contabilizar desde el momento en que nos conectamos. Las fuentes utilizadas para su elaboración, están al final de la infografía.

Está construído en HTML5 y es una delicia visual. Y también nos muestra algunas de las cosas que se pueden hacer con la nueva versión del conocido lenguaje.

Vayan y vean!

Enlace: State of the Internet 2011 | Vía