Lesezeichen
‹ Alle Einträge

Finger statt Maus: www.zeit.de jetzt auch für das iPad und weitere Tablets optimiert

 


(English version)

Als vor einigen Monaten die ersten iPads hier in der Redaktion ankamen, freuten wir uns darüber, wie gut ZEIT ONLINE im Safari-Browser auf dem iPad aussieht. Das iPad bringt die hohe visuelle Qualität von ZEIT ONLINE mindestens so gut zur Geltung wie ein normaler Computer-Monitor.

Nach ein paar Stunden intensiven Surfens wurde dann aber rasch deutlich, dass Websites, die für die Navigation mit einer Maus konzipiert sind, sich nur bedingt mit bloßen Händen navigieren lassen. So sind zum Beispiel Text-Links in kleinen Schriftgrößen kaum für Touchscreens geeignet. Gleichzeitig beobachteten wir uns dabei, Fotostrecken per Wischgeste blättern zu wollen, was unsere reguläre Website aber nicht vorsah.

Unser Fazit damals: „Lasst uns schleunigst nach Wegen suchen, wie wir ZEIT ONLINE für das iPad und auch für möglichst viele andere Tablet-Computer optimieren können.“

Schon nach den ersten Skizzen unserer Entwicklungsredaktion um Fabian Mohr wurde deutlich, dass eine tablet-optimierte Site nicht nur größere Linkflächen für die Navigation per Hand, sondern in ihrem gesamten Design eine noch striktere Reduktion auf das Wesentliche erfordert, damit User sich orientieren können.

ZEIT ONLINE gibt es derzeit in einer Ansicht für Desktop-Computer und einer Mobilversion, sowie innerhalb unserer App für iPhone und iPad. Auch für die Entwicklung der neuen iPad-optimierten Site galt die Anforderung, dass unsere Redaktion weiterhin für sämtliche Erscheinungsorte von ZEIT ONLINE nur eine identische Dramaturgie ihrer Themen beachten muss.

Während Oliver Reichenstein und seine Agentur Information Architects in Tokio dann zusammen mit der Entwicklungsredaktion die Designs für unsere wichtigsten Seitentypen ausarbeiteten, suchte unsere Technikabteilung nach einer Antwort auf die Frage, wie wir sowohl die iPad-optimierte Site als auch die reguläre Site unter der identischen Adresse www.zeit.de betreiben können. Unser Frontend-Entwickler Nico Brünjes fand schließlich eine technisch elegante Lösung via CSS-Stylesheet und Javascript und schrieb den Code dafür.

Wir praktizieren bei ZEIT ONLINE eine Kultur des Experimentierens und selbstverständlich ist unsere neue iPad-optimierte Site nur der erste Aufschlag. In den kommenden Versionen werden wir sukzessive weitere Tablet-Geräte, die auf dem deutschsprachigen Markt Verbreitung finden, mit unserer Site unterstützen – zum Beispiel das Samsung Galaxy Tab und weitere Android-Devices.

Wir freuen uns auf Ihre Rückmeldungen und natürlich ganz besonders über Screenshots unserer Site auf allen Tablet-Rechnern, die kein „i-“ im Namen tragen.