Der Webauftritt des Norddeutschen Rundfunks wurde gestern relauncht. Zuletzt wurde das Portal im April 2007 überarbeitet (dt berichtete). Neben einer verbesserten Darstellung von Videos und der Intensivierung des Dialogs mit dem Nutzer, stand insbesondere die Verschmelzung der Sendermarken auf dem Programm. Alle Neuerungen werden ausführlich in einem eigenen Beitrag auf NDR.de vorgestellt.

Die Sendermarken, darunter z.B. NDR 2, N-Joy und NDR Info nutzen die gleiche Webapplikation und die gleichen Templates. Alles wirkt wie aus einem Guss. Das Design schaut wunderbar aus. Die Seiten bauen sich extrem flott auf. Fehlermeldungen konnte ich beim ersten Besuch nicht ausmachen. Ein Relaunch wie man ihn sich vorstellt. Oder etwa nicht?

Während in früheren Lösungen mit Hilfe einer Farbcodierung den einzelnen Marken noch eine Spur Eigenständigkeit zugestanden wurde (n-joy = grün), sind die unterschiedlichen Header-Grafiken als identitätsstiftendes Element kaum noch wahrnehmbar. Die Markenlogos, die jeweils rechts oben positioniert sind, stehen noch mehr in der Pflicht, denn sie sind nunmehr die einzigen verlässlichen Absender eines Sender-Auftritts. Auch die nun forcierte Umleitung der Sender-Domains wie z.B. n-joy.de auf ndr.de/n-joy zeugt in erster Linie von einer Stärkung der Dachmarke NDR.

Gut für die Dachmarke, aber es gibt nicht nur Vorteile. Natürlich ist die Steuerung und Pflege der Inhalte weitaus komfortabler und auch kostengünstiger, wenn die Daten zentral liegen und die Seiten über nur ein CMS aktualisiert werden. Mit dem neuerlichen NDR-Relaunch sehen jedoch alle Sender nahezu identisch aus. Die vollkommen unterschiedlichen Nutzergruppen werden allesamt über das gleiche Design angesprochen, oder eben weniger angesprochen. Jugendliche müssen ebenso abgeholt werden wie ältere Nutzer. Nicht jedem Besucher des Jugendsenders N-Joy dürfte das „Tagesschau-look-alike-Portal“ zusagen. Gönnt man den Sendermarken jedoch zu viel Individualität, kommt die Dachmarke sowie der Markenverbund wiederum nicht gut dabei weg.

Fazit
Ein gelungener Relaunch und ein überzeugendes Gesamtkonstrukt, das jedoch weniger auf die Unterschiedlichkeit der Sendermarken abzielt, sondern in erster Linie die Dachmarke stärkt und den NDR-Verbund verdeutlicht.

• Screenshot des alten NDR.de-Auftritts
• Alles neu bei NDR.de | ndr.de

P.S. Muss man derart kurze Texte auf zwei Seiten verteilen? Wohl kaum.

Die Semperoper in Dresden hat mit Ulrike Hessler eine neue Intendantin. Das ist erst einmal keine Nachricht, die zwingend einen Artikel an dieser Stelle zur Folge haben müsste. Wie das aber nun einmal so ist, sollen neue Besen sprichwörtlich gut kehren und es ist ja nicht unüblich, dass ein neuer Intendant mit Antritt auch seine Vorstellungen von einem visuellen Auftritt mitbringt. Während in vielen Fällen eher behutsam der Markenauftritt um eine Nuance verfeinert wird, hat man sich im Fall der Semperoper vom bisherigen Design, das über die Jahre durch seine Qualität und Kontinuität Vertrauen gestiftet hat, vollkommen verabschiedet. Der Kontrast zum Vorgänger könnte nicht größer sein.

Das bisherige Erscheinungsbild versprühte Klasse, Klassik und Eleganz und war vom Grundtenor konservativ. Dominik Schech zeichnet für das Design seit 2004 verantwortlich. Die Sächsische Staatskapelle wird im Print eigene Wege gehen und das bisherige Design auch zukünftig einsetzen. Der neue, von Fons Hickmann m23 kreierte Auftritt transportiert – und hier kommt man als Betrachter ins Stocken –, ja was denn eigentlich? Jedenfalls alles andere. Die neue Bildmarke ist eine stark vereinfachte Umrissform des Operngebäudes. Dreht man es um 90 Grad, soll es ein Schlüsselloch darstellen, so heißt es zumindest im hauseigenen „semper!“-Magazin. Eine Metapher, mit der man etwas Geheimnisvolles, Neugierde-erweckendes, vielleicht aber auch etwas Verbotenes verbindet, stellt die Grundidee. Letztendlich ist aber eigentlich egal, was man sich als kreativer Kopf dazu erdacht hat. In der horizontalen Ausrichtung, so wie es auf der neuen Website zu sehen ist, bleibt von der Idee nichts mehr übrig und die Metapher ist futsch.

