Web Design fatto bene: editoriale eccellente

Molti discorsi sul web design riguardano ciò che accade intorno ai contenuti. Velocità della pagina, sistemi di progettazione, ottimizzazione dei motori di ricerca, framework, accessibilità: l'elenco potrebbe continuare all'infinito. Questo ci dà a Smashing Magazine molto di cui scrivere, il che è fantastico, anche se vale la pena ricordare a noi stessi a cosa serve tutto.

In questa terza edizione della nostra serie Web Design Done Well , stiamo affinando il cuore pulsante di molti siti Web: i contenuti. Nello specifico, i contenuti editoriali. Il Web ha fornito ai narratori un'incredibile selezione di strumenti con cui lavorare e, in quanto giornalista occasionale semi-competente, adoro i buoni scoop.

Quelli che seguono sono esempi di tecnologie web intrecciate con contenuti editoriali per portarli al livello successivo. Chiuderemo quindi con suggerimenti più ampi su come pensare in modo creativo ai contenuti digitali. Anche ora, sopraffatto dalla linea di produzione dei contenuti, le cose buone continuano a brillare.

Reuters si affida allo swiping

In questo pezzo sul razzismo sistemico negli Stati Uniti, Reuters modella il contenuto attorno allo swipe, suddividendo la storia in piccoli frammenti. La lettura sembra molto più mirata di quanto non sarebbe attraverso un tradizionale approccio a scorrimento. È come voltare le pagine di un libro. Sui dispositivi mobili, scorri letteralmente alla sezione successiva. Offre report rapidi e immediati, per non parlare dell'eccellente visualizzazione dei dati in mostra.

Viviamo in un mondo mobile first. Non ha senso essere preziosi su questo. Sì, le pubblicazioni delle riviste hanno una certa classe su di loro. Sì, una visualizzazione desktop ti offre una tela più grande con cui lavorare. La realtà è che la maggior parte delle persone visualizzerà ciò che pubblichi su un telefono cellulare, quindi approfondiscilo. Per un approccio simile, anche queste "storie tap" del New York Times e Input sono eccellenti. Per coloro che sono interessati a ulteriori letture sull'editoriale incentrato sui dispositivi mobili, si consiglia vivamente The Story del leggendario designer di giornali Mario Garcia.

Il New York Times mostra piuttosto che racconta

Nonostante tutte le cose terribili che la pandemia di COVID-19 ha causato, ha almeno portato a rapporti incredibilmente buoni. Questo pezzo interattivo del New York Times spiega come funzionano le maschere per il viso portando i lettori al livello delle particelle. Puoi vedere come le fibre catturano le particelle e perché diverse maschere hanno diversi livelli di efficacia. Qualsiasi sciocco può rendere difficili da capire argomenti complicati, ma rendendoli facili da capire? È una forma d'arte tutta sua.

Ci sono molti elementi in gioco qui. Grafica, colore, animazione: c'è anche un'esperienza di realtà aumentata se questo fa galleggiare la tua barca. Quello che avrebbe potuto essere così facilmente un argomento arido e soffocante prende vita. E, soprattutto, sono informazioni vitali. Cose del genere è il motivo per cui Gabriel Gianordoli è stato votato come miglior designer del mondo ai premi della Society for News Design 2020. Fracassando.

Il Washington Post visualizza una diffusione esponenziale

La pandemia ha anche costretto la visualizzazione dei dati sulle prime pagine delle pubblicazioni di tutto il mondo. Questo articolo sulla diffusione esponenziale di marzo 2020 (ricordatelo?) Fa un lavoro incredibile nel visualizzare come e perché alcuni virus diventano dei veri e propri grossi problemi molto rapidamente. Dalle simulazioni in piena regola ai piccoli grafici sparkline in linea, questo è un editoriale che sfrutta appieno la sua impostazione digitale.

Quello che mi piace particolarmente di questo è che non si sente mai gratuito. Ogni visual migliora la storia, al punto che ti senti quasi dispiaciuto per chiunque debba spiegare gli stessi concetti con le sole parole. Essendo disponibile in più di una dozzina di lingue con il semplice clic di un pulsante è un altro tocco meraviglioso: un promemoria che il Web è in realtà senza confini. Posso solo immaginare quante persone in tutto il mondo questo articolo ha aiutato.

Il progetto Marshall mescola i media

Qui The Marshall Project presenta un giornalismo incisivo sul sistema di giustizia penale statunitense con l'eleganza e la bellezza agrodolce di un libro di fiabe per bambini. In "The Zo", la scrittura creativa, l'illustrazione sorprendente, la narrazione affascinante e una storia importante si combinano. Questo è un editoriale multimediale in pieno svolgimento.

Dicono che le canzoni possono assumere diverse forme. Lo stesso vale per i contenuti editoriali online. Quello che vedi sopra è stato ispirato da un documento accademico di 96 pagine. Il fatto che possa trovare un nuovo pubblico come serie animata online, quindi essere nominato non per uno ma per due Emmy, è una testimonianza dei poteri di trasformazione di Internet.

La graphic novel interattiva di SBS non è una novità

Parlando dei poteri di trasformazione di Internet, che ne dici di una storia interattiva. Conosciamo tutti adattamenti cinematografici, adattamenti radiofonici, adattamenti di miniserie e così via. Perché non adattare le pagine web? Questo è proprio ciò che l'emittente australiana SBS ha deciso di fare con The Boat , una rivisitazione interattiva di un racconto nell'omonimo libro di Nam Le.

