Grandes tapas: The Guardian y Snowden, el informante digital

La revista de The Guardian publicó una gran tapa sobre qué llevó a Snowden a filtrar la información. Me gustó porque en una imagen sintetiza mucho de lo que hizo el informante/denunciante.

Para terminar de entender la tapa vale la pena aclarar que, en inglés, Snowden es un “whistleblower”, una palabra que no tiene traducción exacta en español, pero que literalmente en nuestro idioma significa “el que sopla el silbato” a.k.a. “el que llama la atención sobre algo”.

guardianSnowden

El diseñador Kyle Bean compartió en Twitter la imagen que sirvió de base para la tapa. Lo más interesante es que no se trata de un diseño hecho por computadora, sino que realizó el silbato en tamaño real y lo fotografió.BfUver7IYAA01-z

 

Gracias @Marturua por el link 😀

Diez datos clave sobre el rediseño digital de The New York Times

The New York Times rediseñó su sitio la semana pasada y me tomé unos días para leer y leer artículos y cualquier cosa que me de más info sobre cómo fue el proceso interno que llevó a su primer cambio importante (habían tenido otro menor en 2012) en seis años.

Hice esta captura en cuanto vi el nuevo diseño

Hice esta captura en cuanto vi el nuevo diseño

Entre lo que leí esto fue lo que me pareció más relevante entre lo menos conocido (está lleno de notas sobre el rediseño que pueden servirles, algunas están al pie, pero mi post quiere ir a algunos detalles):

  • El proyecto de rediseño empezó hace dos años. Lo que querían y cómo lo hacían fue cambiando a lo largo del proceso.
  • Participaron 40 personas full time entre diseñadores, desarrolladores, periodistas y comerciales (por ejemplo: cinco personas de diseño  estuvieron enfocados 100% en esto los dos años sin ser reemplazadas). En total 80 personas estuvieron involucradas en algún momento del proceso.
  • Los tres ejes principales del rediseño son: ser más rápidos, tener una presentación más flexible y adaptable y tener consistencia en todas las plataformas.
  • Lo que se ha visto del rediseño hasta ahora es la punta del iceberg ya que sobre todo afecta a la home (que seguirá teniendo modificaciones) y a la “nota”, pero va a ir mucho más allá con el tiempo. A futuro, por ejemplo, podemos esperar cambios en las secciones.
  • Este rediseño es central en la historia del sitio ya que no es sólo cosmético, sino también de infraestructura y plataformas tecnológicas. Esto puede sonar aburrido, pero es clave para entender porque tardaron tanto tiempo en hacerlo.
  • El código del sitio, back y front end, fue desechado en su gran mayoría aunque una parte fue acomodada para la nueva infraestructura. Todavía quedan áreas, como blogs, en la plataforma vieja, pero serán migradas pronto.
  • Una página de “nota” del site The New York Times tiene hoy, ya que el número tiende a aumentar, 126 versiones posibles (diseño propio del artículo, tamaño de letra, modo en que lo ve el lector y un largo etcétera).
  • La publicidad, eje central del rediseño junto al “engagement” de futuros suscriptores, en The New York Times le da la bienvenida al contenido esponsoreado del que escribí bastante el año pasado.
  • El mayor desafío del rediseño, según Renda Morton (jefa de Diseño de Producto) fue lograr cambiar la manera en que se hacían las cosas en el área, el resto de las batallas técnicas fueron menores frente al cambio cultural.
  • Este profundo rediseño apunta a que The New York Times “deje de hacer rediseños”. Es decir que pueda ir mejorando su sitio de a poco a medida que surgen nuevas tendencias sin tener que hacer grandes anuncios (como éste).

Así se veía el site antes del rediseño

Así se veía el site antes del rediseño

Más allá de este punteo recomiendo mucho leer la entrevista hecha por Open News al staff de diseño, el post oficial sobre la tecnología detrás de la renovación y la opinión de Brian Stelter (ex NYT, actual CNN) sobre el cambio.

Yapa: gracias NYT por quitar el paginado, ahora no hay que hacer click a otra url para leer las notas largas 😀

Así se hizo la renovación del sitio de TN

Tn.com.ar tuvo un rediseño profundo, llamado por el medio #ReEvoluciónTN . En aquel momento me pareció interesante lo que hicieron desde producto, pero sobre todo por cómo lo hicieron (dándole mucha exposición, incluso en TV, a los principales ejes de un trabajo que suele ser silencioso). Una línea aparte se la lleva el Tumblr que armaron lleno de info interesante de back para los que trabajamos en medios digitales.

