I 24 migliori siti web interattivi del 2015

Tutti sono entusiasti della popolarità dei video web quest'anno, ma una forma di contenuto visivo meno discussa, i siti web interattivi, può essere molto più coinvolgente. Questi siti attirano lo spettatore all'interno di storie ricche con splendide fotografie, video, parole ed elementi interattivi che creano un'esperienza personale stimolante. Queste sono alcune delle stelle migliori e più luminose in una costellazione di eccellenti siti web interattivi (passiamo molto tempo al buio in questo periodo dell'anno, ci scusiamo per aver usato una metafora ridicola). Ad ogni modo, queste sono alcune delle cose che secondo noi dovrebbe fare una buona esperienza interattiva:

• Rendi accessibili e riconoscibili enormi quantità di dati
• Informare o intrattenere
• Usa l'interattività per creare un'esperienza distinta per ogni spettatore
• Crea una connessione emotiva che i contenuti statici non avrebbero

Ecco 24 dei nostri preferiti, nominati dalle persone dell'ufficio di Visually. Ciò include un mix di elementi interattivi di media, marchi, organizzazioni geopolitiche e designer che lo fanno solo per divertimento. Se vuoi davvero scavare a fondo, puoi anche controllare un elenco completo delle scelte del nostro staff dalla Visually Community. Abbiamo cercato di essere imparziali, ma dal momento che produciamo alcuni siti web interattivi di cui siamo piuttosto orgogliosi, alcuni si sono intrufolati nell'elenco. Abbiamo chiamato quelli su cui abbiamo lavorato di seguito.

Tempo: un anno nello spazio

Importante perché: questo sito Web interattivo descrive il viaggio dell'astronauta della NASA Scott Kelly alla Stazione Spaziale Internazionale e il suo tempo nello spazio nel corso del 2015. È presentato in episodi, semplificando la navigazione in blocchi. Le immagini sono visivamente sbalorditive e l'argomento stimola lo spirito infantile di esplorazione in tutti noi. La ciliegina sulla torta è quando il sito abbatte la quarta parete mostrandoti dove si trova attualmente la Stazione Spaziale Internazionale, quindi spiega come uscire e individuarla nel cielo.

Migliori qualità interattive: gli sfondi dinamici conducono a segmenti video che documentano il viaggio e il lavoro di Kelly. Un pannello di navigazione sul lato sinistro della pagina rende facile fare clic da una sezione all'altra e ha anche il tipo di telemetria in tempo reale che ti aspetteresti dalla NASA.

Land Rover: Il gioco della scomparsa

Importante perché: questo interattivo dà vita a una storia scritta dall'autore William Boyd. Si descrive come "un'avventura raccontata utilizzando le incredibili tecniche dell'era digitale e sociale". Tradotto, ciò significa che è un video interattivo in cui lo spettatore ha il controllo sugli stimoli che riceve. Rimuovi le immagini, leggi una sceneggiatura scorrevole, ascolta la narrazione o chiudi tutto per un film muto.

Migliori qualità interattive: i pulsanti di navigazione limitati lasciano l'attenzione su immagini straordinarie e sulla trama. Il contenuto cambia man mano che il lettore scorre in avanti, consentendo allo spettatore di impostare il proprio ritmo.

TSN: Favela United

Importante perché: questa storia vera dalle favelas impoverite del Brasile racconta di giovani donne dure che sono state plasmate dalla cultura del calcio. Ottimo reportage con transizioni drammatiche e immagini straordinarie.

Migliori qualità interattive: la storia intreccia una potente narrativa umana con statistiche profonde. Questo mix di reportage di qualità, fotografia e design è totalmente avvincente.

NPR: una ragazza può sognare

Importante perché: NPR abbina audio, video e uno storyboard interattivo per portare gli spettatori in un viaggio in una scuola in Afghanistan per uno sguardo da vicino alle sfide che le donne devono affrontare nel sistema educativo.

