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 😀

Tu tweet puede terminar editado en una publicidad incluso cuando no lo quieras

Tony Scott, crítico de cine de The New York Times, se encontró este sábado con que un tweet suyo del 31 de diciembre se había transformado en un aviso de página completa en el diario en el que trabaja marcando un hito en el mundo de la publicidad y las redes sociales.

TweetNYT

Más allá de la sorpresa la empresa publicó en su sitio que Scott le dijo, explicitamente, “no” a la agencia de publicidad que le consultó si podía usar el tweet. Acá está el textual del e-mail del periodista a la agencia:

Well this is a new one. I’d prefer though that my tweets not be used in advertisements. That seems like a slippery slope and contrary to the ad hoc and informal nature of the medium.

And changing the tweet is basically manufacturing a quote, something I avoid.

So I’m afraid the answer is no.

La agencia no sólo lo publicó, sino que también lo edito. Este es el tweet original y en la foto de arriba se lo puede ver editado (supuestamente para evitar nombrar a la competencia):

En realidad esto sorprende porque es la primera vez que sucede pero algo no muy diferente ocurre con las citas (“Espectacular”, “Apasionante”, etc) que se leen, junto a la firma de un crítico de un medio relevante, sacadas de contexto en carteles de películas y obras de teatro.

Mientras tanto repito lo que dije el sábado:

Pd: si esto se quiere evitar, no sé si es necesario aunque recomiendo leer la reflexión de NYT, “comercial” debería avisarle a editorial que les llegó una pieza tan extraña… o lo estoy simplificando mucho? 😀

Foto: The New York Times

Extra: recomiendo la columna de Felix Salmon sobre el copyright de los periodistas.

Reporte Onlain: lo mejor del 2013 digital

Hace unos días se me ocurrió consultarle a algunos referentes de Internet su opinión sobre algunos items de este año que va terminando. Me enganché y lo que empezó como algo pequeño me tuvo procesando respuestas de varios países que nos pondrán a pensar a todos (en unos días publicaré un breve análisis).

Creo que más allá de servir como una síntesis del año que termina este reporte puede ayudar a todos (profesionales con larga y corta carrera, estudiantes, profesores y más) a tener a mano herramientas nuevas y trabajos referentes actualizados. Ojalá ustedes crean lo mismo. Invito a que compartan este post y pueden tomar lo que quieran, sólo les pido cita. Gracias.

 

fernandez  Reporte onlain  lo mejor de...   Notegraphy

 Contestaron más de 30 referentes digitales de Argentina, España, Estados Unidos, Francia, Inglaterra y Perú. Ah, es un gusto tener que entre los que responden estén los votados por otros. 🙂

Estos fueron los disparadores (cuando alguien no contestó el ítem directamente lo saqué):
– Sitio sorpresa del año (que creas que no es masivo):
– App que más usaste en el año (fuera de las masivas):
– El blog unipersonal que más leíste en 2013:
– Recomendá una cuenta de Twitter:
– Uso destacado de tecnología/diseño/usabilidad en sitios (ejemplo de manual 2012: Snowfall):
– Noticia tecno/digital/medios del año:

Respuestas en orden alfabético:

Continue reading

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.

Grandes tapas: Obama, “colgado” en Businessweek

Businessweek le pega a Obama desde una tapa en la que juega con la idea de que el presidente de Estados Unidos está andando mal y necesita un reboot. En mi caso fue muy efectiva. Tuve que verla un par de veces cuando estaba viendo tapas de revistas. ¿Cómo funcionará en los kioskos?

ObamaBusinessWeek



Related Posts Plugin for WordPress, Blogger...