TN

Para saber más le escribí a Ezequiel Apesteguía – amigo de la casa, jefe de Proyectos Digitales en Tn.com.ar y uno de los perfiles digitales más interesantes que conozco – haciéndole algunas preguntas por mail. Las respuestas llegaron ahora y son tan válidas como en el momento del lanzamiento.

Ezequiel Apesteguia

El site salió al aire en agosto, ¿cuándo comenzaron a trabajar en el rediseño? ¿Cómo lo balancearon con el trabajo diario?

En total fueron 5 meses de proyecto. Para el día a día sólo atendimos urgencias puntuales o cosas que ya teníamos planificadas. Como el trabajo fue gigantesco, nos enfocamos casi exclusivamente en el rediseño. Como imaginarás, no fue nada fácil: trabajamos con más de 14 pantallas, 8 sistemas operativos y 7 navegadores para mejorar la experiencia digital de TN.

– ¿Qué meta tenían con el rediseño y con qué tecnología lo hicieron?

La intención, desde el inicio, fue optimizar la experiencia de consumo digital y crear una plataforma disruptiva e innovadora, que estuviera a la altura de los mejores sitios internacionales. Para lograrlo, hicimos un exhaustivo uso de datos sobre el comportamiento de las audiencias: todas las decisiones importantes están fundamentadas en información de uso del sitio y las apps (móvil + TV).

Objetivos concretos fueron tres: aumentar el tiempo de permanencia, la cantidad de páginas vistas y mejorar el rendimiento de la publicidad. De forma general usamos Drupal, con mucho JS y HTML5 junto con CSS3.

– ¿Cómo está compuesto el equipo de trabajo (diseñadores, desarrolladores, periodistas, etc)?

Para este proyecto fuimos 25 personas, 10 dedicadas y 15 con participación parcial para momentos específicos. Además, toda la parte de diseño la trabajamos con la agencia IconoSur.

Los perfiles son muy diversos, ya que somos un equipo heterogéneo y multidisciplinario. Tenemos jefes de producto con orientación periodística, analistas de métricas y datos, diseñadores, desarrolladores de front y back-end, especialistas en implementación y arquitectura de servidores, encargados de asegurar la calidad final y responsables de video.

– ¿Por qué tanto foco en señales en vivo?

El video sigue creciendo a pasos agigantados en la red. Para un canal de TV es la piedra angular de su producto, la materia prima con la que trabaja. Poder aprovechar de forma más radical esa enorme cantidad de señales en vivo que disponemos fue parte de una primera etapa de desarrollo que seguiremos profundizando en los próximos meses.

En el caso de las PASO y las últimos elecciones, por ejemplo, pusimos a disposición de los usuarios 6 señales en vivo desde distintos puntos de la ciudad. Todas esas señales podían accederse desde cualquier pantalla digital. Es un diferencial, pero a la vez un gran desafío tecnológico poder lograr el punto de equilibrio entre usabilidad, performance, conectividad y recursos de los distintos dispositivos que utilizan los usuarios: móbiles, tablets, notebook, PC’s y televisores, por ejemplo.

– Más personal, ¿cuál es el detalle que más te gustó de todo lo que hicieron?

Hicimos tantas cosas que me resulta difícil elegir una en particular. Creo que dejar de pensar en dispositivos para pensar sólo en pantallas fue el mayor desafío. TN es el primer sitio de noticias en Argentina construido con responsive design, técnica que permite que el contenido se adapte automáticamente al tamaño de la pantalla del usuario. Fue un trabajo monumental.

Aunque si tuviera que elegir, el detalle que más me gustó fue el proceso de trabajo en sí mismo. Desde la conceptualización en papel hasta hoy que todavía seguimos ajustando detalles y probando cosas nuevas. De rediseño fueron 1000 horas de trabajo y más de 20 mil líneas de código. Creo que no lo hubiéramos conseguido sin el esfuerzo de un equipo maravilloso.

Polygon renueva el diseño de sus notas

Me interesa mucho, aún más que la home, la innovación en el diseño de las notas de un medio digital. Por eso estreno esta sección de links*, el título lleva al post original, con la renovación que hizo Polygon. Este site forma parte de Vox, empresa madre de The Verge. Cracks.

* Gracias @Valenzine por el fine tuning de este feature .



Related Posts Plugin for WordPress, Blogger...