L’obiettivo di Urban Ministries of Durham , ONG per cui è stato realizzato il gioco, è sensibilizzare gli utenti nei confronti del problema della povertà e convincere l’utente a effettuare la donazione.

Dal post del Giornalaio, che vi invito a leggere se volete saperne di più:

«Spent» non è solamente un gioco che illustra la potenza del mezzo interattivo nel diffondere un messaggio. In un senso più ampio, ed in un modo che forse nessun altro media riesce a raggiungere, dimostra che quello che i giochi riescono a realizzare sono coinvolgimento ed empatia.

L’arco, la porzione di cerchio assegnata a ciascuno stato rappresenta il debito in miliardi di euro, le frecce, che si attivano al click sullo stato, mostrano quanto di questo debito è dovuto verso gli altri paesi e infine il colore, dal grigio al rosso, rivela quanto e grave la situazione economica per lo Stato visualizzato.

Il link: Eurozone debt web: Who owes what to whom?

Su Personal Report scopro questa bellissima mappa con cui Jon Bruner rappresenta per Forbes le migrazioni avvenute negli ultimi anni all’interno degli Stati Uniti d’america: American Migration [Interactive Map].

L’altra mappa ritrae il fenomeno a livello mondiale: Migration Map. La mappa utilizza i dati di Global Migrant Origin Database ed è stata creata Martin De Wulf, che ha anche messo a disposizione il codice e gli script su github.

Cambiano alcuni aspetti dell’interfaccia, ma entrambe le mappe utilizzano uno schema ben collaudato nelle mappe interattive: l’utente deve cliccare su uno stato per visualizzare i dati relativi a immigrazione ed emigrazioni.

Il cardine del progetto è Popcorn.js, una libreria javascript che facilita l’integrazione di un video (html5) nella pagina web e agevola l’interazione dell’utente con il video.
Come è scritto nell’home page della library, Popcorn serve a integrare il web in una produzione video. Cosa vuol dire? Non solo controllare la riproduzione del video dalla pagina web, ma anche fare in modo che sulla pagina accadano determinate cose in un preciso istante del video. Un paio di esempi che mi vengono in mente: far apparire delle mappe in una parte della pagina, mentre nel video vengono inquadrati dei luoghi, oppure mostrare il transcript di un intervista, in sincrono con l’intervista stessa.

Ma le potenzialità della library sono decisamente maggiori ed esempi anche più complessi sono già visibili facendo partire il video di presentazione della libreria che c’è nell’home page di Popcorn.js oppure nella sezione demo.

Di recente è stato presentato One Millionth Tower (visibile qui), un documentario che racconta come potrebbero essere riqualificate alcune zone popolari di Toronto.

One Millionth Tower è anche uno spettacolare esperimento di documentario interattivo. Si presenta con un interfaccia tridimensionale all’interno della quale l’utente può muoversi e sfrutta Popcorn.js per permettere all’utente di interagire con il documentario stesso (sottotitoli, scelta di quale parte del documentario visualizzare etc.) e per integrare in alcuni momenti del video informazioni da Wikipedia, Twitter, Flickr, Google Maps e altri servizi.

Popcorn è evidentemente di uno strumento potentissimo per chi fa storytelling. Può essere usato per arrichire un video con informazioni che vivono a margine del player, nella pagina web, e probabilmente sarà questo il modo in cui molto spesso verrà utilizzato. Ma si può anche immaginare un utilizzo più radicale, come quello che si è visto in One Millionth Tower: un utilizzo nel quale il video è solo una parte dell’esperienza complessiva e coesiste, è coordinato, è pensato e progettato per avere un senso con altri tipi di contenuti ugualmente importanti, mentre chi fruisce il video viene chiamato a fare delle scelte, cliccare, interagire, intervenendo sulla riproduzione del filmato.

Le possibilità sono infinite e certo non mancheranno esperimenti e progetti in cui ritroveremo il video un po’ più ipertestuale e lo spettatore un po’ più utente (specialmente se prenderanno piede soluzioni come Popcorn Maker, l’interfaccia visuale che permette anche ai non sviluppatori di realizzare video interattivi con Popcorn).

Trovo su Drawer questo brillante progetto di Mehmet Gozetlik che prende alcuni prodotti che normalmente troviamo in un supermercato e ne spoglia il package di per riproporlo in un design assolutamente minimalista che salva solo l’essenziale.

I link sono due:
- Minimalist effect in the maximalist market
- More minimalist effect” in the maximalist market!

Slavery Footprint è una specie di questionario in 11 passi che raccoglie alcune informazioni sulle abitudini dell’utente, in base alle quali esprime – appunto – uno slavery footprint, ovvero il numero di schiavi necessari per sostenere lo stile di vita espresso dalle risposte (Il presupposto è che nella produzione di determinati beni le aziende utilizzino manodopera in stato di schiavitù – il progetto fa parte di una campagna più ampia di sensibilizzazione dei consumatori e di pressione sui produttori).

Ve lo segnalo qui perché è una webapp in html5 veramente ben fatta, in cui l’interazione necessaria per fornire le risposte passa attraverso una varietà di soluzioni e strumenti (c’è di tutto: mappe, slider, slider circolari, animazioni, drag and drop etc.) usati in modo davvero originale. Notevoli anche il design vettoriale e l’atmosfera complessiva che rendono l’esperienza più simile a quella del gioco che a quella di un classico survey.

Interessanti anche le animazioni, legate allo scroll della finestra, che troviamo nella pagina di spiegazione dello slavery footprint.

Fatevi un giro: Slavery Footprint.

Via Disma

Adam Cole e Maggie Starbard hanno prodotto per NPR questo bel video che speiga come è cresciuta la popolazione mondiale fino ad arrivare a sette miliardi di individui. L’intera infografica si basa sull’idea di rappresentare i continenti come recipienti, e la nascita e la morte degli individui come gocce che rispettivamente riempiono o fuoriescono dal recipiente.

L’articolo collegato al video è qui: 7 Billion: How Did We Get So Big So Fast?

La situazione, attuale, i rischi del contagio, europeo e intercontinentale, i possibili scenari, le ripercussioni globali: tutto fatto con pochi cerchi, tre colori, qualche freccia. Grandissimo information design.
Il link: It’s All Connected: An Overview of the Euro Crisis

È da vedere quest’animazione, bellissima per semplicità ed eleganza, che promuove Is That a Fish in Your Ear?, un libro sulla traduzione e sul linguaggio (evidentemente un’occasione ideale per vedere l’animazione servire devotamente le parole).

I colori, il segno, la voce off sono veramente ipnotici: l’ha fatta Matthew Young.