Zehn Jahre trägt der stolze Lastwagen seine Abdeckplane auf der freien Autobahn. Bis ihm die urbanen Jäger von FREITAG an einem Tunnelausgang auflauern, das Fell, pardon die Plane über die Kabine ziehen und daraus Taschen machen. Die “Individually Recycled Freeway Bags” von FREITAG werden geliebt und gekauft wegen der Geschichten, die sich um ihre Entstehung und ihre Erfinder, die Freitag-Brüder ranken. Geschichten mit E-Commerce zu verweben war denn auch die Herausforderung bei der Neugestaltung von freitag.ch. Nun ist der Shop, konzipiert und gestaltet von iA und umgesetzt von Namics online gegangen.

Die Einführung standardisierter Fracht-Container nach dem zweiten Weltkrieg hat unsere Welt verändert. War das Be- und Entladen eines Schiffes zuvor ein Puzzle, das viel Manpower und Zeit in Anspruch nahm, konnten danach Container unabhängig von ihrem Inhalt einfach und rasch übereinander gestapelt werden.

Websites haben ein ähnliches Puzzle-Problem. Definiert man Seiten als Ganzes, müssen die immer wieder aufkommenden Inhaltsstücke mühsam aneinander angepasst und an vielen Orten gepflegt werden. Zudem muss jede Seite für sich konzeptualisiert und in der Seiten-Hierarchie platziert werden. Dagegen ist es einfacher, einen Inhaltsstück zu definieren und die Bedingungen zu nennen, unter welchen es erscheinen soll. Aus diesem Gedanken entstand das Container-Prinzip für E-Commerce-Seiten.

Vom Nutzerziel zum Kontext

Auf der neuen FREITAG-Website werden Inhalte in Container gepackt und immer wieder so zusammengestellt, dass die Seite dem Nutzer dient. Dabei gilt das Prinzip: vom Nutzerziel zum Kontext. Je weiter nach unten der Nutzer scrollt, desto mehr Kontext bekommt er zu seinem primären Ziel.

Modularität

Wenn Inhalte in Containern und nicht in Seiten gedacht werden, wird das klassische Denken in Seiten aufgebrochen. Container können intelligent sein, während die Seite nur ein Gefäss, also ohne Logik bleibt. So kann ein Container feststellen, welche Produkte sich in einem anderen Container befinden und z.B. ähnliche Produkte anzeigen. Dieses Prinzip versetzt FREITAG in die Lage, immer wieder neue Container unabhängig vom Rest der Site zu entwickeln und einzusetzen.

Anforderungen an die FREITAG Website

Mit dem Containerprinzip geht iA auf grundliegende Eigenarten der FREITAG Website ein.

1. Haltung > Story Telling

Jedes FREITAG-Produkt hat Wurzeln, über die Geschichten erzählt werden sollen. So werden die Werte fassbar, die jedem FREITAG-Produkt inne sind. FREITAG trennt Verkauf nicht von Geschichten.

2. Branding > Look & Feel

Die FREITAG-Produktlinien FUNDAMENTALS und REFERENCE unterscheiden sich visuell voneinander. Jede Produktlinie erhält einen eigenen Containerstil. Die interaktiven Elemente bleiben dagegen im FREITAG-Stil. So kann man sagen: es sieht nach REFERENCE aus – es fühlt sich wie FREITAG an.

3. Unikate vs. Massenprodukte > Pars Pro Toto

FREITAG-Produkte sind durch ihre Entstehungsgeschichte Unikate. Die Website erklärt das Prinzip des Unikats, indem sie einzelne Unikate stellvertretend für ganze Modelle zeigt. Jede Tasche, die man auf der Site sieht, kann man auch kaufen. Auf dem Weg zum Kauf wird aber die Vielzahl an verfügbaren Unikaten offenbart.

4. Länderspezifisches Wissen > Conditions

In verschiedenen Ländern haben Menschen einen unterschiedlichen Kenntnisstand darüber, wer die Firma FREITAG ist, woher sie kommt, warum und wie ihre Produkte entstehen. Je nach Kenntnisstand im jeweiligen Land werden über programmatische Bedingungen unterschiedliche Informations-Container angezeigt.

Design for Conversion

freitag.ch vermittelt zwar viele Hintergrundinformationen zu den Taschen und zum Unternehmen. Mindestens ebenso wichtig ist aber, dass man die FREITAG-Produkte kaufen kann. Dabei stand FREITAG seit jeher vor einer besonderen Herausforderung: Jedes FREITAG-Produkt ist ein Unikat. Gut, wenn der Nutzer mit diesem Konzept vertraut ist. Was ist aber mit Menschen, die Massenprodukte gewohnt sind und einfach die Tasche kaufen möchten, die sie gerade sehen? Oder mit denen, die sich vielleicht doch von einem anderen Planenmotiv mehr angezogen fühlen würden?

