![](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/n117a.jpg\")
Il popolo Tiv della Nigeria racconta una storia sul mondo antico, in cui le cose erano diverse. Narra di Aondo, il Cielo, e di come abbia perso la relazione con gli umani. quando la Terra era ancora giovane, Aondo era cos\u00ec vicino che le persone potevano allungare le mani e toccarlo. Per molti anni, gli umani e lui vissero un’esistenza tranquilla e ognuno pensava ai fatti propri.<\/p>\n
Un giorno, per\u00f2, tutto cambi\u00f2. Aondo sedeva al suo posto sopra la Terra, guardando le persone che andavano e venivano, quando se ne usc\u00ec fuori la donna pi\u00f9 bella che avesse mai visto. Aondo era affascinato da lei, quindi cominci\u00f2 ad avvicinarsi a lei, finch\u00e9 non le fu troppo vicino e la guard\u00f2 cucinare. All’improvviso, mentre stava cucinando, la donna lo colp\u00ec accidentalmente sul naso.<\/p>\n
Aondo si fece male e, imbarazzato, si ritir\u00f2 lontano, sempre pi\u00f9 lontano, finch\u00e9 fu molto sopra la terra. Questo \u00e8 il motivo per cui, secondo i Tiv, non si pu\u00f2 toccate il cielo.<\/p>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/1-pixel-fable-sky-regular.png\"){kind=tracking}
<\/p>\nPixel Fable \u00e8 una collezione di storie Africane interattive per bambini.<\/p>\n<\/div>\n
Io sono un Tiv e sono cresciuto con favole come questa. Nel 2011, ho creato Pixel Fable<\/cite><\/a> per poter raccontare queste storie Nigeriane in maniera digitale. La storia di Aondo, “Why the Sky Is Far Away”, \u00e8 stata la prima che ho progettato e realizzato. Ho utilizzato la realt\u00e0 aumentata per far s\u00ec che le animazioni sembrassero pi\u00f9 interattive (oltre ad un meraviglioso “spaghetti parallax JavaScript”), ma la storia era ancora una singola pagina HTML, raccontata da una prospettiva, insieme ad una timeline lineare. La mia traduzione dalla narrazione orale alla pagina web era troppo diretta: non avevo catturato i modi plurisfaccettati in cui una storia pu\u00f2 esistere online.<\/p>\n Per esempio, avrei potuto costruirne due versioni, basandomi sullo stesso HTML, suddividendo il punto di vista della donna e quello di Aondo. Le narrazioni in competizione rendono i lettori dei detective che esplorano e mettono a confronto i dettagli per comprendere l’intera storia. Oppure, avrei potuto incorporare la visualizzazione dei dati perch\u00e9 rispecchiasse lo stato d’animo di Aondo: combinando dati meteorologici come i temporali e le temperature con un “Indicatore del mood del cielo”, avrei potuto progettare lo stato emotivo di Aondo come una sfaccettatura visuale separata.<\/p>\n Entrambe le strade offrono dei modi per ruotare o frammentare la storia, per aggiunger layer alla narrazione centrale, per trasformare l’originale racconto Tiv in un’esperienza collegata non lineare, con pi\u00f9 sfumature, pi\u00f9 vicina a come funziona il web stesso.<\/p>\n Voglio farlo per Pixel Fable<\/cite> e voglio anche mostrarvi come farlo. Ci\u00f2 significa avventurarsi oltre la narrazione “scroll” di base. Ma prima, diamo un’occhiata pi\u00f9 da vicino a quello che fanno<\/em> le storie non lineari.<\/p>\n Il web opera in modi che possono entrare in conflitto con la nostra visione tradizionale di cosa sia una “storia”, con un inizio e una fine prestabiliti. Il contenuto \u00e8 suddiviso in pezzi, mandato su vari canali, device e formati. Data questa distribuzione irregolare dell’informazione, come definiamo le linee della storia, i personaggi, le interazioni e il ruolo del pubblico?<\/p>\n Suggerimento: con le narrazioni non lineari. Si tratta di collezioni di contenuto correlato, organizzato attorno a una storia. Comprendono video, testi, link, audio, mappe e grafici. La loro natura scomposta e compartimentalizzata gli d\u00e0 una flessibilit\u00e0 incredibile e li rende il veicolo perfetto per il nostro modo di esplorare online, saltando da un pezzo di informazione al successivo.<\/p>\n Anche se non seguono necessariamente la classica struttura della storia, hanno ancora molte delle stesse parti: eroi, antagonisti, posti, trame. Quello che potrebbe sembrare inatteso \u00e8 il modo in cui questi vengono sviluppati e sono connessi. Uno dei super poteri delle narrazioni non lineari \u00e8 il modo in cui vi permettono di costruirci sopra e rifinirle nel tempo. Per esempio, le card di Vox<\/a> e gli story stream<\/a> ci aiutano ad aggregare informazioni su notizie complesse postando pezzi rilevanti man mano che si sviluppano, sia che si tratti di un Q&A sull’esplorazione umana di Marte<\/a> che fornisce il contesto in forma di piccoli pezzi, o uno stream con maggiori informazioni su un’epidemia<\/a>. Questi aggiornamenti nel tempo permettono ai designer e ai creatori di reagire al feedback del pubblico.<\/p>\n Inoltre, le narrazioni non lineari offrono al pubblico maggior possibilit\u00e0 di intervento. La gente vuole imparare, essere sorpresa o che si stuzzichi la sua curiosit\u00e0, o intrattenuta e le storie non lineari offrono la possibilit\u00e0 di partecipare. La loro struttura frammentata ha bisogno di un pubblico: senza lettori o spettatori, la narrazione non pu\u00f2 essere esperita nel suo significato completo. Di contro, questo ci obbliga a progettare storie che lavorano con, non contro, la natura fluida del web (o quella che Frank Chimero definisce the \u201cedgelessness\u201d<\/a>).<\/p>\n Supponiamo che abbiate un’idea per una storia. Come collegate questi vari elementi in maniera coesa? Potete cominciare scegliendo due o tre parti e combinandole in un blocco pi\u00f9 grande, che poi forma la parte principale della vostra storia digitale. Questo blocco pu\u00f2 essere mostrato ovunque, in qualunque momento, quando la storia lo richiede. Per esempio, una storia di Pixel Fable<\/cite> in via di realizzazione mette insieme una mappa di Google con immagini e testo che definiscono i posti chiave (come il luogo di nascita di un cattivo pazzo) o raccontano la storia vera di un’ambientazione.<\/p>\n Quindi, questa \u00e8 la struttura di una narrazione non lineare, ma tali narrazioni hanno una serie di forme. Guardiamole pi\u00f9 da vicino.<\/p>\n<\/div>\n Non \u00e8 un formato esclusivo del web. Dalle antiche storie di Scheherazade, che tessevano insieme pi\u00f9 linee narrative<\/a>, fino al film Memento<\/cite>, che imita le strutture dell’ipertesto<\/a>, vediamo moltissime strutture non lineari efficaci al di fuori di internet. Lo stesso vale per l’ispirazione di Pixel Fable<\/cite>, ma quello che \u00e8 cominciato centinaia di anni fa come un intreccio di storie orali, prende ora una nuova forma online.<\/p>\n Man mano che esaminiamo queste nuove forme, vi esorto a notare la struttura della storia, come sono collegati gli elementi e in che modo catturano la vostra attenzione. Potreste chiedervi:<\/p>\n I racconti extra combinano una storia o un argomento centrale con molte tangenti. \u201cThe Serengeti Lion\u201d<\/a> del National Geographic<\/cite> ha un tema centrale: la vita del branco di Vumbi. Video, immagini e commenti sono ramificazioni che arricchiscono quella storia, permettendovi di vedere – e ascoltare – la vita nelle pianure, offrendo cose come le viste aeree da un drone o i suoni del branco che sgranocchiano ossa di zebra. Potete saltare velocemente da un ramo all’altro con link contestuali, scrollando o partendo da un indice.<\/p>\n Sebbene le narrazioni disgiunte ruotino attorno ad un tema comune, le connessioni sono molto pi\u00f9 deboli. Tipicamente, si tratta di una serie di vignette caotiche. Documentari su posti grandi e complessi sono un buon esempio di questo tipo di narrazione e \u201cLagos Wide & Close\u201d<\/a> ne \u00e8 un ottimo esempio. Con una variet\u00e0 di blocchi di contenuto che formano pi\u00f9 prospettive, interviste e location, il sito evoca la vastit\u00e0 polverosa e confusa della metropoli di Lagos, sia da vicino sia da lontano. La citt\u00e0 funge da protagonista centrale e i vari intervistati e le diverse location diventano vignette su una megalopoli selvaggia.<\/p>\n Come suggerisce il nome, queste mostrano due storie che avvengono allo stesso momento, spesso con obiettivi in competizione e conclusioni che rendono le narrazioni parallele ideali per i contrasti.<\/p>\n Moon<\/a> dell’UNICEF<\/abbr> segue le vite parallele di due bambini. Ognuno si sveglia alla mattina e fa la sua solita vita: uno finisce a lavorare in una fabbrica per poter vivere, mentre l’altro va a scuola e diventa un astronauta. Dopo che si inserisce un breve codice per collegare il sito desktop al proprio smartphone, il vostro telefono diventa un controller. Quando ruotate il telefono, ruotate lo schermo del desktop di 180\u00b0 per guardare lo svolgersi della vita.<\/p>\n \u00c8 un utilizzo intelligente della tecnologia e la storia stessa comunica una cosa molto importante sulla povert\u00e0, sulla ricchezza e sull’ineguaglianza dell’educazione. (Lo so, c’\u00e8 un’ironia sottile nell’interagire con una storia sulla povert\u00e0 utilizzando due device digitali molto costosi).<\/p>\n Queste sono probabilmente le pi\u00f9 vicine al tipo di lavoro che fanno tutti i giorni i designer e i developer. Le narrazioni da database utilizzano i metadati, gli ARIA<\/abbr> roles e contenuto taggato per generare automaticamente i contenuti. Assumono pi\u00f9 comunemente la forma di data visualization, in cui il significato di una storia spesso deriva dall’inquadratura esplicativa (con il copy) e dalla giustapposizione di dati.<\/p>\n La mappa della disuguaglianza e della metropolitana di New York tratta dal New Yorker<\/cite>.<\/p>\n<\/div>\n Per esempio, la mappa metropolitana-disuguaglianza<\/a> tratta dal New Yorker<\/cite> crea una narrazione elegante ed interattiva sulla disparit\u00e0 di ricchezza, partendo dai dati del censimento, apparentemente imparziali. I visitatori possono cliccarvi per vedere come varia il reddito, a volte sensibilmente, tra le linee e le stazioni della metropolitana e i loro quartieri. Le narrazioni da database sono un modo efficace per trasmettere molti dati in un piccolo spazio.<\/p>\n A volte vogliamo raccontare delle piccole storie indipendenti che, al pi\u00f9, potrebbero condividere un’interfaccia con altre micro-narrazioni. Il focus \u00e8 sulle storie individuali: potete guardare le micro-narrazioni da sole, senza perdere alcun riferimento o concetto. Questa struttura \u00e8 specialmente utile per il contenuto generato dagli utenti (come le raccolte).<\/p>\n Il sito Hi<\/a> fa questa cosa meravigliosamente. \u00c8 una piattaforma per catturare e scrivere di diversi momenti in tempo reale. I visitatori esplorano le storie di foto e testo, sorrette da commenti privati opzionali da parte dei lettori, su posti sparsi in tutto il mondo. Ogni storia viene inoltre aggiunta su una Google map: questo livello extra di funzionalit\u00e0 condivisa d\u00e0 al sito una sensazione di maggior coesione, mentre permette a ciascuna storia di stare in piedi da sola.<\/p>\n Ok, abbiamo visto i principali blocchi costitutivi della cassetta degli attrezzi delle narrazioni. Ora, consideriamo cosa le rende davvero significative: il vostro pubblico.<\/p>\n<\/div>\n Le narrazioni digitali dipendono pesantemente dall’esperienza del pubblico. Con cos\u00ec tanti potenziali punti di ingresso alla vostra storia, dovete definire il ruolo che volete che giochi il pubblico. Una sorgente costante di tensione \u00e8 chi controlla la storia: voi (come autori) o il vostro pubblico? Indipendentemente dalla forma di narrazione che avete scelto, \u00e8 qualcosa che avete progettato per ottenere uno scopo specifico. Il vostro pubblico, tuttavia, non sar\u00e0 contento di sedersi di fronte a uno schermo e seguirvi. I vostri visitatori vogliono l’abilit\u00e0 di scegliere il proprio percorso, quello che vedono e l’ordine in cui lo vedono, nei vostri blocchi di contenuto. Sta a voi creare situazioni e narrazioni che prendano in considerazione questi aspetti.<\/p>\n Fortunatamente, abbiamo alcune strategie che vi possono aiutare in questo senso ed equilibrare la tensione tra autore e pubblico.<\/p>\n Questo approccio sfrutta i punti di forza delle narrazioni non lineari: divagazioni significative nel tempo. Create un framework pieno di ramificazioni del contenuto, lasciando liberi i vostri visitatori di scegliere quello che pi\u00f9 gli interessa. La “discoverability” (possibilit\u00e0 di scoprire) \u00e8 fondamentale in questo caso: il vostro compito \u00e8 di offrire sufficienti indizi cos\u00ec che i visitatori sappiano cosa fare, per poi potersi muovere da soli. Marcate chiaramente i possibili percorsi con delle etichette che istruiscano, con animazioni e anche con la codifica in base al colore. Create strutture di menu che diano la priorit\u00e0 alla scelta piuttosto che al semplice recupero delle informazioni. Per esempio, raggruppate simili blocchi di narrazione in un grande menu slideout o accoppiate domande e thumbnail, invece di fare affidamento solo sui link testuali. Man mano che sviluppate pi\u00f9 contenuto, aggiungetelo al framework come un nuovo ramo da esplorare.<\/p>\n Seven Deadly Digital Sins.<\/p>\n<\/div>\n Per esempio, il microsito \u201cSeven Deadly Digital Sins\u201d<\/a> del Guardian<\/cite> ha un set incredibilmente complesso di storie e contenuto sparpagliato. ll layout ampio, che mostra i peccati raggruppati in thumbnails, e la musica lenta e misurata che incoraggia le persone a vivere la narrazione al proprio ritmo.<\/p>\n Oppure, date al vostro pubblico pi\u00f9 possibilit\u00e0: metteteli nella vostra storia. Con questo approccio, prendete il vostro framework e impostate i parametri per i contributi del pubblico.<\/p>\n Flight Paths.<\/p>\n<\/div>\n Nel 2001, il Guardian<\/cite> ha riportato una storia triste e raccapricciante<\/a>. Il corpo di un uomo era caduto dal cielo ed era atterrato in un parcheggio di un negozio di casalinghi nel Regno Unito. Salt\u00f2 fuori che si trattava di un passeggero clandestino pakistano che si era nascosto nell’alloggiamento della ruota di un Boeing 777 proveniente dal Bahrain. Dopo essere morto per assideramento, era caduto fuori dall’alloggiamento della ruota quando l’aereo stava per atterrare.<\/p>\n Alcuni anni dopo, Kate Pulliger e Chris Joseph crearono Flight Paths<\/cite><\/a>, basandosi su questo ed altri eventi simili aventi come protagonisti i clandestini. Dopo aver ideato un setup attorno alla vita di un immaginario clandestino di nome Yacub, invitarono circa 70 lettori ad aggiungere immagini, video e testo a quello che avevano definito come un \u201cnetworked novel\u201d. Continuano a sviluppare la narrazione, pi\u00f9 recentemente con una API<\/a>, che impacchetta e pubblica quella storia da incubo in una variet\u00e0 di formati.<\/p>\n \u00c8 un grande esempio del modo in cui una comunit\u00e0 di internet ha creato una narrazione extra partendo dai frammenti. Il vostro pubblico potrebbe sentirsi come se ci fosse stato un maggior investimento su s\u00e9 stesso in una storia che ha aiutato a costruire. Tuttavia, \u00e8 importante essere chiari su quello che i partecipanti possono aspettarsi. Dovrete modellare i tipi di contenuto a cui siete pi\u00f9 interessati a ricevere (includere suggerimenti specifici, esempi di copy, etc.). Dovrete anche capire in anticipo come gestire le questioni relative all’attribuzione, alla propriet\u00e0 e ai pagamenti. Per l’esperimento di Pullinger e Joseph, alcune persone che avrebbero potuto contribuire hanno giustamente chiesto<\/a> se Flight Plans<\/cite> avrebbe \u201cmonetizzato\u201d sul contenuto e, se cos\u00ec fosse stato, quanto valeva il loro lavoro? Assicuratevi di fornire queste risposte nei vostri Termini e Condizioni.<\/p>\n In tutto questo, dovete capire la differenza tra cos’\u00e8<\/em> e cosa succederebbe se<\/em>. Quando ho cominciato a lavorare a Pixel Fable<\/cite>, volevo che il pubblico vedesse la mia storia, i personaggi e le azioni attraverso i miei occhi. Volevo determinare cosa \u00e8. Ma internet ci chiede di dare al pubblico il controllo su aspetti essenziali della storia<\/a> cos\u00ec che non perdano interesse e si spostino altrove. I remix sono un altro modo per mantenere attiva la curiosit\u00e0 dei visitatori. Progettando blocchi di narrazione che il pubblico pu\u00f2 riconvertire, permettiamo agli utenti di chiedersi \u201ccosa succederebbe se\u201d, che risulta in una nuova fan art e contenuti digitali tangenziali che non vi sareste mai immaginati. \u00c8 una cosa potente.<\/p>\n\nIl ruolo della narrazione non lineare sul web<\/h2>\n
\nTipi di narrazioni non lineari<\/h2>\n
\n
Racconti extra<\/h3>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/2-lions-of-serengeti.png\")
The Serengeti Lion.<\/div>\nNarrazioni disgiunte<\/h3>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/3-lagos-wide-and-close.png\")
Lagos Wide & Close.<\/div>\nNarrazioni parallele<\/h3>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/4-moon.png\")
Moon.<\/div>\nNarrazioni da database<\/h3>\n
![\"La](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/5-new-yorker-inequality-map.png\")
<\/p>\nMicro-narrazioni<\/h3>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/6-hi-co.png\")
Hi.<\/div>\n\nLa partecipazione del pubblico e i loop di feedback<\/h2>\n
Incoraggiate l’esplorazione<\/h3>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/7-seven-deadly-sins.png\")
<\/p>\nSpingete il pubblico all’avere un ruolo<\/h3>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/8-flight-paths.png\")
<\/p>\nCos’\u00e8 vs. cosa succederebbe se<\/h3>\n
![\"Screenshot](\"http:\/\/alistapart.com\/it\/wp-content\/uploads\/sites\/2\/2015\/12\/9-midsummer-nights-dreaming.png\")
<\/p>\n