Diseño Web Bien Hecho: Excelente Editorial

Gran parte de la conversación sobre diseño web se refiere a lo que sucede en torno al contenido. Velocidad de página, sistemas de diseño, optimización de motores de búsqueda, marcos, accesibilidad: la lista sigue y sigue. Esto nos da mucho sobre lo que escribir en Smashing Magazine , lo cual es genial, aunque vale la pena recordarnos para qué sirve todo esto.

En esta tercera edición de nuestra serie Diseño web bien hecho , nos centramos en el corazón palpitante de muchos sitios web: el contenido. Más concretamente, contenido editorial. La Web ha brindado a los narradores una increíble selección de herramientas con las que trabajar y, como periodista semicompetente ocasional, me encanta una buena primicia.

Lo que sigue son ejemplos de tecnologías web que se entrelazan con contenido editorial para llevarlo al siguiente nivel. Luego cerraremos con consejos más amplios sobre cómo pensar creativamente sobre el contenido digital. Incluso ahora, abrumado por la línea de producción de contenido, las cosas buenas aún brillan.

Reuters se inclina por deslizar

En este artículo sobre el racismo sistémico en los EE. UU., Reuters da forma al contenido en torno al deslizamiento, dividiendo la historia en fragmentos del tamaño de un bocado. La lectura se siente mucho más útil de lo que sería a través de un enfoque de desplazamiento tradicional. Es como pasar las páginas de un libro. En el móvil, literalmente pasas a la siguiente sección. Ofrece informes ágiles e inmediatos, y eso sin mencionar la excelente visualización de datos que se muestra.

Vivimos en un mundo en el que priman los dispositivos móviles. No tiene sentido ser precioso acerca de esto. Sí, los pliegos de revista tienen cierta clase sobre ellos. Sí, una vista de escritorio le brinda un lienzo más grande para trabajar. La realidad es que la mayoría de las personas verán lo que publicas en un teléfono móvil, así que infórmate. Para un enfoque similar, estas 'historias tap' de The New York Times y Input también son excelentes. Para aquellos interesados ​​en leer más sobre editoriales centrados en dispositivos móviles, se recomienda encarecidamente The Story , del legendario diseñador de periódicos Mario García.

The New York Times muestra en lugar de contar

A pesar de todas las cosas horribles que ha causado la pandemia de COVID-19, al menos ha dado lugar a algunos reportajes asombrosamente buenos. Este artículo interactivo del New York Times explica cómo funcionan las mascarillas llevando a los lectores al nivel de las partículas. Puede ver cómo las fibras atrapan partículas y por qué diferentes máscaras tienen diferentes niveles de efectividad. Cualquier tonto puede hacer que los temas complicados sean difíciles de entender, pero ¿hacerlos fáciles de entender? Esa es una forma de arte en sí misma.

Hay muchos elementos en juego aquí. Gráficos, color, animación: incluso hay una experiencia de realidad aumentada si eso te hace flotar. Lo que fácilmente podría haber sido un tema seco y sofocante cobra vida. Y lo más importante de todo, es información vital. Cosas como esta es la razón por la que Gabriel Gianordoli fue votado como el mejor diseñador del mundo en los premios Society for News Design de 2020. Imponente.

The Washington Post visualiza una propagación exponencial

La pandemia también ha obligado a la visualización de datos a las portadas de publicaciones de todo el mundo. Este artículo sobre la propagación exponencial de marzo de 2020 (¿recuerdas eso?) hace un trabajo increíble al visualizar cómo y por qué ciertos virus se convierten en problemas realmente grandes muy rápido. Desde simulaciones completas hasta pequeños gráficos minigráficos en línea, este es un editorial que aprovecha al máximo su entorno digital.

Lo que me gusta especialmente de este es que nunca se siente gratuito. Cada imagen mejora la historia, hasta el punto en que casi sientes lástima de que alguien tenga que explicar los mismos conceptos solo con palabras. El hecho de que esté disponible en más de una docena de idiomas con solo hacer clic en un botón es otro toque maravilloso: un recordatorio de que, de hecho, la Web no tiene fronteras. Solo puedo imaginar a cuántas personas en todo el mundo ha ayudado este artículo.

El proyecto Marshall mezcla medios

Aquí The Marshall Project presenta un periodismo contundente sobre el sistema de justicia penal estadounidense con la elegancia y la belleza agridulce de un libro de cuentos para niños. En "The Zo", se combinan la escritura creativa, la ilustración llamativa, la narración fascinante y una historia importante. Esto es editorial multimedia en pleno flujo.

Dicen que las canciones pueden tomar varias formas. Lo mismo ocurre con el contenido editorial en línea. Lo que ve arriba se inspiró en un artículo académico de 96 páginas. El hecho de que pueda encontrar una nueva audiencia como una serie animada en línea y luego ser nominado para no uno sino dos premios Emmy es un testimonio de los poderes transformadores de Internet.

La novela gráfica interactiva de SBS no es novedad

Hablando de los poderes transformadores de Internet, ¿qué tal una historia interactiva? Todos estamos familiarizados con las adaptaciones cinematográficas, las adaptaciones de obras de radio, las adaptaciones de miniseries, etc. ¿Por qué no adaptaciones de páginas web? Eso es justo lo que la emisora ​​australiana SBS se propuso hacer con The Boat , un recuento interactivo de una historia corta del libro del mismo nombre de Nam Le.