Die sehr vereinfachte Form der Bildmarke fordert den Betrachter heraus, womit wir beim Thema Kunst wären. Genau genommen ist das Erscheinungsbild keines, das unter designrelevanten Aspekten konzipiert wurde – beim Betrachten der Website und dem Versuch in ihr zu Navigieren wird dies deutlich –, sondern es ist der künstlerische Anspruch vor allem der Intendantin Hessler, der Triebfeder für die Gestaltung war. Nun kann man vortrefflich darüber streiten, ob Design nicht vollkommen andere Aufgaben hat als die Kunst.

Kunst ist erst einmal befreit von jeglicher Restriktion (Technik, Gesellschaft, Nutzwert, Kosten, etc.). Design hingegen ist Vermittler, Bote und Brückenbauer und hat als solcher unter anderem die Aufgabe, Informationen zu überbringen. Es fällt nicht sonderlich schwer, anzuerkennen, dass die Form eine vielleicht provokante aber gelungene Entsprechung eines visuellen Zeichens darstellt, das sowohl einen Anspruch seitens der Kunst formuliert, als auch die im Design definierten Anforderungen erfüllt. Problematisch hingegen wird es, wenn der neue künstlerische Anspruch dafür sorgt, dass die Website der Oper unbrauchbar wird. Der Aufbau und die Darstellung, etwa der Kontaktseite ist eine Zumutung. Hier breitet sich die Kunst in einem Feld aus, in der sie nichts zu suchen hat. Mir liegt es fern, Kunst und Design gegeneinander auszuspielen. Aber genauso, wie es für einige Aufgaben eines kreativen Künstlers bedarf, erfordert es im Bereich des Webdesigns eines klugen Designers. Usability, eine ganz wesentliche Komponente, die Design von der Kunst unterscheidet, sollte man nicht der Kunst wegen opfern. Die Gebrauchsfähigkeit der Website ist seit dem Relaunch eingeschränkt. Verlinkter Text ist als solcher nicht zu erkennen. Der Auftritt produziert zahlreiche 404-Fehler, denn auch die bisherige Site-Struktur wurde komplett über Bord geworfen. Für SEOler ein “worst case scenario”: Fast alle im Google-Index gelisteten Seiten lassen die Suchenden ins Leere laufen.

Künstler wird dieses „SEO-Gedöns“ vielleicht nicht kümmern. Wichtig ist es dennoch. Aber noch ein ganz anderes, ebenfalls wichtiges Thema: Wie ist es eigentlich um die Wiedererkennung einer gelernten, und von vielen wertgeschätzten Marke bestellt? Das Redesign ist eine Zäsur, wie sie nicht schärfer visualisiert werden kann. Sind die Veränderungen in der Semperoper so umwälzend, dass solch ein Schnitt unumgänglich gewesen ist? Wurde die Oper zerstört und ist sie an anderer Stelle wieder aufgebaut worden? Oder wurden alle Künstler und Angestellten von ihren Verträgen befreit und durch neue Musiker, Sänger und Bedienstete ersetzt? Nein? Eine neue Intendantin hat seit kurzem ihre Stelle angetreten. Jetzt sehen es alle.

• Screenshot des alten Auftritts – Semperoper.de bis August 2010
• www.semperoper.de

Vielen Dank für die zahlreichen E-Mails! Auch SputnikDresden, typclipso und Flurfunk widmen sich diesem Thema.

Anfang der Woche hat die Website von iStockphoto.com / iStock.com einen Relaunch vollzogen. iStockphoto ist einer der “big player” in Sachen lizenzfreiem und kostengünstigem Bildmaterial. Zuletzt wurde 2006 die Site umgestellt. Neben der gestalterischen Anpassung am Interface – der Header ist nun nicht mehr blau sondern nahezu schwarz – wurde vor allem an der Ausrichtung der Website gefeilt. So ganz ist diese jedoch nicht erkennbar.

In der Pressemeldung heißt es: „Nachdem die alte Seite noch sehr Fotografen-­‐zentriert daher kam, ist die neue Struktur speziell auf die unterschiedlichen Kundengruppen zugeschnitten, die die Seite frequentieren, und erlaubt einen schnelleren und effizienteren Zugriff auf die angebotenen Medieninhalte.”

Wenn also die “Fotosuchenden” im Fokus stehen, weshalb werden wichtige Filterfunktionen in einem Layer versteckt? Die Formatauswahl (horizontal, vertikal) oder auch die Zuordnung zu einer Kategorie, wie sie etwa gettyimages.com in der linken Spalte vorsieht, sollten aus meiner Sicht direkt sichtbar sein. Ich habe bei iStock sofort anwählbare Filter schon immer vermisst. Schade, dass sich diesbezüglich rein gar nichts geändert hat. Zwar kann man auch weiterhin die Suche per zusätzlicher Suchbegriffe weiter eingrenzen, aber ein bisschen dürftig ist das schon.