In enger Zusammenarbeit mit FREITAG hat iA an der Conversion gearbeitet. Das Ergebnis zeigt sich im Online-Shop: die Produkt-Modelle werden direkt mit Unikaten angeteasert. Hinter jedem Produktbild steckt also tatsächlich ein Unikat, das man kaufen kann. Nicht nur die von FREITAG eingesetzte 360°-Fotostation für die Unikatbilder ist dabei eine Spezialanfertigung. Auch die Informationsarchitektur bedient unterschiedliche Bedürfnisse von rationalen Entscheidungen, emotionalen Käufen und notorischen Wiederkäufern. Wir analysierten Käuferabsichten und kaufentscheidende Kriterien, gossen sie in Szenarien, Customer Life Cycles und Use Cases. Anschliessend wurden darauf abgestimmt die Conversion Funnel minutiös erarbeitet und im Detail mit FREITAG abgestimmt.

FREITAG geht es nicht nur um den einen Verkauf, sondern darum, Kunden zu Fans zu machen. Schliesslich besteht das Leben aus Kreisläufen, so wie die LKW-Planen durch FREITAG ein zweites Leben bekommen. Die Informationsarchitektur dient deshalb nicht allein dem Zweck des Verkaufs. Durch die Container-Struktur bietet sie immer wieder Raum für Geschichten.

Ohne die enge Zusammenarbeit mit FREITAG, den Input von Tausenden von Support-Emails, Nutzeranalysen und Interviews, dem iterativen Feedback wäre der Shop in dieser Form nicht möglich gewesen. Auch technisch ist er weit weg von einer Standardlösung, weshalb eine enge Abstimmung mit Namics dieses Shop-Erlebnis erst ermöglichte.

Containerzusammenstellung auf der Startseite zum Zeitpunkt des Relaunches

iA-Scribble von Daniel Freitag auf der Helden-Seite

Weitere iA-Projekte

Seit einer Woche ist Österreich den anderen in Sachen News-Kategorisierung eine Nasenlänge voraus, oder zumindest sind das dank iA die Salzburger Nachrichten. Auf Salzburg.com ist die Ressortnavigation nämlich als facettierte Suche umgesetzt. Auswahlen wie “Politik – Österreich” oder “Sport – Salzburg” werden so jederzeit und transparent möglich: die Ressortnavigation einer Regionalzeitung mit überregionalem Anspruch, befreit von der Bundstruktur-Denke.

Die Salzburger Nachrichten zählen neben der Presse und dem Standard zu den renommiertesten österreichischen Tageszeitungen. iA hat ihren Online-Auftritt Salzburg.com komplett überarbeitet.

Weitere iA-Projekte

Golem bietet einen Einblick in die Informationstechnologie und Telekommunikationsbranche. Zu den Lesern der Plattform gehören IT-Fachleute, Online-Verantwortliche, Marketingentscheider, Einkäufer und technisch Interessierte. Diese haben sich in der Vergangenheit häufiger eine Seite gewünscht, die breiter ist und mehr in die Mitte des Browserfensters rückt. Inhaltlich hat sich nichts geändert: Der etablierte Mix aus Hintergrundberichten, Tests, Interviews und Analysen des Marktgeschehens bleibt erhalten.

Video: Relaunch 2011 – Zeitreise durch 14 Jahre Golem (1:20)

Warum Golem?

Oft werden die Macher gefragt, wie es zu dem Namen golem kam. Unter golem.de wird das so erklärt:

“Der Golem ist verschiedenen Legenden zufolge ein von Menschen geschaffenes, unbeseeltes Wesen aus Lehm. Mit Hilfe von niedergeschriebenen Befehlen wird er zum Leben erweckt, anschliessend führt er Befehle unreflektiert und emotionslos aus. Die Folgen können tödlich sein. Die Analogie zum Computer ist nicht weit: Für uns steht der Golem für das technisch Mögliche, er warnt aber auch vor den Folgen allzu großer Technik-Euphorie. Jede technische Entwicklung kann ihre Auswirkungen auf den Menschen haben – negativ wie positiv.”

Zur Namensgebung beigetragen haben unter anderem Stanislaw Lems bedrückendes Buch “Also sprach GOLEM”, der humorvolle Scheibenwelt-Roman “Hohle Köpfe” von Terry Pratchett und natürlich die Sage um den Prager Rabbi Löw und seinen Golem.

Das von iA überarbeitete Logo behält das Auge bei als Symbol der Wachsamkeit, die wir uns beim Umgang mit moderner Technik stets bewahren sollten.

Weitere iA-Projekte

