BlogUI

The New Yorker está rediseñando su rediseño, pero problemas…

The New Yorker está rediseñando su rediseño, pero los problemas persisten.

miniaturaSolo tres cortas semanas desde entonces El neoyorquino presentó su nuevo sitio web receptivo, ya ha habido muchas actualizaciones. Si bien no es raro que surjan problemas después de un lanzamiento, la versión en línea actual de la clásica revista estadounidense tiene algunos problemas fundamentales que requieren más que una solución rápida.

Es difícil imaginar una revista con mayor tradición que The New Yorker, la revista aspiracional sinónimo de vida en la Gran Manzana para muchos. A pesar de que su contenido se centra en gran medida en el área metropolitana de Nueva York, su atractivo es mundial y se puede encontrar en los estantes de revistas en las salas de espera desde Bagdad hasta Bangkok.

A pesar de este pedigrí, The New Yorker experimentó el mismo toque que otros grandes títulos. Tiempo y feria de las vanidades, a medida que los lectores se mueven en línea. dueños Conde Nast eligió este verano para revisar el sitio, pero el resultado fue un accidente automovilístico en cámara lenta del lanzamiento de un sitio web que no hizo nada para atraer nuevos suscriptores antes del cambio de otoño a lo que CN Espero que sea un modelo rentable, paywall.

Por supuesto, es imposible saber exactamente de dónde vienen los problemas en línea de The New Yorker sin ser parte del funcionamiento interno de la editorial. Sin embargo, los problemas que son evidentes apuntan con el dedo firmemente al enemigo del diseñador web: la interferencia desde arriba.

A primera vista, el nuevo sitio de The New Yorker es un espacio minimalista y atractivo donde el foco principal está en el contenido. Tengo que admitir que puede ser un poco raro, incluso para mí. Pero en mi opinión, es una mejora significativa con respecto a la versión anterior. Incluso en lugares donde el diseño no funciona del todo, como el espacio vertical en el mástil, todo parece mejorar mucho una vez que se reduce la ventana del navegador. No puedo decir si el equipo tomó un enfoque móvil primero (o al menos, tableta) y luego se quedó sin tiempo para la versión de escritorio, pero eso es lo que parece.

comparación

la versión antigua de newyorker​.com (izquierda) y la nueva versión (derecha).

El sitio podría haberse beneficiado de tal vez un poco de calidez en el fondo, el más pequeño de los blancos, habría hecho una experiencia de lectura más relajante. Sin embargo, ciertamente no culparía al equipo de diseño por reducir los elementos extraños en la página, incluso si los resultados finales son un poco duros.

yo tambien soy fan de stanley chow elegantes retratos de colaboradores. Consiguen ser ligeros, sin convertirse en caricaturas, lo que encaja perfectamente con el tono de la revista.

RETRATOS

Uno de los aspectos más atractivos de The New Yorker en línea es la tipografía, que ha sido cuidadosamente diseñada para reflejar la marca de la revista impresa. Hay un kerning particularmente agradable en el «Spotlight” título reemplazando una ligadura. El tipo de pantalla se toma del diseño anterior. Nueva York IRVINE (proporcionado como una solución personalizada por Adobe Typekit) y el cuerpo del texto es Adobe Caslón. Incluso hay un poco de Neutraface arrojado en buena medida.

Es una pena que el énfasis en la buena tipografía se haya visto afectado por la falta de atención a los detalles. A lo largo del contenido, encontrará viudas, especialmente ofensivas por la alineación central. Seguramente no es difícil insertar un espacio que no se rompa, al menos para la copia destacada.

viuda

Hay algunas decisiones que yo personalmente no he tomado. ¿Por qué, por ejemplo, los elementos destacados están alineados al centro? Centrar el texto no facilita el escaneado. Además, ¿por qué está aplicando la alineación de manera inconsistente? es perturbador Pero esas cosas son en gran medida subjetivas y conozco a muchos diseñadores que no estarían de acuerdo conmigo.