Einige Details sind nun besser gelöst. Früher musste man umständlich die nicht relevanten Medien in den Checkboxen abwählen (Foto, Video, Audio, Flash). “All Files” ist zwar immer noch vorausgewählt, allerdings wird nunmehr nur noch ein Klick benötigt, um die Suche nach Fotos auszuwählen. Im bereits angesprochenen Layer der erweiterten Suche besteht das Problem der Vorauswahl aller Medien nachwievor. Der Relaunch wurde offenbar hausintern gestemmt. Unter anderem wird in zwei Videos erklärt, was genau alles geändert wurde (Im Artikel nach unten scrollen).

Fazit

Gerade in Bezug auf die Filterfunktionalität ist doch recht wenig passiert. Den Bedürfnissen von Fotosuchenden wird die neue Website nach meinem Empfinden nicht wirklich gerecht. „Schneller“ führt mich das Interface jedenfalls nicht ans Ziel.

Und noch einen Verbraucherhinweis: Aus Anlass des Relaunchs bietet iStock zwischen dem 9. und dem 15. August 2010 allen Mitgliedern einen 25%igen Rabatt (PromotionCode iLOVEF5).

• Screenshot des alten Auftritts – istock.com bis August 2010
• www.istockphoto.com

Die Stadt Mannheim hat seit letzter Woche einen neuen Webauftritt. „Weg vom alten Verwaltungsportal hin zum Image- und Serviceportal“, so lautet das Ziel, das sich die Verantwortlichen gesetzt hatten und nach wenigen Klicks wird deutlich: in Mannheim wurden tatsächlich viele alte Zöpfe abgeschnitten. Hier wurde zum Thema Stadtpräsenz wirklich etwas Neues geschaffen. Der Auftritt ist nicht perfekt, er weist sogar nicht unerhebliche Defizite auf, aber das Gesamtkonzept sucht seines gleichen.

Endlich man ein Stadtauftritt, der nicht schwerfällig, überladen, unübersichtlich und unattraktiv daher kommt. Die Leichtigkeit und die Übersichtlichkeit ist wohltuend, gerade mit Blick auf den Vorgänger-Auftritt. Mit einer cleveren Nutzerführung behält man als Besucher stets den Überblick. Wählt man einen Begriff der zweiten Hierarchiebene z.B. „Bürgerservice“, wird diese Ebene bis auf den angewählten Hauptbegriff ausgeblendet, so wird der Blick auf die subsumierten Begriffe der dritten Ebene fokussiert. Das ist nicht neu, im städtischen Umfeld aber sehr wohl. Wer mit großen Portalen und den hier anzutreffenden Spezifika arbeitet, weiß um die Problematik der immer weiter kaskadierenden Navigation. Sechs oder sieben Strukturebenen sind in Stadtportalen keine Seltenheit. In Mannheim.de sind es fünf.

Kritisch in Bezug auf die Aufbereitung für Suchmaschinen ist sicherlich, dass alle Seitentitel rein als Grafiken angelegt sind. Das geht zwar, aber machen sollte man es nicht, zumindest wenn einem eine Auffindbarkeit im Netz am Herzen liegt. Natürlich kann man in Sachen Erscheinungsbild auch fragen, warum im Header zweimal das Logo erscheinen muss. Als Überschrift für die Suche hätte auch „Suche“ gereicht. Das Motto der Stadt lautet: „Mannheim ist Leben hoch zwei“. Die rote 2 als Favicon zeigt, wie konsequent man diese Linie einhält.

Ich mag das Design. Insgesamt ein ungemein sympathischer Webauftritt, der alles hat, was ein Stadtportal auszeichnet: Bürgerdienste, Nachrichten, einen Veranstaltungskalender, touristische Informationen und vieles mehr. Das schöne ist, Mannheim.de sieht nicht aus wie ein klassisches Portal.

Als Redaktionssystem kommt Drupal zum Einsatz. [di] digitale informationssysteme ist für das Design, die Konzeption und die Umsetzung verantwortlich.

• Screenshot des alten Auftritts – Mannheim.de bis Juli 2010
• mannheim.de im neuen Gewand | mannheim.de

Gleich zwei Verkehrsgesellschaften haben in den letzten Tagen ihren Webauftritt relauncht. Gleich vorweg: Weder Duisburg noch München können an den unfreiwilligen Unterhaltungswert der LVB heranreichen (dt berichtete). Aber vermutlich bedauert das niemand auf Seiten der Verantwortlichen.