La sequenza di apertura della pagina ti attira subito, le sue parole si inclinano e ruzzolano con le onde mentre leggi, con i suoni di tuoni e pioggia che riempiono i tuoi sensi fino all'orlo. Mentre la storia si stabilizza, le illustrazioni di Matt Huynh passano come ricordi. È un'esperienza straordinariamente vivida, bella di per sé e un modo intelligente per portare la letteratura alle generazioni più giovani.

Le scimmie budino in giro

Vorrei trovarlo in tempo per l'edizione sonora di questa serie di siti stimolanti. Non importa, è qui ora. In una vetrina davvero superba di editoria digitale, The Pudding non spiega tanto il Teorema della Scimmia Infinita quanto lo vive attraverso la musica. Non sai cos'è il teorema delle scimmie? Bene, cosa stai aspettando, la pagina farà un lavoro di spiegazione infinitamente migliore di quanto potrei fare io. Aspetterò.

Utilizzando esempi interattivi di quattro note, l'articolo coinvolge il lettore rendendo anche il concetto semplice da capire. Come tocco finale e delizioso, la pagina stessa è un esperimento dal vivo, in corso, che si fa strada in modo casuale attraverso melodie sempre più complesse. Puoi aspettarti che ottenga "Seven Nation Army" in circa 19 anni. Ci si chiede se una scimmia che digita su una tastiera abbastanza a lungo possa creare il framework JavaScript perfetto. La speranza è l'ultima a morire.

Una lista a parte: una classe a parte

Nonostante tutti i discorsi su visualizzazione dei dati, musica, realtà aumentata e altri strumenti sgargianti, c'è molto da dire per ottenere il diritto fondamentale. Le pagine non devono essere l'equivalente web della Vegas Strip per essere accattivanti. Un elenco a parte lo mostra meglio della maggior parte. Il suo approccio al contenuto avrà sempre un posto nel mio cuore. Titolo, illustrazione, copia, collegamenti ipertestuali blu. Bellissimo.

Quello che ora mi rendo conto è stato molto tempo fa in modo inquietante, ho scritto dei due rami del web design "brutalista". Il succo di ciò che ho detto è che un approccio è rumoroso e sfacciato, l'altro risolutamente funzionale. A List Apart mostra la bellezza di quest'ultimo fatto bene. Il kit di strumenti multimediali è una risorsa meravigliosa da avere, ma anche ora ci sono momenti in cui solo le parole vanno bene.

Pensare in modo creativo ai contenuti

Nel bene e nel male, il web è assolutamente inondato di contenuti. Molto è fantastico, molto non lo è. Gran parte delle chiacchiere intorno ha la cadenza fredda e calcolatrice che ti aspetteresti prima dagli industriali che parlano di catene di montaggio. Si spera che gli esempi condivisi sopra parlino del valore di resistere all'impulso di sfornare le cose, ma siamo realisti: la maggior parte dei siti Web non ha le risorse, ad esempio, del Washington Post .

Tuttavia, ci sono modi per pensare in modo creativo ai contenuti a tutti i livelli, dai blog personali alle pubblicazioni globali. Eccone alcuni:

• Metti in dubbio il tuo approccio predefinito.
  Siamo creature abitudinarie, anche nel modo in cui raccontiamo le nostre storie. Prenditi del tempo per fare un passo indietro e chiedere, come potrei farlo diversamente? Forse un saggio fotografico sarebbe più prudente di un articolo. Forse una mappa termica è meglio di un tavolo. La specializzazione è importante ovviamente, ma non lasciarti accecare da altri modi, spesso complementari, di fare le cose.
• Usa risorse gratuite.
  Uno dei grandi doni di Internet è la quantità di incredibili cose gratuite che ci sono. Come, in realtà gratis, apposta. Dalla fotografia alla progettazione grafica, dagli strumenti di visualizzazione dei dati al software di editing audio, le risorse necessarie per trasformare i tuoi contenuti sono a portata di clic. Il nostro tag omaggi è un buon punto di partenza.
• Dai al contenuto più forme.
  Come The Marshall Project ha mostrato particolarmente bene con "The Zo", le storie possono trovare un nuovo pubblico quando assumono forme diverse. Hai scritto un articolo? Ottimo, perché non registrare una versione audio? Hai prodotto un rapporto basato sui dati? Abbastanza bello, anche se è bello come potrebbe essere se iniziassi a collegare quei numeri in D3? Solo un modo per scoprirlo.
• Sperimentare.
  Gli esempi qui sono la crema del raccolto, ma vale la pena ricordare che c'è un'enorme quantità da guadagnare provando nuove idee e abbracciando l'occasionale fallimento che ne deriva. L'iterazione è la chiave del processo creativo. Se provi qualcosa e non funziona, va bene, non importa. È l'unico modo per arrivare a ciò che funziona.

Non esiste un approccio ai contenuti valido per tutti, ma il rispetto della storia è essenziale. Le tecnologie Web sono supplementari, non l'evento principale. Non lasciare che siano la coda che agita il cane. I migliori risultati arrivano quando la storia è in armonia con come viene raccontata. Questo è il tipo di contenuto che rimane con le persone per anni.