Auch ich glaube nicht an einen Erfolg der Pay Walls. Aber wir müssen etwas tun, bevor wir alle unsere jetzigen Abonnenten verlieren. Klar, es ist ein hartes Business… Aber das Geschäft mit der Luftfahrt ist auch kein Zuckerschleck, und doch haben Fluggesellschaften einen rentablen Weg gefunden. Können Sie mir erklären, weshalb manche Leute Business-Class buchen, obschon mich das Flugzeug an denselben Ort bringt, unabhängig davon, ob ich Business oder Economy fliege? Der massive Preisunterschied lässt sich ja nicht wirklich erklären, wenn man den tatsächlichen Wert der beiden Dienstleistungen vergleicht.

Er wollte wissen, ob ich mir schon Gedanken dazu gemacht hätte, wie sich die Logik des Luftfahrtbusiness auf das Online-News-Geschäft übertragen liesse. Wie würde eine News-Website der Business-Class aussehen?

Kunden der Business-Class wollen auf die Folter in der Holzklasse verzichten. Beim Boarding und bei den Sicherheitskontrollen müssen sie sich weniger lange anstellen, und sie erhalten Champagner à discrétion. Nach der Landung sind sie schneller draussen, und nicht zuletzt geniessen sie das Gefühl von höherem Status.

Er fügte hinzu, dass er sich auch im News-Business eine Methode erhoffe, um jeden Leser immer wieder durch die edlen Klassen hindurch zu führen, damit der Economy-Class-Kunde erkennt, was ihm fehlt.

Information verknappen ist nicht ökonomisch

Unabhängig davon, wie geglückt oder schief der Vergleich scheinen mag, in einem Punkt hatte mein Gesprächspartner sicherlich recht. Nachrichten in einem Online-Medium zu lesen, fühlt sich an wie ein Flug auf den billigen Plätzen. Zudringliche und zerstreuende Werbung, billige Archivbilder, schludrige Typografie, haufenweise sinnlose Leserkommentare, Leseempfehlungen von IT-Robotern und der Mangel an persönlichen Dienstleistungen sowie ein beengendes Informations-Design machen das Leseerlebnis zu einer Tortur.

Wer ebenso wie wir Online-Nachrichtenportale gestaltet, der weiss, dass wir Designer dieses Problem nicht bloss durch Klugheit oder Anstrengung lösen können. Privatwirtschaftlich organisierte Medienhäuser müssen Geld verdienen und die meisten Publikationen präsentieren sich so wie sie sind, weil die Instruktionen und die Anforderungen an die Gestaltung so sind wie sie sind. Folgender Vergleich macht deutlich, wie viel Platz die Marketing-Strategie für sich beansprucht, damit sich das Produkt rentiert. Die beiden Darstellungen illustrieren, wie begrenzt der Raum ist für die eigentlichen Inhalte, das heisst redaktionelle Beiträge.

Trotz dieses umfassenden Rauschens muss man nach wie vor festhalten, dass Online-Nachrichten-Sites noch nicht genügend Profit generieren. Manche Verlage versuchen nun die Finanzen in den Griff zu kriegen, indem sie Bezahlschranken bauen: “Die Leser wollen Nachrichten? Dann mögen sie bitte dafür bezahlen!” Wie allgemein schon früher erkannt wurde, ist dieses Verkaufsargument für Internet-User nicht sehr überzeugend. Schliesslich sind sie in Hülle und Fülle umgeben von Gratis-Nachrichten. Die strategischen Probleme, welche Bezahlinhalte mit sich bringen, werden immer wieder gewälzt:

1. Im Netz sind Informationsgüter kein knappes Gut – wenn ich als Leser einen Artikel nicht lesen kann, lese ich eben einen anderen, entweder bei der gleichen Quelle oder dann halt anderswo.
2. Bezahlschranken schwächen die Hauptattraktion (Inhalte) Ihrer Nachrichten-Site und die mehrfachen Anmelderoutinen auf den verschiedenen Plattformen schädigen die Nutzererfahrung (User Experience). Manche Anbieter von Bezahlinhalten erlauben ihren gewieften Lesern den Einsatz von Sozialnetzwerken, um Inhalte mit Internet-Usern zu teilen, ohne dass diese zur Kasse gebeten werden. Auch diese Strategie wird sich langfristig nicht auszahlen, da viele Inhalte in Zukunft noch stärker via Social Media konsumiert werden.
3. Manche Bezahlangebote sind ebenso mit Marketing-Inhalten übersät wie kostenfreie Angebote. Zahlende Kunden sind für den Werbemarkt eine attraktive Klientel, aber für Inhalte zu bezahlen und sich bei der Lektüre trotzdem einem Feuerwerk von Werbung aussetzen zu müssen, ist für den Leser kaum ein fairer Deal.