Großzügig präsentiert sich der neue von move:elevator betreute Webauftritt der DVG Duisburg. Die Hauptnavigation, ein Bühne, auf der Aktionen und Angebote gespielt werden können sowie das Formular zur Fahrplanauskunft bekommen jeweils viel Raum zugesprochen. Auf größeren Monitoren (ab 1280px) funktioniert das ausgezeichnet. Mit einer 1024er-Auflösung befindet sich die Auskunft im scrollbaren Bereich. Während das obere Drittel ausgewogen erscheint, fällt im unteren Segment die uneinheitliche Bildsprache auf. Mal werden Fotoelemente verwendet und mal sind Schaltflächen rein als Vektorgrafik angelegt, bei denen man sich nicht entscheiden konnte, ob man sie als Outline- oder als flächige Form darstellt. Auch der Spiegel-Effekt und die Typographie zeigen keinen einheitlichen Duktus.

Bei der Fahrplanauskunft hätte man sich auch bei Eingabe eine Liste der Suchvorschläge vorstellen können. Als Nicht-Ortskundiger ist man doch ziemlich hilflos, da auf der Startseite nicht einmal optional die Suche über eine Karte angeboten wird. Dennoch ein großer Sprung vom Vorgänger zum jetzigen Auftritt, das zeigt auch der folgende Screen:

• Screenshot des bisherigen DVG-Auftritts
• www.dvg-duisburg.de

Im Vergleich dazu klassischer zeigt sich die Website der Münchner Verkehrsgesellschaft. Der dreispaltige Aufbau und die Farbgebung fanden sich in dieser Form auch schon im Vorgänger. Veränderungen fanden eher im Detail statt. Die Gesamtbreite ist deutlich angestiegen. Von 750 Pixeln ging es rauf auf 1024. Kenner zucken jetzt, denn auf Monitoren mit einer Auflösung von 1024 Bildpunkten erscheint am unteren Rand ein unschöner horizontaler Scrollbalken. Wichtig: Wer für 1024 optimiert, sollte immer unterhalb der 1000er-Marke bleiben, so dass der Scrollbalken am rechten Rand noch dargestellt werden kann. Tschuldigung, dass ich Einige damit langweilige aber hier muss es mal gesagt werden. Tipp: Das 960er-Grid-System hat sich da besonders bewährt. 980 Pixel ist ebenfalls sehr verbreitet.

Auch bei der MVG würden Suchvorschläge die Auskunft beschleunigen. Nicht nachzuvollziehen ist, dass die Auskunft unter einer weiteren Domain ausgelagert ist und zudem in einem neuen Fenster erscheint. Wenn man schon relauncht, dann hätte man exakt hier ansetzen können/sollen. Die Aussage: „jetzt noch kundenfreundlicher“, wie es in der Pressemeldung heißt, bekommt dadurch einen Schuss vor den Bug. Und warum werden die Meldungen einzig als PDF vorgehalten? Dem „Look and Feel moderner Internetangebote“ wollte man nachkommen. Die Richtung stimmt, aber auf dem Weg dorthin gibt es noch einige Strecken zu meistern.

• www.mvg-mobil.de

Der Axel Springer Verlag hat Welt.de einem umfassenden Relaunch unterzogen. Der letzte größere Relaunch stammt aus dem August 2008 (dt berichtete). Auch dieses mal wurden der Aufbau, die Struktur, Farben, Schriftgrößen sowie Positionen und Abstände grundlegend neu definiert. Die Redaktion ist sich sicher, mit den Veränderungen „viele Verbesserungen, die das Lesevergnügen erleichtern sollen“ eingeführt zu haben. Die Kommentare der Stammleser im Artikel zur Ankündigung zeigen allerdings, dass nur Wenige dem neuen Auftritt diese Verbesserungen attestieren. Ist der ambitionierte Versuch, Nachrichten in den Mittelpunkt zu rücken am Design gescheitert?

Hauptnavigation schluckt Branding

Auffälligste Veränderung ist ein Header, in dem sich das Logo und eine seltsam befüllte Hauptnavigation („Schönes Leben“?) die Horizontale teilen. Auf diese Weise soll den Nachrichten mehr Platz eingeräumt werden. Das Logo besaß im Vorgänger eine üppige Schutzzone, wodurch es zentriert positioniert erhaben wirkte. Diese Großzügigkeit vermisst man nun sofort. Das Logo fristet in einer weißen Ecke links neben der Navigationsleiste ein trauriges Dasein. So schnell wird aus der großen Welt Provinz. Provinziell erscheint auch der Look der neuen Reiternavigation, die fast schon Retro-Züge aufweist. Auch wenn man mit ihrer Hilfe nun in die dritte Ebene schauen kann, was ja durchaus eine sinnvolle funktionelle Erweiterung darstellt, wirkt sie doch eher bieder und altbacken. Auch das winzige Eingabefeld der Volltextsuche rechts oben ist unmotiviert positioniert. Wie heißt es so schön: Für den ersten Eindruck gibt es keine zweite Chance. Das gilt insbesondere für den Einstiegsbereich einer Website. Der neue Welt.de-Header stellt den Leser auf die Probe, weil er jegliche Souveränität einer großen Nachrichtenmarke vermissen lässt und den Eindruck erweckt, das Portal böte eher lokale Berichterstattung.