Migliori qualità interattive: i fotogrammi fissi vengono uniti insieme per creare un'animazione che fa avanzare la storia. Il testo è suddiviso in piccoli pezzi che vengono sovrapposti nella parte inferiore delle immagini per creare un'esperienza di lettura più semplice.

Cohn & Wolfe: il colesterolo conta

Importante perché: questo contenuto esplicativo conduce i lettori stato per stato attraverso le statistiche sui problemi legati al colesterolo (dai livelli medi di colesterolo alla consapevolezza e all'istruzione). Informativa completa : prodotto visivamente questo contenuto.

Migliori qualità interattive: una mappa cliccabile dà vita a questa storia e visualizzazioni di dati separate per ogni stato rendono la storia coerente e coinvolgente.

Photo World: quanto è grande Snapchat?

Importante perché: questo interattivo è puro divertimento. Mostrando quante più immagini vengono condivise su Snapchat ogni secondo rispetto a WhatsApp, Facebook e Instagram, l'ambito della creazione di contenuti su ciascuna piattaforma diventa subito evidente.

Migliori qualità interattive: un timer scatta, secondo per secondo, man mano che aumenta il numero totale di foto condivise per piattaforma social. Questo aggiunge un senso di urgenza alla pagina e rende immediatamente il contenuto rilevante per lo spettatore.

JLL: The Square: TECH

Importante perché: questo stile interattivo scegli la tua avventura è progettato per aiutare le startup a cercare spazi per uffici a New York City. Gli utenti si profilano da soli, quindi ottengono una raffica di dati per aiutarli a capire come trovare il quartier generale giusto. Divulgazione completa: ha prodotto visivamente questo contenuto.

Migliori qualità interattive: la divisione dei contenuti in bucket rende i contenuti accessibili anche per gli estranei al settore immobiliare. La combinazione di visualizzazione dei dati e liste di controllo rende le informazioni fluide mentre rimangono fruibili.

Jason Davies: aeroporti del mondo

Importante perché: hai sempre voluto sapere dove operano gli aeroporti del mondo rispetto ai centri abitati. eh? Ok bene. È importante perché sembra bello.

Migliori qualità interattive: passa il mouse su qualsiasi parte del globo per sapere quale aeroporto serve ogni regione. Fai clic e tieni premuto per girare il globo e scoprire hub di trasporto che non sapevi esistessero.

Ufficio di riferimento per la popolazione: Foglio dati sulla popolazione mondiale 2015

Importante perché: questo interattivo mette in evidenza le opportunità e le sfide che devono affrontare le donne in tutto il mondo. È una marea di dati importanti, incanalati ordinatamente in una serie di video e grafici interattivi.

Migliori qualità interattive: la navigazione è contenuta in un'unica schermata a scorrimento con tonnellate di pulsanti cliccabili per visualizzare i dati che confrontano le statistiche 2015 e previste per il 2050 su popolazione globale, fertilità, istruzione e altro ancora.

Il New York Times: è meglio affittare o comprare?

Importante perché: indipendentemente da dove vivi negli Stati Uniti, questa raccolta di strumenti basati sui dati ti aiuterà a dare un senso al dibattito tra mutuo e leasing.

Migliori qualità interattive: le scale mobili consentono all'utente di selezionare da una serie di punti dati (numero di anni in un luogo, prezzo della casa, proiezioni future per la crescita degli affitti e altro) per chiarire la propria decisione di affittare o acquistare. È installato un calcolatore sul lato destro della pagina, che consente al lettore di vedere come le modifiche ai vari input possono influire sulle prospettive di acquisto della casa.

Zazzle: 10° anniversario

Importante perché: una piattaforma per produttori e designer per lanciare e vendere prodotti personalizzati (senza doverli produrre da soli), Zazzle racconta la sua storia in questa ricca esperienza che è in parte una sequenza temporale e in parte una spiegazione basata sui dati. Informativa completa : prodotto visivamente questo contenuto.

Migliori qualità interattive: lo spettatore vede un vivido flusso di design che sono stati prodotti su Zazzle, combinato con statistiche che spiegano l'impatto dell'azienda. Immagini e storie di clienti reali aggiungono profondità e sottolineano il valore di lavorare con Zazzle.

23 e Me: 23 coppie di cromosomi. Un incredibile te.

Importante perché: se non hai prestato attenzione durante la lezione di scienze durante la sezione sulla genetica, potresti effettivamente imparare qualcosa qui. Divulgazione completa : prodotto visivamente questo contenuto

Migliori qualità interattive: le coppie di cromosomi colorati sono cliccabili e rivelano informazioni sull'ascendenza e sulle malattie genetiche associate a ciascuna. Punti bonus per essere reattivo.

Saxum: gli Stati Uniti dell'energia

Importante perché: questo interattivo rende facile imparare molto sulla produzione e il consumo di energia negli Stati Uniti. Inizi visualizzando le tendenze generali su vaste aree, quindi approfondisci per visualizzare informazioni dettagliate per ogni stato.

Migliori qualità interattive: una mappa cliccabile è abbinata a strumenti di confronto per consentirti di trovare le informazioni più rilevanti e darle un contesto.

Vittoria mirata: 50 Stati dei rifiuti

Importante perché: se sei un politico o un organizzatore politico, questo ti renderà schizzinoso. Questo interattivo mostra quanto sia piccolo l'impatto della pubblicità televisiva politica. Divulgazione completa: ha prodotto visivamente questo contenuto.

Migliori qualità interattive: le visualizzazioni dei dati sovrapposte a una mappa degli Stati Uniti rivelano la statistica che 75 centesimi su ogni dollaro trasmesso è stato sprecato per gli elettori sbagliati. Accidenti.

Martin Ollivere: chi monopolizza la ricchezza del mondo?

Importante perché: sentiamo spesso parlare di disparità di reddito, ma questa visualizzazione rende l'argomento più corposo scomponendolo con una metafora visiva del maiale.

Le migliori qualità interattive: la semplicità rende questo gioco interattivo. La griglia quadrata mobile è facile da ricostruire e l'uso attento dei numeri racconta chiaramente la storia della disparità.

Lynn Fisher e Nick Crohn: codici aeroportuali

Importante perché: ora sarai in grado di interpretare tutti gli strani acronimi sulla tua carta d'imbarco. In conclusione, questo è un bel design che potrebbe aiutarti a vincere su Jeopardy un giorno.

Migliori qualità interattive: Amiamo la natura completa di questo interattivo, che presenta aeroporti di tutto il mondo. Fare clic su qualsiasi riquadro per apprendere fatti interessanti. Assicurati di fare clic sulla scheda "Informazioni" per una GIF ben selezionata con Leslie Nielsen e l'equipaggio di volo di Airplane!

BBC Future: Viaggio al centro della Terra

Importante perché: da bambino, probabilmente sognavi di scavare una buca dall'altra parte del mondo dal tuo giardino. Questo interattivo in realtà ti consente di farlo, in un certo senso. Viaggerai nel centro della terra e imparerai un numero ridicolo di fatti su ciò che troverai lungo la strada.

Le migliori qualità interattive: indossa la tua attrezzatura steampunk e vai sotto terra per conoscere la profondità standard delle tombe nella cultura occidentale, la distanza a cui può immergersi un pinguino e molto altro. Adoriamo il veicolo subacqueo illustrato, i punti dati sparsi lungo il tuo percorso verso il nucleo e il modo in cui lo scenario cambia mentre scorri più in basso. Questo è puro divertimento e anche molto interessante.

PartyPoker: il tuo cervello al poker

Importante perché: il tuo io scientifico geek adorerà queste illustrazioni che descrivono come funziona il cervello a seconda del livello di abilità del poker: principiante, dilettante o esperto.

Le migliori qualità interattive: non solo puoi guardare le immagini del cervello in azione, ma puoi anche capovolgere le carte, guardare video esplicativi e leggere suggerimenti su come stimolare la concorrenza al tavolo.

Istituto di statistica dell'UNESCO: lasciato indietro

Importante perché: come abbiamo già notato, molti dei migliori interattivi di quest'anno si sono concentrati su questioni chiave che devono affrontare le donne in tutto il mondo. Questo interattivo è in parti uguali educazione e advocacy. Insieme, possiamo contribuire a promuovere l'istruzione a livello globale.

Migliori qualità interattive: tuffati nella storia e scoprirai i punti di navigazione nel margine sinistro della pagina. Visualizzerai foto di persone reali, visualizzerai grafici nel contesto di testo esplicativo e, infine, imparerai come puoi fare la differenza. L'uso dell'hashtag #leftbehind incoraggia la continua conversazione sui social media.

ElkanoData: fan in movimento

Importante perché: l' intrattenimento diventa uno sport globale in questa straordinaria visualizzazione degli eventi più popolari al mondo basata sulla vendita di biglietti internazionali, dallo sport ai concerti al teatro.

Migliori qualità interattive: Ci piace il fatto che una volta avviato questo interattivo, sia attivo e funzionante. Gli archi mostrano chi acquista i biglietti per il Super Bowl, ad esempio, e i dati vengono visualizzati immediatamente per rivelare quanti fan hanno lasciato il loro paese per recarsi all'evento, quali località rappresentavano i principali paesi di origine e così via. Lascia che i dati fluiscano su di te o interrompili per ottenere un'istantanea dettagliata.

Grande gruppo: abiti da Oscar

Importante perché: sai che guardi quei programmi di premiazione in TV solo per vedere quali tendenze di stile ti stai perdendo (e per prendere in giro, in alcuni casi).

Migliori qualità interattive: fai clic su qualsiasi abito dal 1954 in poi e vedrai una versione più grande dello stile che ha fatto brillare la rispettiva celebrità. Adoriamo le audaci icone di condivisione social nella parte superiore di ogni finestra popup e la presentazione pulita. Meno campane e fischietti possono rendere la presentazione più accattivante.

Il Washington Post: Illusione della maggioranza

Importante perché: la domanda del quiz interattivo in questo articolo ci mostra quanto poco sappiamo della natura dell'influenza e dell'opinione popolare su qualsiasi argomento.

Migliori qualità interattive: l'uso di un rapido interattivo nella parte superiore di questa notizia coinvolge il lettore nelle prime fasi e incoraggia un'ulteriore lettura e digestione delle visualizzazioni dei dati. Rende anche la storia personale dimostrando il fenomeno sociale che descrive.

WBEZ, città curiosa: ammassamento di autobus

Importante perché: canalizza la tua frustrazione per i lunghi tempi di attesa dei trasporti pubblici in questo interattivo divertente ma educativo.

B qualità est interattivi: frecce selezionabili consentono la navigazione lettore avanti e indietro nella storia, che va di pari passo per spiegare come i programmi del bus naturalmente ottenere incasinato. Prosegue suggerendo soluzioni al problema, il tutto chiarendo che probabilmente farebbero comunque arrabbiare i ciclisti. Abbiamo adorato il modo in cui questo interattivo rende accessibili concetti sofisticati e crea una connessione emotiva.

Istituto di statistica dell'UNESCO: bambini fuori dalla scuola

Importante perché: Questo interattivo affronta il problema dei bambini a cui è impedito di accedere all'istruzione di cui hanno bisogno per migliorare se stessi, sostenere una futura famiglia e restituire alla loro comunità.

Migliori qualità interattive: un'introduzione animata pone le basi per lo spettatore, dopodiché i pulsanti cliccabili lungo la guida di destra offrono uno sguardo sul divario educativo nei singoli paesi. I punti dati suddividono la disuguaglianza nell'istruzione per posizione (rurale e urbana), genere e ricchezza relativa. Ad ogni clic, i bambini animati corrono avanti e indietro attraverso la pagina, sottolineando il fatto che si tratta di persone reali con sogni reali che non vengono soddisfatti.

Cerchi più ispirazione? Guarda alcune delle nostre visualizzazioni interattive preferite o dai un'occhiata a The Ultimate Video Playbook per suggerimenti, trucchi e best practice per il marketing con i video.