Verstehen Sie mich bitte nicht falsch: Bezahlschranken für Inhalte ist nicht das, was wir empfehlen. Sie erinnern sich an den Vergleich mit der Luftfahrt: Das Resultat einer Reise in der Business- oder in der Economy-Klasse ist dasselbe, ein Flug von A nach B. Lediglich das Erlebnis ist ein anderes. Ebenso sollten inhaltlich dieselben Nachrichten gelesen werden können, unabhängig davon, ob man sich als Leser in den Sitzreihen der Economy- oder der Business-Class von Nachrichten-Websites niederlässt.

Die Idee einer Business-Class für Online-News betrifft nicht den Einkauf von Informationen, sondern sie betrifft den Kauf eines besseren Erlebnisses. Es geht um Dienstleistungen und Nutzererfahrung. Anders formuliert: Kunden lesen Bezahlinhalte, während User Gratisinhalte absurfen.

Gleiche Informationen bei unterschiedlichem Erlebnis

Die Idee eines Geschäftsmodells, welches eine Alternative zur fürchterlichen Nutzererfahrung von Online-News-Angeboten bieten würde, ist nicht besonders extravagant: Instapaper, Readability, FlipBoard und andere profitieren schon heute vom barbarischen Leseerlebnis heutiger Nachrichten-Portale. (Genau das empfiehlt Jay Rosen: “Verlagshäuser sollten in den Wettbewerb gegen FlipBoard einsteigen.” Mit news.me fährt inzwischen die New York Times exakt auf dieser Schiene.) Diese neuen E-Reader-Programme, welche als Leseschnittstelle fungieren, teilen folgende Gemeinsamkeiten:

1. Fokussierung auf die Gestaltung des Inhalts
2. Verzicht auf blinkende und abstossende Werbung und Verzicht auf Platzverschwendung durch unnötiges Rauschen
3. Relevanz durch Personalisierung

Diese Dienstleistungen bieten zudem den Vorteil, dass die Nachrichten und Artikel von verschiedenen Quellen stammen. Was diese Dienste ganz im Gegensatz zu den Verlagshäusern nicht bieten:

1. Hochwertiges Bildmaterial (ist meistens zu kostspielig für ein grösseres Publikum)
2. Einen ausserordentlich starken Markennahmen sowie ein ausgedehntes soziales Netzwerk ausgehend von der News-Website
3. Persönliche Dienstleistungen dank qualifiziertem journalistischem Personal (nur für Premium-Kunden)

Wäre es nicht zumindest ein Versuch wert, wenn Sie eine Business-Class-Version Ihrer Nachrichten-Site anbieten würden, anstatt dieses Geschäft einer boomenden E-Reader-Software-Branche zu überlassen?

Klingt gut, aber wie muss man sich das vorstellen?

Wie sollte eine Business-Class-Version einer Nachrichten-Website genau aussehen? Zur Stunde bearbeiten wir exakt diese Fragestellung bei einem Beratungsprojekt, welches hinter den Kulissen stattfindet. Soweit wir das einschätzen, liegt die Lösung näher, als es sich vermuten lässt. Aus offensichtlichen Gründen können wir hier keine Gestaltungsbeispiele aus diesem Projekt publizieren. Ein augenfälliges Beispiel zur Darstellung eines bestimmten Aspekts ist die gesäuberte Online-Version der New York Times.

Welche Version würden Sie lieber lesen? Was halten Sie davon, wenn Sie die “laute,” durch Werbung finanzierte Version gratis konsumieren dürften und die auf Lesbarkeit optimierte Ausgabe gegen Bezahlung erhielten? Und wäre es reizvoll, wenn die angenehme Version auch für das Lesen von News-Beiträgen aus Quellen jenseits der NYT genutzt werden könnte? Wie, wenn Sie zudem ein besseres Nutzer-Profil erhielten, mit der Aussicht Fragen und Hinweise, die Sie im Kommentarbereich abgeben, beantwortet zu kriegen?

Nein, es geht nicht darum, die kostenfreie Version extra hässlich zu gestalten – bei der Fliegerei wird gemunkelt, man quäle die Economy-Gäste bewusst. Das im Web weitverbreitete Berechnungsmodell mittels Cost per View (CPV) wird automatisch für ein lautes Resultat bei der Economy-Version sorgen.

Ein schwieriges Unterfangen wäre der Aufbau einer Business-Class-Version der Bild-Zeitung oder eines anderen Boulevardblatts. Vorausgesetzt wird also ein Markennamen, der eindeutig mit einem Qualitätstitel assoziiert wird. Die Business-Class-Idee funktioniert also nur für Publikationen wie Die Zeit, The New Yorker, Il Sole 24 Ore und Le Monde. Le Monde versucht es mit einem ähnlichen Konzept, allerdings wird dort das “Upselling” betrieben mit einem grösseren Angebot an Artikeln und Nachrichten (genau das empfehlen wir nicht) und einer Leserblogfunktion.

Wie viel darf es kosten?