Bewährtes, Neues und Ungewöhnliches

Die Gesamtbreite bleibt mit 852 Pixeln unverändert. Der Content und die Inhalte der rechten Spalte, die gar nicht mehr als solche in Erscheinung tritt, sind weniger klar von einander getrennt als im Vorgänger. Dadurch wirken die Seiten zwar großzügiger und offener, allerdings auch unruhiger.

In Times gesetzte Überschriften sind mit 22 Pixel ebenso etwas zu groß geraten, wie etwa der Abstand (siehe Screenhot) unterhalb eines horizontal angelegten, mit drei Meldungen befüllten Teaser-Moduls. Auch wenn die Beliebtheit von Serifen weiterhin zunimmt: Nicht immer ist eine Times die erste Wahl für die Darstellung von Headlines und Fließtext. Dieser Relaunch zeigt dies ganz gut, wie ich meine. Der Abo-Bereich erscheint derzeit noch im alten Stil. Die dort in Arial gesetzten Überschriften und auch die Abstände sind dort ausgewogener. Vielleicht hätte man es bei dieser Linie belassen sollen. Auf der Artikelebene fällt weiterhin auch noch der ebenfalls (leicht) zu groß gewählte Zeilenabstand auf.

Die Position des Seitentitels (siehe Screenshot), ist so ungewöhnlich, dass man kaum auf die Idee kommt, es handele sich um die wichtigste Informationseinheit auf einer Seite. Unter Nutzerführung versteht man sicherlich etwas anders. Sowohl an den Schriftgrößen, den Abständen und auch an den Positionen zahlreicher Elemente könnte man noch noch etwas drehen. Der Auftritt sieht nicht „rund“ aus.

Welche Nachricht ist wirklich wichtig?

Eine klassische Marginalspalte schaut jetzt nur noch auf der Artikelebene heraus. Auf den Übersichtsseiten wird die ganze Fläche jeweils mit Nachrichten-Teasern befüllt. Das ist tatsächlich für ein großes Nachrichtenportal ein neuer Ansatz. Stichwort: Magazin-Charakter. Dadurch entfällt allerdings auch die Möglichkeit der Cross-Verlinkung etwa per schmaler Grafik (siehe Screenshot), wie man sie bislang in der rechten Spalte einsetzte. Den eigentlichen Nachrichten wird mehr Raum eingeräumt. Hier wird das Konzept des Relaunchs sichtbar. Allerdings macht sich an dieser Stelle das Fehlen klarer Trennungen bemerkbar, so wie sie der Vorgänger mit seinen etwas streng definierten Boxen noch aufwies.

Nebeneinander positionierte Teaser sorgen dafür, dass Themen fortan weniger stark gewichtet sind. Bestanden bislang die Rubrikenblöcke aus einem Hauptartikel plus mehreren Links, ringen nun drei gleichgroße Teaser um die Gunst der Aufmerksamkeit. Der Vorgänger-Aufbau war sicherlich gewöhnlicher, die Themen wurden hier jedoch besser gebündelt und dadurch auch gewichtet.

Fazit

Man kann dem Auftritt keinen Hang zur Konformität unterstellen. Das neue WELT ONLINE ist anders. Das ist gut, weil sich über die unterschiedlichen Ansätze wunderbar diskutieren lässt. Die wichtigste Funktion eines großen Nachrichtenportals, nämlich das Gewichten von Meldungen, die Einordnung von Wichtigem und weniger Wichtigem, will dem neuen Auftritt nicht so recht gelingen. Alles wird nahezu gleichgroß angepriesen. Daran ließe sich im Nachgang durch Anpassung der Schriftgrößen noch feilen. Der Header macht sich klein und ist seltsam ungelenk. Er visualisiert nur unzureichend, was man sonst eigentlich von der Marke DIE WELT und seinem Online-Pendant gewöhnt ist.

• Screenshot des bisherigen Welt.de-Auftritts
• Das alles ist neu bei WELT ONLINE | welt.de

Vielen Dank Sascha, Thomas und Mathias für die Mails zur Umstellung!