alineación

El «El título más popular a la derecha debe alinearse con la lista.

Desafortunadamente, el elemento dominante en cualquier página de The New Yorker en línea es la publicidad. Por supuesto, entiendo la necesidad de generar ingresos. Incluso si Condé Nast no fuera una organización comercial, no podría administrar la revista con pérdidas. Personalmente, espero que el sitio de paywall elimine la mayoría, si no toda, la publicidad. Sin embargo, el aspecto actual sugiere que al menos parte de la publicidad debe permanecer, por lo que me gustaría ver que el diseño disminuya su dominio en la pantalla.

Una de las muchas revisiones del rediseño fue un esfuerzo por contener anuncios visuales, con la introducción de dispositivos como la regla entre el encabezado y los anuncios de banner superior. La pregunta es, ¿por qué no se implementaron estos detalles en el rediseño original?

PUBLICIDAD

Se realizaron cambios menores en el rediseño original (arriba) para corregir problemas en el nuevo rediseño (abajo).

Sin embargo, donde realmente empiezan a surgir los problemas es en la implementación. Abajo (izquierda) se muestra el efecto de desplazamiento de la imagen de hace unas semanas, donde aparecían bandas al mover el mouse. Abajo (derecha) está la última versión, en la que se ha corregido el problema. Sí, es genial que el equipo de The New Yorker haya solucionado el problema, pero este error se encontró en la versión actual de Chrome, no es una configuración relativamente oscura, y es difícil ver cómo podría haber llegado al sitio en vivo.

fijado

Otros problemas aún no solucionados: eche un vistazo al cuadro de suscripción en el lado izquierdo de la columna. Si ha estado en la industria web por menos de una década, no habrá visto uno de estos antes; se llama mapa de imagen. En serio.

Con mucho, el aspecto más preocupante de ambos rediseños fue la clara influencia que tuvieron en las decisiones editoriales.

El rediseño del New Yorker grita sobre un sitio que fue burlado usando Lorem Ipsum. Y para una publicación con décadas de contenido para probar, la única razón posible es una separación completa del proceso de diseño del personal editorial.

espacio en blanco

Demasiados espacios en blanco traicionan un diseño que no tenía un contenido real con el que trabajar.

Uno publicación de blog que detalla el rediseño original, Los editores de The New Yorker afirman:

Durante meses, nuestros equipos editoriales y de tecnología han estado acurrucados en un caldero, subsistiendo con sándwiches de queso rancio y un suministro racional de agua del grifo, trabajando sin quejarse en cuestiones complejas de diseño, funcionalidad, acceso y cómo se llama clínicamente. «experiencia de usuario.»

Claramente, existe cierta apreciación, aunque descarada, de la necesidad de coordinar esfuerzos para proporcionar este tipo de sitio; pero los resultados hablan por sí solos.

El rediseño del New Yorker de hecho sufrió una falla al ser probado hasta el punto de ruptura en una etapa muy temprana. Está claro que los errores que llegaron a la versión en vivo podrían haberse solucionado rápidamente, porque aparecieron en semanas. Y así, parece que el equipo interno cometió el clásico error de lanzar demasiado pronto. El verano destinado a atraer nuevos suscriptores antes de que se introdujera el muro de pago este otoño se dedicó a jugar con una versión beta que nunca debería haberse visto fuera de las oficinas de Condé Nast.

The New Yorker innegablemente tiene un gran contenido. Y Condé Nast tiene la fuerza financiera para presentarlo en un paquete tan atractivo que sería imposible hacer clic. Sin embargo, su última encarnación en línea parece terriblemente inacabada, y las revisiones recientes solo han tocado los problemas superficiales.

ben musgo

Ben Moss es editor sénior en WebdesignerDepot. Ha diseñado y codificado trabajos para startups galardonadas, incluidos nombres globales. IBM, UBSy FBI. Uno de estos días conducirá un sub-4maratón de horas Saluda a Twitter.

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba
Cerrar