Wir möchten Sie nun als regelmässigen Leser von Le Monde, NYT oder Die Zeit fragen, wie viel Sie bereit wären für die Business-Class-Ausgabe dieser Online-Publikationen zu bezahlen? Ich vermute, es müsste sich um eine Jahresgebühr handeln. Eine jährliche Rechnung von 99 Euro ist auf Dauer psychologisch weniger schmerzhaft als die monatliche Zahlung von 10 Euro. Die obigen Beispiele sollen bei dieser Preisfrage nicht ausschlaggebend sein. Die Business-Class-Versionen sollen schliesslich nicht nur eine bessere Gestaltung, sondern auch sonst mehr bieten.

Wie viel darf es kosten? 0, 5, 9, 49, 99 oder 299 Euro pro Jahr? Stellen Sie sich dabei vor, sie könnten zusätzlich Nachrichten anderer News-Quellen lesen in derselben Gestaltung und mit demselben Tool.

Senden Sie uns eine Twitter-Nachricht mit dem Preis, den Sie bereit wären, pro Jahr zu bezahlen. Wir freuen uns darüber.

(Übersetzt von Marc Böhler. Dieser Beitrag auf Englisch: “Business Class: Freemium for News?“)

UXwas? Weshalb muss gerade der Nutzer im Zentrum stehen? Mir geht’s mit meinen Seiten vor allem darum, Geld zu verdienen!

So schnell kriegst du mich nicht, Früchtchen. Der Fokus auf den Nutzer ist unser Mittel gegen das, was Firmen sonst immer tun: auf den eigenen Nabel schauen. Zu ihrem eigenen Schaden, wie ich dir gleich erklären werde. 2 Stunden und eine Flasche Wein in der Bar Sol später (auf meine Kosten, sparsam ist er auch) hatte er es genau verstanden, denn er frage:

Wieso müsst ihr denn so viel wissen, um euer Design zu machen? Ist das nicht mehr Photoshop und so?

Gute Frage, ich werde dir jeden Aspekt erläutern, lass uns wandern gehen, ich übernehme die Kosten für die Bahnfahrt und bringe Proviant mit. Auf steinigen Wiesen voller Kühe erläuterte ich im feinsten Detail, wie bei interaktiven Produkten die Pläne und das Verhalten einer Organisation, die Technologie und bewusste Gestaltungs-Entscheide bezüglich Strategie, Struktur und Oberfläche zusammenspielen und letztendlich etwas produzieren, das wir User Experience nennen. Mit der, wie schon erläutert, der Erfolg eines Produktes steht und fällt. Er hatte das ganz genau begriffen, denn er fragte:

Sowas kann man doch gar nicht managen, das ist doch viel zu gross!

Nun, da kann ich dir nun wirklich nicht helfen, Projekt Management erfordert viel Erfahrung, Empathie – Menschenkenntnis – und Wissen über die Organisationen, in denen sich Menschen zusammentun.

Aha. Hm. Ihr sagt doch, ihr macht die Dinge einfacher, also erklär’ mir das alles nochmals in 3 Sätzen!

Oops. Panik! Überraschender Sieg des Zynikers in der letzten Runde?

Wann immer ich UX kurz und knapp erklären muss, schleicht sich ein Bild in meinen Kopf, das sich wie ein Virus in der Designer- und Beratergemeinde verbreitet hat. Das Venn-Diagramm. Es wäre gemein, Lou Rosenfeld als den ersten Träger dieses Virus zu identifizieren, aber er ist sicher einer der auffälligsten:

Oder waren es die einflussreichen IDEO, die das Diagramm für immer in unsere Köpfe geschweisst haben?

Auf jeden Fall verbreitete sich das Virus munter weiter. Es gab wahre Vennologen und natürlich auch solche, die gar keine Grenzen mehr sahen und aus Eigeninteresse rücksichtslos von der Dreifaltigkeitslehre abwichen:

UXMatters hat beim Versuch, das maledeite Zentrum dieses Diagramms zu beschreiben per Zufall meine liebste Metapher getroffen: Design ist Krieg! Oder zumindest ein bewaffneter Konflikt:

Auch wir haben uns die Hände schmutzig gemacht, mit dem Spektrum der Nutzererfahrung. Das Verdikt von Adaptive Path: “Intriguing, it raises more questions than it answers.”

Und klar ist: Wer den Schaden hat, braucht für den Spott nicht zu sorgen.

Wird ein Architekt den Kern seiner Tätigkeit mit 3 überlappenden Kreisen erklären? Eher nicht. Wird es ein Consultant tun? Freilich! Architekten bauen Häuser. Consultants begnügen sich viel zu oft mit Luftschlössern. Wir bauen Webseiten (und andere interaktive Produkte).