La secuencia de apertura de la página te atrapa, sus palabras se inclinan y giran con las olas mientras lees, con los sonidos del trueno y la lluvia llenando tus sentidos hasta el borde. A medida que la historia se asienta, las ilustraciones de Matt Huynh pasan como recuerdos. Es una experiencia notablemente vívida, hermosa por derecho propio, así como una forma inteligente de acercar la literatura a las generaciones más jóvenes.

Los monos de pudín alrededor

Ojalá me hubiera topado con esto a tiempo para la edición sonora de esta serie de sitios inspiradores. No importa, ya está aquí. En una muestra verdaderamente soberbia de editorial digital, The Pudding no explica tanto el teorema del mono infinito como lo vive a través de la música. ¿No sabes qué es el Teorema del Mono? Bueno, qué estás esperando, la página hará un trabajo de explicación infinitamente mejor que yo. Esperaré.

Mediante el uso de ejemplos interactivos de cuatro notas, el artículo involucra al lector y al mismo tiempo simplifica la comprensión del concepto. Como un toque final encantador, la página es en sí misma un experimento en vivo y en curso, que se abre paso aleatoriamente a través de melodías cada vez más complejas. Puede esperar que tenga el "Ejército de las siete naciones" correcto en aproximadamente 19 años. Uno se pregunta si un mono escribiendo en un teclado durante el tiempo suficiente podría crear el marco JavaScript perfecto. La esperanza es eterna.

Una lista aparte: una clase aparte

A pesar de todo lo que se habla de visualización de datos, música, realidad aumentada y otras herramientas elegantes, hay mucho que decir para obtener el derecho fundamental. Las páginas no tienen que ser el equivalente web de Las Vegas Strip para llamar la atención. Una lista Apart muestra eso mejor que la mayoría. Su enfoque del contenido siempre tendrá un lugar en mi corazón. Título, ilustración, copia, hipervínculos azules. Hermosa.

Ahora me doy cuenta de que hace mucho tiempo escribí sobre las dos ramas del diseño web 'brutalista'. La esencia de lo que dije fue que un enfoque es ruidoso y descarado, el otro resueltamente funcional. A List Apart muestra la belleza de este último bien hecho. El conjunto de herramientas multimedia es un activo maravilloso, pero incluso ahora hay momentos en los que solo las palabras son suficientes.

Pensar creativamente sobre el contenido

Para bien o para mal, la web está absolutamente inundada de contenido. Mucho de eso es genial, mucho de eso no lo es. Mucho de lo que se habla al respecto tiene la cadencia fría y calculadora que uno esperaría de los industriales hablando de líneas de montaje. Con suerte, los ejemplos compartidos anteriormente hablan del valor de resistir la tentación de producir cosas en masa, pero seamos realistas: la mayoría de los sitios web no tienen los recursos de, por ejemplo, The Washington Post .

Sin embargo, hay formas de pensar creativamente sobre el contenido en todos los niveles, desde blogs personales hasta publicaciones globales. Éstos son algunos de ellos:

• Cuestiona tu enfoque predeterminado.
  Somos criaturas de hábitos, incluso en la forma en que contamos nuestras historias. Tómese el tiempo desde el principio para dar un paso atrás y preguntar: ¿Cómo podría hacer esto de manera diferente? Tal vez un ensayo fotográfico sería más prudente que un artículo. Tal vez un mapa de calor sea mejor que una tabla. La especialización es importante, por supuesto, pero no dejes que te ciegue a otras formas, a menudo complementarias, de hacer las cosas.
• Utiliza recursos gratuitos.
  Uno de los grandes regalos de Internet es la cantidad de cosas gratis increíbles que hay. Como, en realidad gratis, a propósito. Desde fotografía hasta diseño gráfico, herramientas de visualización de datos y software de edición de audio, los recursos que necesita para transformar su contenido están a solo un clic de distancia. Nuestra etiqueta de regalos es un buen lugar para comenzar.
• Dar contenido de múltiples formas.
  Como demostró especialmente bien The Marshall Project con “The Zo”, las historias pueden encontrar nuevas audiencias cuando toman formas diferentes. ¿Escribió un artículo? Genial, ¿por qué no grabar una versión de audio? ¿Produjo un informe basado en datos? Bastante genial, aunque ¿es tan genial como podría ser si comenzaras a conectar esos números en D3? Sólo hay una forma de averiguarlo.
• Experimentar.
  Los ejemplos aquí son la flor y nata de la cosecha, pero vale la pena mencionar que se puede ganar mucho probando nuevas ideas y aceptando el fracaso ocasional que conlleva. La iteración es clave para el proceso creativo. Si intentas algo y no funciona, bien, no importa. Es la única manera de llegar a lo que funciona.

No existe un enfoque único para el contenido, pero es esencial respetar la historia. Las tecnologías web son complementarias, no el evento principal. Que no sean la cola que mueve al perro. Los mejores resultados se obtienen cuando la historia está en armonía con la forma en que se cuenta. Ese es el tipo de contenido que se queda con la gente durante años.