Die Telekom vereinheitlicht ihre Portale. Stellvertretend wird an dieser Stelle der Relaunch von T-Mobile.de vorgestellt. Die Farbe Magenta, die der Konzern ja gerne auch schon einmal für sich alleine beansprucht, wurde dabei zurückgefahren. Auch Telekom.de und T-Home.de wurden (zeitgleich?) umgestellt. Während man beim letzten Facelift von T-Home noch an einem schwarzen Header festhielt, zeigen sich Telekom.de, T-Home.de und T-Mobile.de nun alle im gleichen Design und mit weißem Header. Der Konzern-Auftritt nutzt weiterhin ein eigenes Template-Set und kommt ohne Verläufe aus, was ja auch nicht die schlechteste Wahl ist. In Bezug auf das Entertainment-Angebot gönnt man sich derzeit noch die Freiheit komplett in Schwarz aufzutreten. Ansonsten setzt man aber ganz offenbar auf eine Gleichschaltung der Webangebote.

Erst im März wurde der T-Online-Auftritt relauncht. Man kann nicht behaupten, es sei wenig los bei der Telekom in Bezug auf das Internet. Neben der Ausdünnung des Markenportfolios, setzt die Telekom den Rotstift nun auch in Sachen unterschiedlicher Weblösungen an. Das senkt nicht nur die Kosten für die Implementierung und die Pflege der Portale, auch der Nutzer hat etwas davon, bedeutet die neue Einheitlichkeit doch, dass er nicht immer wieder aufs neue den Aufbau und die Navigationsführung erlernen muss.

Die Hauptnavigationsleiste ist optisch wesentlich präsenter. Sie nimmt nicht nur mehr Raum ein, auch der Kontrast wurde an dieser Stelle erhöht. Die Reiter-Optik wurde in Richtung Plastizität verstärkt. Die Farbe Magenta kennzeichnet weiterhin jeweils den ausgewählten Bereich. Die Aufklapp-Menüs der dritten Navigationsebene sind funktional und schlicht gehalten. Die Auswahl “Privatkunden” und “Geschäftskunden” ist nun nicht mehr am oberen Rand angedockt, sondern bildet mit der Hauptnavigationsleiste eine Informationseinheit.

Wer penibel genau hinschaut, der bemerkt eine leichte Unregelmäßigkeit. Während Telekom.de und T-Home.de tatsächlich wie aus einem Guss erscheinen, kommt es im Vergleich dazu bei T-Mobile.de zu leichten Abweichungen. Zu sehen ist dies in der folgenden mov-Datei. Das Design ist gleich, jedoch wird der gesamte Inhalte um einige Pixel verschoben dargestellt. Liegt es vielleicht daran, dass mehrere CMS-Lösungen im Einsatz sind? Oder wurde lediglich etwas “unsauber” gearbeitet? Vielleicht findet sich unter den dt-Lesern ja jemand, der hierzu ergänzend Infos parat hat.

Auch bei den Telekom-Twitter-Accounts gibt es Bewegung. Während unter TelekomKarriere seit ein paar Monaten Mitarbeiter rekrutiert werden, möchte man seit Anfang Mai nun den eigenen Kunden Unterstützung bieten: Telekom hilft, so der Account-Name. Dort liest man auch, warum die Telekom-Websites vereinheitlicht wurde: „Wir haben unsere Homepages einander angepasst, um ein einheitliches Bild zu schaffen.“ Gut, in 140 Zeichen darf man sicherlich keine Hintergrundinfos erwarten.

Fazit

Sicherlich macht die Vereinheitlichung das Gesamtangebot nicht unbedingt spannender. Allerdings wird dadurch erreicht, dass man sich schneller im jeweiligen Angebot zurechtfindet. Die Suche bzw. die Auswahl des passenden Tarifs ist bereits anspruchsvoll genug. Winziger und kontrastarmer, dafür aber ein knapp 10.000 Zeichen langer Text ist alles andere, nur keine Unterstützung. Ich habe ganz bewusst den blassgrauen Rattenschwanz in den Screenshots abgebildet. Wenn ich mal anfangen sollte zu twittern (was nicht zu befürchten ist) wäre meine erste Kurzmeldung: „Liebe Telekom, bitte versteckt nicht den alles entscheidenden Text zu euren Produkten. Macht ihn augenfreundlich.“

• Screenshots des alten T-Mobile.de-Auftritts
• www.t-mobile.de

Danke Dirk für den Hinweis.

Der Tagesspiegel aus Berlin hat seinen Webauftritt überarbeitet. Mit mehr Übersicht im Aufbau und weniger kleinteiligen Modulen sieht sich die Redaktion rund um Onlinechef Markus Hesselmann gut gerüstet, das „hartnäckige Klischee, nach dem im Internet nur kurze Texte gelesen werden“, zu widerlegen. Das überarbeite Nachrichtenangebot im Web soll das passende, und durchaus vertiefende Pendant der Zeitungsausgabe sein. Die verbesserte Übersicht, die ganz oben auf der Liste der Ziele zum Relaunch stand, und die man der neuen Website attestieren kann, hat ihren Preis: den der Konformität.