In unseren Projekten legen wir den Fokus auf den einen oder anderen bisher vernachlässigten Aspekt: auf die Erfahrung des Nutzers mit dem Produkt, auf die Vereinfachung historisch gewachsener Strukturen, auf technologische Machbarkeit und Effizienz, auf ökonomischen Realismus. Immer aber haben wir es mit viel Komplexität zu tun. Der werden wir Herr mit unserer Erfahrung und unserer Fähigkeit, den einzelnen Problemen durch Analyse und Reflexion auf den Grund zu gehen. Ist das einfach zu erklären? Ja: Wir bauen Webseiten.

Ein guter Arzt kann erklären, weshalb mein Arm schmerzt, oder weshalb er meinen Blinddarm operieren muss. Kaum aber wird er ein einfaches Diagramm mit 3 Kreisen hervorziehen, das den Menschen oder den Beruf des Arztes als solchen erklärt.

Sind Webseiten einfacher als Menschen oder Gebäude? Helfen in unserem Fall die drei Kreise? Vielleicht – wenn wir untereinander über Komplexität und mögliche Lösungsmuster diskutieren wollen. Im häufigsten Fall verdecken sie mit ihrer vermeintlichen Vereinfachung mehr, als sie zeigen. Ich sehe sie als Zeichen von fehlender Reife einer Branche, die sich erst selbst finden muss, bevor sie anderen Vorträgen halten kann.

Mein zynischer Kollege hatte mich ursprünglich kontaktiert, weil er eventuell ein Projekt für iA habe und wurde zum nichts ahnenden Opfer meines Experimentes. Meine Antwort auf seine letzte Frage:

Hm, wenn ich dir das in 3 Sätzen erklären könnte, müsstest du mich ja nicht mehr anstellen, gell?

Bild: Flickr/junkchest

Die Idee hinter dem Magazin beschreibt Allemann im Interview mit persoenlich.com wie folgt: „Wir möchten Marken wieder ein Gesicht geben. Wir sind umgeben von vielen globalen, anonymen Marken. Und wer hinter den Marken steht, geht unseres Erachtens nach viel zu oft vergessen. Gleichzeitig nimmt der Wunsch nach Authentizität und Nähe stetig zu. Dies wird auch für die Markenführung immer wichtiger. Darum verleihen wir Marken und ihren Machern Ausdruck – den Unternehmern, CEOs, Designern, Erfindern und Treibern. Wir möchten zeigen, was diese Menschen verbindet, was sie antreibt und was sie inspiriert.“

Gezeigt wird dies im Web und auf Tablet-PC’s. Für den Browser des iPads hat Information Architects eine optimierte Version erstellt. Die Texte des Magazins werden von ausgewählten Autorinnen und Autoren bekannter Medien verfasst. The Brander erscheint auf Deutsch und Englisch

Weitere iA-Projekte

Die jüngsten Zahlen von Cisco sind beeindruckend:

• Die durchschnittliche weltweite Smartphone-Nutzung hat sich 2010 verdoppelt.
• 2010 war die Datenmenge des mobilen Internets schon das Dreifache von der Menge des gesamten Internets im Jahr 2000
• 2011 soll der Anteil von Videos am mobilen Datenverkehr erstmals über 50 Prozent steigen.

Die Prognosen für die Nutzung von Tablet-PCs wie dem iPad sind ebenfalls euphorisch. Für die USA geht Forrester Research davon aus, dass sich die Zahl der Nutzer von 2010 bis 2015 um das Achtfache auf 82,1 Millionen Tablet-­PC Nutzer erhöhen wird. In einem solchen Wachstumsmarkt sollte es für Medienhäuser recht einfach sein neue Geschäftsmodelle zu entwickeln. Die Realität sieht anderes aus. Das Munkeln wächst langsam zum Schrei heran: Das rechnet sich doch nicht!

Die Ökonomie der Apps für Smartphone und Tablet-PC ist schon in Rezessions-Stimmung. Gerade mal 383 Abonnenten soll die Welt im vierten Quartal 2010 auf dem iPad gehabt haben. Bei der Bildzeitung sollen es 785 sein. Schreibt die TAZ. In Anbetracht solcher Zahlen wäre ein Blick in den Business Case von Rupert Murdochs Tageszeitung Daily für das iPad sehr spannend. Nach Berichten der BBC sollen dort mehr als 100 Journalisten arbeiten.

Doch auch wer weniger Personal bezahlen muss, zückt immer häufiger den Taschenrechner. Was bedeutet es denn, wenn Apples IOS bei Smartphones und Tablet-PCs Marktanteile verliert? Muss jetzt auch eine App für Android, Windows 7 und BlackBerrys RIM her? Wieviel Mehraufwand braucht es um mit einer App auf dem Android Smartphone und dem Android Tablet-PC vertreten zu sein? Und wie zahlen sich solche Investitionen aus?

