Relaunch der New York Times

Die New York Times hat seit gestern einen neuen Webauftritt. Erste Eindrücke der neuen Umgebung wurden bereits im März vergangen Jahres präsentiert (dt berichtete). Nicht nur aus publizistischer Sicht gilt die NY Times als eine der führenden und einflussreichsten Nachrichtenmarken weltweit. Mit der Umstellung auf das neue Interface könnte sie auch webtechnologisch Benchmarks setzen. Grund genug, sich das neue Design einmal genauer anzuschauen.

Relaunch? Ja, ein großer!

Zunächst suggeriert die neue Startseite, als habe sich im Vergleich zur Vorversion kaum etwas geändert. Ein Trugschluss, wie sich nach ein paar Klicks herausstellen wird. In der Vergangenheit galt nytimes.com als ein wahres Spaltenmonster – fünf von ihnen fanden sich bislang auf der Startseite (siehe Abb. unten). Auf der neuen Homepage wurde die linke Navigationsspalte zugunsten einer besseren Übersicht geopfert. An der grundsätzlichen Optik ändert sich jedoch wenig. Anders etwa als zuletzt bei USA Today, das im Zuge eines Relaunchs/Redesign gleichzeitig einen völlig neuen Markenauftritt bekam, bleibt dieser bei der New York Times unangetastet.

Das neue Interface

Die Ressort-Navigation findet sich ab sofort im Header, wo sie horizontal unterhalb der weiterhin zentral ausgerichteten NYT-Wortmarke positioniert ist. Alle Ressorts werden in einem Menü unter dem Begriff „Sections“ ganz links oben gebündelt, sowohl in der Desktop-Umgebung, wie auch auf mobilen Endgeräten. Diese Konsistenz erleichtert das Zurechtfinden unabhängig vom jeweiligen Endgerät.

Auf Blau als führende Farbe für Link-Auszeichnungen wurde weitestgehend verzichtet, was nicht nur Menschen mit eingeschränktem Sehvermögen, etwa einer Rot-Grün-Sehschwäche, beklagen werden, denn die blau hervorgehobenen, verlinkten Überschriften verliehen der Seite Struktur. Nun sind die meisten Links in der gleichen Farbe wie nicht-verlinkter Text dargestellt, tatsächlich mittels Hexadezimal-Farbcode #000000 also in Schwarz und nicht, wie der besseren Lesbarkeit wegen allgemein bekannt, in einem dunklen Grauton. Die Farbgebung im Webauftritt wurde mit der der NYT-App harmonisiert.

Anstelle der guten alten Systemschrift Georgia kommt nun die NYT Cheltenham als Webfont zum Einsatz. Mehr als 10 Jahre hat es gedauert, eh die Hausschrift der New York Times nun auch im Webauftritt das Gesicht der Nachrichtenmarke prägt. Eine unfassbar lange Zeit, die verdeutlicht, dass auch große Marken mitunter mit Babyschritten unterwegs sind, wenn es darum geht, ein konsistentes Erscheinungsbild zu erreichen. Kombiniert wird die Cheltenham mit der NYT Franklin, die zum Beispiel innerhalb der Hauptnavigation und der Kommentarfunktion greift. Auch die FF Enzo wird verwendet, etwa im eigens sehr ansprechend aufbereiteten Special zum Redesign. Eine Typographie, die in dieser Kombination einzigartig sein dürfte. Chapeau.

Vorreiter eines neuen Typus

Ältere Artikel und auch die Suche werden noch im alten System vorgehalten, womit klar ist, dass die Umstellung noch lange nicht abgeschlossen ist. Und dennoch: Ein Relaunch, der schon jetzt begeistert, als Leser und als Webmacher. Geradezu spektakulär gut gelöst ist die Einbindung der Kommentare (siehe Abb. oben). Diese erscheinen innerhalb eines iFrames rechts vom Artikel.

Artikelseiten wiederum unterscheiden sich diametral von allen anderen Nachrichtenangeboten. Während diese üblicherweise auch auf Artikelseiten dazu neigen, das gesamte Spektrum des Portalangebotes vorzuhalten, in der Hoffnung, Leser könnten sich ausgerechnet an dieser Stelle dafür begeistern, wo sie doch damit beschäftigt sind, sich auf ein bestimmtes Thema einzulassen, gibt die neue NYT Artikeln den ihnen gebührenden Raum. Der Inhalt wird dadurch ungemein aufgewertet. Ein Werbebanner, etwa das Medium Rectangle im Format 300×250 Pixel, entfaltet in solch einem Umfeld einen umso stärkeren Klickreiz. Finanziell scheint diese Rechnung aufzugehen und auch die Leser werden es zu schätzen wissen, wenn Sie beim Lesen eines Artikels nicht von marginalen Informationshäppchen in gleichnamiger rechter Spalte abgelenkt werden. Fokussierung statt Fülle – ein Schlüssel zum Erfolg, übrigens jedweden Webangebotes.

Weiter unten befindlicher Inhalt erscheint erst mit Scrollen per Lazy Loading. Das sorgt für eine optimale Performance, denn so werden Komponenten erst geladen, wenn sie auch wirklich im Blickfeld des Besuchers sind. Das Springen zwischen den Artikeln ist auf dem Desktop mittels Rechts- und Links-Pfeilen möglich, auf Tablets und Smartphones geschieht dies mittels Wischen. Im Grunde müsste man für derlei Anwendungen einen neuen Terminus verwenden, weil sie einen neuen Typus darstellen, „Wepp“ zum Beispiel. Klassischer Webauftritt und Tablet-App verschmelzen zu einer Einheit. Content kann an nur einer Stelle vorgehalten werden, um ihn dort zentral zu pflegen. Eine Entwicklung, die seit vielen Monaten stattfindet und die das Web, so hoffe ich, noch viele innovative und spannende Interface-Konzepte bescheren wird.

Signalwirkung

Die New York Times wird gemein hin als Vorzeigebeispiel und auch als Rettungsanker in Sachen Monetarisierung betrachtet. Die schon mehrmals totgesagte Paid-Content-Strategie – bei nytimes.com funktioniert sie überaus erfolgreich. Ende letzten Jahres hatte die NYT über 720.000 digitale Abonnenten. Es wäre zu wünschen, dass nytimes.com auch im Webdesign eine solche Signalwirkung entfacht. Eine der Voraussetzung hierfür wäre, die Frage der Vermarktung zu überdenken.

Schaut man sich hierzulande die seit vielen Jahren oftmals nahezu unveränderten Nachrichtenportale an, die immer nach einem ähnlichen Muster aufgebaut sind und an einem veralteten, weil vorrangig in Deutschland vorkommenden Bannerformat festhalten, dem Wallpaper, muss man attestieren, dass von wenigen Ausnahmen abgesehen hiesige Medien- und Verlagshäuser den jeweiligen Webauftritt ihrer Nachrichtenmarken, der ja den Kern der digitalen Markenwelt darstellt, vernachlässigen. Webauftritte, die aufgrund der Verwendung von Wallpapern über eine feste Breite von 800 oder 900 Pixeln verfügen – das kann es heutzutage einfach nicht mehr sein!

Schlusslicht: Dass die deutsche Kanzlerin als Testimonial für ein Fotoportal fungiert, habe ich auch erst im Zuge der Sichtung des neuen NYT-Webauftritts entdeckt. In jederlei Hinsicht war die Sichtung der neuen NYT ein kurzweiliges Erlebnis.

Erklärvideo zum Relaunch

Mediengalerie

Weiterführende Links:

• About the new design | nytimes.com