Das Design von NSA Decoded

Ein Blick hinter die Kulissen

NSA and a stack of newspapers

Die NSA Infografik im Guardian hat für viel Aufsehen gesorgt und einigen kreativen Schreibern und Lesern mindestens ein anerkennendes Pfeifen entlockt. Nun kommt FastCompany mit der bereits sehnsüchtig erwarteten Behind-the-Scenes Geschichte, also dem Blick hinter die Kulissen: How Journalists At The Guardian Built That Epic NSA Story.

Within four days, the story had pulled in over 200,000 readers, many of whom spent as much as 30 minutes reading the piece and consuming its interactive elements scroll-by-scroll. All told, the project took about two months and three people working full-time (plus about another dozen others chipping in) to complete.

Der Artikel geht auch ein klein wenig auf technische Details ein – also genau die Feinheiten die uns so interessieren. Kein Flash, modernes Webdesign und natürlich viel JavaScript. Das sind heutzutage die Zutaten für ein erfolgreiches Web-Projekt.

Leaning heavily on the modern capabilities of HTML5, CSS, and various JavaScript libraries (especially jQuery), Cage and other members of the team transformed ideas and mock-ups into a functional, almost alive-seeming web layout that smartly responds to the reader’s behavior. As you scroll down the page, video players and interactive elements are progressively loaded (and then unloaded when they’re no longer needed), making the page easier for browsers to digest without choking.

Ein interessanter Beitrag der durchaus noch ein paar mehr Einblicke gewähren könnte. Aber wahrscheinlich hat sich das Guardian Team weitere Details für einen neuen Artikel auf der eigenen Plattform aufgehoben. Da darf man sich jetzt schon drauf freuen.

(Bild: DBduo Photography on Flickr, The Guardian)

About Jan (501 Articles)
<p>Informationsarchitekt und Konferenz-Veranstalter (IA Konferenz, die Konzepter-Konferenz: http://iakonferenz.org, MOBX Mobile UX Konferenz: http://mobxcon.com), Podcaster und Twitter Addict. Geboren in Prag, sesshaft in Berlin.</p>

Leave a comment

Your email address will not be published.


*


css.php