Wer lange genug rechnet, kommt irgendwann zu dem Schluss: Browserbasierte Lösungen mit HTML 5 und CSS3 sind eine – wenn nicht die einzige richtige – Alternative. Aus heutiger Sicht bieten sie eine hohe Skalierbarkeit wenn in den kommenden Monaten weitere internetfähige Geräte auf den Markt kommen. Die Grundidee vom Responsive Web Design , die Ethan Marcotte 2010 vorgestellt hat, wurde an vielen Stellen weiter entwickelt. Mit der Optimierung von Zeit Online für das iPad haben wir unseren Beitrag dazu geleistet.

Technisch ist die Alternative zur App-Welt auf einem guten Kurs. Inhaltlich gibt es aber noch viel zu tun. Es ist mehr als fraglich, ob der Leser oder Kunde beim flüchtigen Blick auf das Smartphone den gleichen Text wie am heimischen PC oder auf dem Tablet-PC lesen will.

Wie im klassischen Journalismus  gibt es auch beim digitalen Publizieren einen Katalog von W-Fragen:

• Wer liest uns auf welchem Gerät?
• Wie müssen unsere Inhalte auf den verschiedenen Geräten aufgebaut und strukturiert sein?
• Wo, d.h. auch in welchen Situation und mit welchem Zeitbudget, werden die Inhalte konsumiert?
• Was wird auf den einzelnen Geräten gelesen?
• Wann und mit welchem Informationsbedürfnis wird welches Gerät genutzt?

Wer diese Fragen mit zeigemässem geräteunabhängigem Webdesign (Stichwort “Responsive Web Design”) beantwortet, braucht keine Apps.

Bild: tellumo bei Flickr

Im Gegensatz zu den meisten Reaktionen auf iPad News-Projekte reagieren die Leser bisher auch begeistert. Natürlich macht es uns glücklich, dass so viele kritische Geister unsere Arbeit loben. Doch der eigentliche Grund, warum das Design so gut ankommt, ist ein anderer: Die Seite ist für den Browser gemacht – die Hauptanwendung für Inhalte auf dem iPad. Die Begeisterung der Leser freut uns, überrascht uns aber kaum. Was uns überrascht, ist, dass sich bisher nur sehr wenige Zeitungen die Mühe gemacht haben, ihre Webseiten für das iPad zu optimieren.

Warum sich Medienhäuser bisher auf den App Store und nicht auf den Browser konzentriert haben, liegt auf der Hand. Apps stellen endlich eine Möglichkeit in Aussicht digitale Inhalte gegen Geld anzubieten. Es steht ausser Frage, dass klassische Medienhäuser weiterhin neue Wege finden müssen, mit Inhalten Geld zu verdienen. Viele (vor allem amerikanische) Verlage haben da auch schon Erfolge zu verbuchen. Auch iA hat zwei News-Applikationen designt (im Moment noch in der technischen Umsetzung). Wir haben inzwischen auch unser eigenes Schreib-Programm für das iPad veröffentlicht. Das verkauft sich wie geschnitten Brot und wir das finden natürlich auch ganz toll.

Aber egal wie aufregend der App Store auch sein mag. Es gibt keinen vernünftigen Grund die naheliegendste Nachrichtenplattform, die Webseite, für das iPad zu vernachlässigen. Wenn man einen starken Auftritt im Browser hat, werden die Chancen eine App zu verkaufen nur steigen. Vorausgesetzt die App ist ihr Geld auch wert.

Die Entwicklung einer HTML basierten Nachrichten-Plattform ist nicht nur billiger und schneller, sie gibt uns auch mehr redaktionelle und technische Kontrolle über die Inhalte. Noch wichtiger ist allerdings, dass diese Variante auch für den User in vieler Hinsicht angenehmer ist. Sie ist leicht zu bedienen und—sie ist kostenlos. Keine langen Downloads, kein “wie komme ich jetzt zu…”, keine seltsamen Abstürze, kein Problem mit Sharen, Kopieren, Kommentieren, Twittern. Die Seite funktioniert einfach.

Die richtige Form für Nachrichten auf dem iPad zu finden war keine einfache Aufgabe und obwohl es nur eine erste Vision ist, sind wir wortwörtlich hingerissen vom Ergebnis. Ohne die redaktionelle Power von ZEIT ONLINE würde unser Design freilich niemals derart zum strahlen kommen. Nicht die Form und Farbe der Navigation, nicht das Schriftbild, letztendlich sind die Texte und Bilder das, was eine Zeitung ausmacht.

Die Zusammenarbeit mit dem technikaffinen Team um Wolfgang Blau, Fabian Mohr und Nico Brünjes war immer ein grosses Vergnügen. Und auch das sieht man dem Produkt an.

Die weiteren Details erklärt Wolfgang Blau, Chefredaktor von ZEIT ONLINE:

Interview mit Wolfgang Blau

