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.

El rediseño de Diario Popular (papel y digital)

Ya te conté que Diario Popular no sólo tiene una tirada importante (que seguramente es uno de los disparadores del nuevo diario de Perfil) sino que también no le presta especial atención a su sitio (aunque como verán abajo esto puede estar cambiando). La semana pasada la publicación tuvo un rediseño importante del que no me quería olvidar (aunque el poco tiempo retrasó el post).

El día anterior al rediseño habían salido con esta tapa (la última con su viejo esquema):

 

El cambio se dio el pasado martes 22 con esta tapa:


Así estaba el sitio hace menos de dos años:

 

 

Así está el sitio en la actualidad:


Encontré en este sitio esta suerte de gacetilla que les puede interesar, sobre todo, a los diseñadores:

El Diario Popular salió a la calle con un rediseño orientado a posicionar al medio en la vanguardia de la producción gráfica, sin alterar la propuesta periodística con la que hace 36 años se mantiene vigente en la calle.

El rediseño que alcanza incluso hasta el logotipo mantendrá firme el espíritu del diario y significa un camino emprendido desde la evolución gráfica y editorial para contar mejor las hechos de un mundo convulsionado y veloz. El mismo fué aplicado, en un primera etapa, en el cuerpo central, el deportivo, espectáculos y turf. Luego se sumarán el resto de los suplementos y los zonales.

Las premisas básicas del nuevo diseño son las hacer un diario aun más amigable con sus lectores, más informativo, ágil y claro en su lectura que añadirá recursos gráficos y técnicos acordes a la tendencia del periodismo moderno para los medios escritos.

La iniciativa apunta a un diario que facilite la lectura con textos más reducidos pero, a su vez, con más despliegue del material periodístico para, también, estar en línea con la evolución comunicacional que da lugar al lector de estos tiempos.

Popular pasó de un diseño de 6 a 5 columnas para alcanzar una diagramación más ágil y un ancho de párrafo que permita una lectura más relajada. Respecto de la paleta de colores se ha trabajado con el rojo y el azul como colores madre y se ha normalizado el resto para su uso cotidiano.

En cuanto a la nueva tipografía, para los títulos, por ejemplo, fue elegida la Antenna, que permite por su solidez, morfología e impacto titulares contundentes a la hora de informar los sucesos.

En cambio, para el texto se utilizó la fuente Público la cual posibilita una mejora notable en la lectura de cada noticia, construyendo textos más claros para cada párrafo.

Sobre el nuevo logotipo, el concepto y la palabra Popular se muestran en todo su esplendor y suma un símbolo sobre el cual está contenida la palabra Diario, el símbolo del diálogo.

El proyecto de rediseño de Popular fue realizado por el diseñador Ariel Garofalo, quien es representante de la consultora internacional Danilo Black liderada por Eduardo Danilo y autor de diversos proyectos de diseño de medios periodísticos.

 

Las tapas las conseguí en PaperPapers.

Ciudad.com se renovó

A poco menos de un mes de que clarin.com se renovará, otro site del grupo hace lo propio. A través de un tweet de Nicolás Píccoli me enteré del cambio de cara de ciudad.com, uno de los sites de la red de Clarín.

La renovación no se olvida del logo:

El rojo y amarillo está presente en todo el diseño realizado por IconoSur (clarin.com, lavoz.com, etc) y si bien entiendo que iban para este lado veo muchas más noticias de espectáculos y “variedades” que antes. Si SEO funciona tanto como lo dicen sus más ferreos defensores a ciudad.com le tendría que ir bien. Todos los nombres que tiene en los títulos generan tráfico.

Escribo esto a la madrugada y no tengo tiempo de profundizar más en la navegación y el análisis, simplemente quería contarles el cambio que incluye un juego interesante con tags y redes. Supongo que Nico contará mucho más desde adentro en algún momento. Acá el anuncio oficial. Este es el párrafo clave para un servidor:

Es que las nuevas reformas del sitio buscan mejorar la navegación, hacer más fácil y amigable el acceso a los contenidos y, además, darle una mayor relevancia a tu participación. No tenemos dudas de que la información que compartimos concluye con la opinión de todos ustedes, los lectores. Por esto, se modificó el sistema de comentarios en los artículos y se incluyó en la página principal la actividad en redes sociales.

De yapa les dejo una captura de ciudad.com en junio de 2002, a seis meses del corralito y los asesinatos en Plaza de Mayo. Parece ayer pero no existía Facebook, Twitter y Youtube, Google comenzaba a asomar, Beliz era ministro y el dolar estaba a menos de tres pesos. 😛 Comparen con la captura de arriba de todo.


El nuevo clarin.com, según su editor jefe

Esta madrugada se renovó el diseño de clarin.com. Al mismo tiempo se publicó la nota en la que Darío D´atri, editor jefe del sitio, presenta los cambios.

Va un extracto en el que se contextualiza el cambio:

El rediseño que presentamos hoy responde a los enormes cambios que Internet ha provocado en la forma de buscar, encontrar, seleccionar y consumir noticias e información. Los grandes medios son el destino preferido y más confiable de la Red a la hora de informarse, pero ahora también cientos de miles de personas, cada día, cada hora, buscan la información de sitios como Clarín.com a través de Google, o llegan a ella por recomendaciones de amigos de Facebook, Twitter y otras redes sociales. Esa nueva forma de mediatización de la información implica enormes desafíos al ejercicio periodístico. El acceso a información periodística en múltiples plataformas, como una pantalla de una netbook, un iPhone, un celular inteligente o una clásica pantalla de computadora cambia de raíz la forma de producir, editar y publicar noticias en Internet.

La nota completa.



Related Posts Plugin for WordPress, Blogger...