Das Online-Newsnetz von „Tagi“, „BZ“ und „BAZ“ ist das bisher ambitionierteste Newsprojekt und die erste grosse Online-Offensive von Qualitätstiteln in der Schweiz. Wie das Design entstanden ist und ein Vorgeschmack darauf, wie das Newsnetz aussehen wird.

Hintergrund

Nach einer aufwändigen Konzeptphase, in der wir mit ersten graphischen Entwürfen für einen visuellen Kickstart des Projektes gesorgt haben, gewann iA im März den Pitch für das definitive Design des Newsnetzes. Die Benutzerschnittstellen für den Tagesanzeiger und die Basler Zeitung, sowie die Grobskizzen für das Design der restlichen Online-Auftritte schaffen eine starke, konsistente Nutzererfahrung.

Idee und Ziel des Redesigns war, die Lücke zwischen Print und Online zu schliessen und die jeweilige Marke als eine einheitliche Sphäre der Newserfahrung zu etablieren. Das Design kombiniert die praktische Newsroomerfahrung von Peter Wälty mit dem Branding- und Design-Knowhow von iA zu einem einfachen, nutzerfreundlichen Newsprodukt. Der Vorher-Nachher-Vergleich am Beispiel Tages-Anzeiger:

Das Newsnetz-Projekt zeigt modellhaft wie wir arbeiten:

Phase 1: Strategie und Konzept

Im Rahmen einer umfassenden Neuorientierung der Online-Produkte von Tamedia, hat iA anfangs 2007 verschiedene Konzeptstudien angefertigt. Die beste der verschiedenen Studienszizzen haben wir auf dem iA-Blog mithilfe eines Markentauschs gestestet. In der betreffenden Phase war die Zusammenarbeit iA-Tamedia noch nicht bekannt.

In der Diskussion mit den Lesern unseres Blog — vornehmend Informationsdesigner — haben wir eine Reihe wertvoller Inputs gekriegt, unter anderem von Usability- und ID-Kalibern wie Jared Spool, Jeff Croft, Khoi Vihn, and Cameron Moll. Links die Konzeptstudie anhand der The Washington Post, rechts unsere erste Skizze für den Tages-Anzeiger.

Informationsdesigner sind sehr kritisch, deshalb hat uns das positive Echo überrascht. Später wurden wir von Tamedia beauftragt, verschiedene Variationen für die interne Begutachtung zu erstellen:

Phase 2: Informationsdesign

Darauf folgte ein zweiwöchiger Hochleistungspitch. Hier unsere Designentwicklung während der zwei Wochen nach der Research-Phase:

Aus den ersten, rasch zusammengeschusterten Skizzen haben wir einen Favoriten ausgewählt, den wir per HTML weiterentwickelt haben, bis wir ein modulares Grundraster hatten, das die verschiedenen Marken und Seitenkategorien zusammenhält:

Die verschiedenen Designs wurden an das Raster angepasst und in einer 150-Seitigen Präsentation per Skype präsentiert. Die Präsentation hat viele schöne Bilder und Grafiken, die wir hier leider (noch) nicht zeigen dürfen.

Phase 3: Grafische Verfeinerung und Optimierung Interaktionsschema

Während eines zweiwöchigen Workshops im neuen Online Newsroom hat iA in enger Zusammenarbeit mit Matthias Saner und Peter Wälty das Design vor Ort fertiggestellt. Eine aufregende Erfahrung während der alle Beteiligten enorm viel gelernt haben. Hier ein kleiner Vorgeschmack auf BaZ und Tagi:

Die direkte Zusammenarbeit im zukünftigen Herz des Geschehens hat sich als zeitsparende Strategie erwiesen, die wir auch in Zukunft gerne wieder ins Auge fassen werden.

Evolution

Das Newsnetz ist das dritte Projekt, das iA für Tamedia realisiert. Es trägt, zu einem Teil, die Früchte aus den vorhergehenden Projekten in sich. Wir warten nun gespannt auf den Launch des Newsnetzes und freuen uns auf die weitere Zusammenarbeit mit Peter Wältys hervorragendem Team von Journalisten, Technologiespezialisten und Webprofis.

Ganz im Sinne unserer Überzeugung, dass eine Webapplikation evolutionär weiterentwickelt werden muss, werden wir in dieser Zeit auch unsere zwei anderen Tamedia-Projekte, FACTS 2.0 und Das Magazin, kontinuierlich vorantreiben.