Wenn Sie das “klassische Web” mit dem iPad verknüpfen, brauchen Sie doch eigentlich keine iPad-App mehr, oder?

Wolfgang Blau: Wir haben das iPad nicht mit dem Web verknüpft, das iPad war schon immer mit dem offenen Web verbunden und ist ab Werk mit dem Safari-Browser bestückt. Die enormen Möglichkeiten des iPad als Surf-Device wurden aber in der verständlichen App-Euphorie der ersten Monate vielleicht etwas übersehen. Wir gehen davon aus, dass es verschiedene Nutzertypen für das iPad gibt. Es gibt Nutzer, die sich lieber an Apps orientieren und andere, die das iPad primär zum Surfen via Browser benützen. Für beide Nutzertypen wollen wir attraktive Angebote schaffen. Die kostenpflichtige Digital-Ausgabe der Wochenzeitung DIE ZEIT wird es aber selbstverständlich auch weiterhin nur innerhalb unserer Bezahl-App und in unserem kostenpflichtigen Premium-Bereich geben. Unsere App bietet außerdem komfortable Funktionen wie “Download to Go” an, die Sie auf unserer offenen Website nicht finden.

Verabschieden Sie sich damit auch von der Idee einer kostenpflichtigen App?

Wolfgang Blau: Im Gegenteil: Über unsere iPad-optimierte Site haben wir die Möglichkeit, noch mehr iPad-User als bisher zielgenau auf unsere kostenpflichtigen Apps aufmerksam zu machen. Jeder durchschnittliche iPad-Surfer hat ja auch einen Store-Account. Unsere reichweitenstarke iPad-optimierte Site und unsere kostenpflichtigen Apps werden sich also gegenseitig stärken. Beispielsweise können wir nun aus kostenpflichtigen Apps heraus auch auf weiterführende, gebührenfreie Inhalte verlinken, die bereits für das iPad optimiert sind und erreichen zugleich über die offene Site noch mehr potenzielle App-Kunden.

Wie wollen Sie es dann grundsätzlich mit dem Thema Paid Content halten?

Wolfgang Blau: ZEIT ONLINE erwirtschaftet mit kostenpflichtigen Premium-Angeboten schon heute stattliche Umsätze und wird in Zukunft weitere Premium-Produkte anbieten. Unsere Verlagskollegen verzeichnen aber auch rasant wachsende Umsätze mit grossflächigen Display-Anzeigen. Aus meiner Perspektive als Redakteur steckt Online-Werbung noch in den Kinderschuhen und beginnt gerade erst, ihr wahres Potenzial zu entfalten. Dazu gehört auch eine Ausdifferenzierung des Online-Werbemarktes in Angebote, die auf schiere Masse setzen und in Premium-Angebote wie ZEIT ONLINE, die eine qualifzierte Zielgruppe ansprechen und sich durch hohe redaktionelle Qualität, den Verzicht auf Boulevardisierung und durch ein Design auszeichnen, das dem jeweiligen Medium optimal entspricht, sei es ein Mobiltelefon, ein Desktop-PC oder ein iPad.

Die Fragen stellte Dr. Frank Zimmer.

Weitere Informationen gibt es in der ZEITansage.

Wie die bisherige Web Trend Map ist Cosmic 140 ein A0 Poster auf hochwertigem Qualitätspapier. Die Bereiche die im Download grau erscheinen sind im Original mit PP-Lack beschichtet. Das ganze Poster ist deshalb schwarz und weiss ohne irgendein grau.

Vor dem Kauf testen

Wir haben 1000 Exemplare in höchster japanischer Druckqualität auf hochwertigem Qualitätspapier und mit der PP-Lack-Beschichtung produziert. Wer es selbst in Schwarz und Grau ausdrucken will kann dies tun. Wir bieten ein kostenloses PDF (1,1 MB) zum ausdrucken und ausprobieren an. Wir machen das, weil wir überzeugt sind, dass unser hochwertiger japanische Druck wesentlich besser ist.

Woher kommen die Informationen?

Wir haben die Informationen in unserer Web Trend Engine (30gigs) analysiert. Gleichzeitig erhielten wir einen Blick in die Top-100-Liste des Twitter-Forschungsteams am Max Planck Institut. Wir haben direkt mit Twitter gesprochen. Um sicher zu gehen, dass wir auch internationale Tweeters in der Untersuchung haben wurde gleichzeitig unser Kunden- und Bekanntenkreis befragt.

Jetzt Bestellen

Die Cosmic 140 kann jetzt bestellt werden. Ich möchte mich beim Twitter-Team, iA’s Star-Designern Takeshi Tanaka und Johann Prag sowie den freiwilligen Helfern, die an der ersten Feedback-Runde teilgenommen haben, bedanken. Dank gilt auch dem unglaublichen Craig Mod für den Support mit seinen Adleraugen.