Der Relaunch wurde notwendig, da „die Seite durch diverse Softlaunches zwar graphisch sehr ansprechend, aber von der Usability her zu komplex geworden ist“, so Hesselmann. Direkteinstiege in die Ressorts und etwa auch in die Fotostrecken sollen das Navigieren im Auftritt einfacher machen.

Immer wenn es im dt um gut gemachte Nachrichtenseiten ging, durfte ein Link zu den Berlinern nicht fehlen. Der für hiesige Verhältnisse unkonventionelle Aufbau ließ tagesspiegel.de stets aus der Fülle an Nachrichtenportalen herausragen. Auch die konsequente Namensführung über alle Medienkanäle hinweg empfand ich immer als sehr wohltuend. Gerade aber vom teils verschachtelten Aufbau, der vielleicht sogar leicht schrullig wirkte – im positiven Sinne –, hat man sich nun getrennt. Die fünf Teaser im Header fehlen ebenso wie die stilprägende ultraschmale, mittlere Spalte. Im linken Bereich sind die Teaser-Blöcke nun nicht mehr vertikal, sondern horizontal angeordnet. Das nennt man dann wohl “best practice”. Ist es nun gut, dass das Auge die Inhalte leichter erfassen kann oder ist es schade, dass man nun Spiegel Online und Stern mit einer analogen Lösung gefolgt ist? Irgendwie beides. Die Nutzbarkeit verbessert sich, es geht aber auch ein Stück eigene Identität dabei verloren.

Das Logo sitzt nun mittig; zur Linken ein Teaser-Modul und zur rechten die Eingabemaske zur Volltextsuche, die eine überzeugend gut aufbereitete Ergebnisübersicht erzeugt. Die Hauptnavigation bleibt optisch nahezu unverändert. Überraschend ist für mich nach wie vor, dass es keinen Direkteinstieg zu den Videos und Fotostrecken gibt. Das “Mediacenter” kann einzig über die Footer-Navigation als Übersicht angesteuert werden.

Die prominente Position des ersten Moduls in der rechten Spalte nimmt ein Fotostrecken-Teaser ein. Vermutlich ziehen die Fotostrecken reichlich Klicks und sollen weiter gepusht werden. Aber dann hätte man sich auch in der Hauptnavigation etwa als zweite Ebene, die bei Rollover erscheint, aufhängen können.

Aufgrund der Einsparung der mittleren Spalte steigt die Anzahl der Teichen pro Textzeile auf etwa 90. Zum Vergleich: SpOn hat 70. Damit liegt tagesspiegel.de am oberen Ende des derzeit gängigen Bereichs, den man mit 70 – 90 definieren kann. Die Detailansicht wirkt dadurch sehr wertig, was auch gut der oben eingebundene Screenshot zeigt. Die Abstände z.B. innerhalb der unterschiedlichen Textkomponenten erzeugen ein sehr ausgewogenes Gesamtbild. Auch das Schriftklassenkonzept macht einen guten Eindruck. Fließtext wird in der Serife „Georgia“ gesetzt – hier könnte eine Anhebung des Zeilenabstands für ein ruhigeres Schriftbild sorgen –, hingegen die „Arial“ die führende Schrift innerhalb der rechten Spalte ist. Beim Vorgänger wurde auch hier die Serifenschrift verwendet.

Das Design selbst bleibt sich treu. Eine Kombination aus gestrichelten und gepunkteten Linien verleiht dem Interface in Kombination mit beigen Farbtönen, die nun auch die Site einrahmen und im Footer hinterlegt sind, seinen Stil. Nur wenn Module angepasst oder ausgebaut wurden, etwa wie bei der Multimedia-Box oder den angesprochenen, mit einem Balken ausgestatteten Ressorteinstiegen im linken Bereich, dann kommen neue Grafiken bzw. neue Stile, die sich im Rahmen der vertrauten Gestaltung bewegen, zum Einsatz. Auch der Formularstil wurde modifiziert. Tags (“Themen”) wurde in der rechten Spalte eingeführt und Informationen, etwa auf Artikelebene gebündelt. Sehr schön werden hier Datum, Autor, Kommentaranzahl und die Artikelfunktionalität auf einer Linie platzsparend angeordnet.

Gestemmt wurde der Relaunch von Urban Media und Holtzbrinck Online Services, die in enger Zusammenarbeit mit der Redaktion und gemeinsam mit Community- und Entwicklungs-Chef Atila Altun designt und entwickelt haben.

Fazit

Nach wie vor optisch und vom Aufbau her eine sehr gelungene Nachrichtensite, der man allerdings das sympathisch Schrullige und auch ein Stück weit das Individuelle zugunsten einer gängigeren Anordnung genommen hat. Die Besonderheiten im Vorgänger fehlen (mir). Dafür bekommt der Leser jedoch praktische Direkteinstiege zwischen den Ressortblöcken und andere „Annehmlichkeiten“ gereicht, die den neuen Auftritt vor allem navigationstechnisch nach vorne bringen.

• Willkommen auf unserer neuen Internetseite | tagesspiegel.de
• Screenshot des alten Tagesspiegel.de-Auftritts

Ein Relaunch im Auftrag der Diplomatie? Angesichts des Ende März ins Netz gestellte neue Webauftritt von Nikolas Sarkozy könnte man glatt meinen, die französische Regierung habe eine Art bilateralen CMS-Kooperationsvertrag mit Administration Obama abgeschlossen. Der überarbeitete Elysee-Webauftritt gleicht in zahlreichen Details der Website des Weißen Hauses unter whitehouse.gov.

• Die beiden, nahezu deckungsgleichen Auftritte im direkten Vergleich

Der Auftritt der ÖVP mag ja stilistisch auf der Obamania-Welle liegen. Der Auftritt Elysee.fr hingegen gleicht dem Auftritt der US-Administration bis aufs Haar. Schick ist er, der us-französische Government-Stil, keine Frage, aber sonderlich kreativ zeigt sich die „Grande Nation“ nicht gerade, n’est pas?

• www.elysee.fr
• Screenshot des alten elysee.fr-Webauftritts

Kürzlich wurde Deutschlands größtes Portal relauncht. Mit Negativkritik wird im hauseigenen Telekom-Blog nicht gespart. Nicht immer ist sie gerechtfertigt. Als smart empfinde ich etwa die Funktion des “Liquid-Designs”, bei der sich die Darstellung des Portals der Bildschirmgröße des Nutzers anpasst. Nicht zu verwechseln ist diese Anpassung wohlgemerkt mit der dynamischen Breite, die sich immer über die gesamte Horizontale erstreckt, was vor allem bei 16:9-formatigen Monitoren wenig lesefreundlich ist.

Das Portal hat nun eine stärkere regionale Ausrichtung. In Bezug auf die Darstellung kann man zwischen zwei Breiten wählen: schmal = 830 Pixel und breit = 1045 Pixel. Das Design ist leichter und luftiger als sein Vorgänger. Der Orientierung dient dies allerdings nicht, da etwa die zentrale Hauptnavigation überhaupt keine Gewichtung oder Akzentuierung erfährt, vom sehr dezenten Verlauf einmal abgesehen. Der Rollover auf die einzelnen Themen (Auto, Computer, etc.) erzeugt einen großflächigen Layer. Die Animation, und die dadurch entstandene Verzögerung, hätte man sich schenken können. Sie kostet Zeit und dürfte vor allem Stammnutzer nerven.

Die Abstände des Textes auf der Artikelebene zum linken Rand und zur rechten Spalte sind deutlich zu gering. Der Aufbau wirkt gequetscht und wenig ansprechend. Es fehlen Weißräume, die das Lesen angenehmer machen. Schön ist zwar, dass in der breiten Ansicht auch das Foto mitwächst ohne an Qualität einzubüßen – das große Bild wird bereits in der kleinen Ansicht vorgehalten – allerdings enthält jede Textzeile bis zu 116 Zeichen, was nicht prinzipiell, aber doch in dieser Darstellungsart zuviel ist. Am verbreiteten sind mittlerweile 70 bis 90 Zeichen pro Zeile. Das hängt immer auch von der Schriftart und der Größe ab. Ebenfalls leseunfreundlich ist die Textfarbe, die zu blass geraten ist.

Warum sollte man dieses “Urviech der Webportale” weiterhin besuchen? Vielleicht beantworten die dt-Leser ja diese Frage, denn mir fällt kein Grund ein. Das liegt vielleicht auch daran, dass ich keine t-online-Adresse habe, wie viele Gemeinden, Verbände und kleinere Unternehmen, die trotz eigener Domain damit in die Öffentlichkeit gehen.

Kürzlich verdrängte übrigens T-Online Google vom Thron der “most trusted brands” (via horizont), was natürlich kein Wunder ist, angesichts der Diskussionen zum Thema Datenschutz, die aus einer Lieblingsmarke nun eine gefährliche Supermacht, eine “bad brand” in den Augen vieler Menschen haben entstehen lassen. Aber zurück zum Thema: Braucht eine, in den Telekom-Konzern eingegliederte Marke eigentlich noch ein eigenes, benötigt es dieses Portal? Wenn ja, wozu?

• www.t-online.de
• Screenshot des alten Webauftritts

Danke für die zahlreichen E-Mails zum Relaunch.