{"id":542,"date":"2010-11-17T16:59:16","date_gmt":"2010-11-17T15:59:16","guid":{"rendered":"http:\/\/blog.zeit.de\/zeitansage\/?p=542"},"modified":"2010-11-18T11:49:30","modified_gmt":"2010-11-18T10:49:30","slug":"finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert","status":"publish","type":"post","link":"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542","title":{"rendered":"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert"},"content":{"rendered":"

<\/param><\/param><\/param><\/object>
\n(English version<\/a>) <\/p>\n

Als vor einigen Monaten die ersten iPads hier in der Redaktion ankamen, freuten wir uns dar\u00fcber, wie gut ZEIT ONLINE im Safari-Browser auf dem iPad aussieht. Das iPad bringt die hohe visuelle Qualit\u00e4t von ZEIT ONLINE mindestens so gut zur Geltung wie ein normaler Computer-Monitor. <\/p>\n

Nach ein paar Stunden intensiven Surfens wurde dann aber rasch deutlich, dass Websites, die f\u00fcr die Navigation mit einer Maus konzipiert sind, sich nur bedingt mit blo\u00dfen H\u00e4nden navigieren lassen. So sind zum Beispiel Text-Links in kleinen Schriftgr\u00f6\u00dfen kaum f\u00fcr Touchscreens geeignet. Gleichzeitig beobachteten wir uns dabei, Fotostrecken per Wischgeste bl\u00e4ttern zu wollen, was unsere regul\u00e4re Website aber nicht vorsah. <\/p>\n

Unser Fazit damals: „Lasst uns schleunigst nach Wegen suchen, wie wir ZEIT ONLINE f\u00fcr das iPad und auch f\u00fcr m\u00f6glichst viele andere Tablet-Computer optimieren k\u00f6nnen.“ <\/p>\n

\"\"<\/p>\n

Schon nach den ersten Skizzen unserer Entwicklungsredaktion um Fabian Mohr wurde deutlich, dass eine tablet-optimierte Site nicht nur gr\u00f6\u00dfere Linkfl\u00e4chen f\u00fcr die Navigation per Hand, sondern in ihrem gesamten Design eine noch striktere Reduktion auf das Wesentliche erfordert, damit User sich orientieren k\u00f6nnen. <\/p>\n

ZEIT ONLINE gibt es derzeit in einer Ansicht f\u00fcr Desktop-Computer<\/a> und einer Mobilversion<\/a>, sowie innerhalb unserer App f\u00fcr iPhone und iPad<\/a>. Auch f\u00fcr die Entwicklung der neuen iPad-optimierten Site galt die Anforderung, dass unsere Redaktion weiterhin f\u00fcr s\u00e4mtliche Erscheinungsorte von ZEIT ONLINE nur eine identische Dramaturgie ihrer Themen beachten muss.<\/p>\n

W\u00e4hrend Oliver Reichenstein und seine Agentur Information Architects<\/a> in Tokio dann zusammen mit der Entwicklungsredaktion die Designs f\u00fcr unsere wichtigsten Seitentypen ausarbeiteten, suchte unsere Technikabteilung nach einer Antwort auf die Frage, wie wir sowohl die iPad-optimierte Site als auch die regul\u00e4re Site unter der identischen Adresse www.zeit.de betreiben k\u00f6nnen. Unser Frontend-Entwickler Nico Br\u00fcnjes fand schlie\u00dflich eine technisch elegante L\u00f6sung via CSS-Stylesheet<\/a> und Javascript<\/a> und schrieb den Code daf\u00fcr.<\/p>\n

Wir praktizieren bei ZEIT ONLINE eine Kultur des Experimentierens und selbstverst\u00e4ndlich ist unsere neue iPad-optimierte Site nur der erste Aufschlag. In den kommenden Versionen werden wir sukzessive weitere Tablet-Ger\u00e4te, die auf dem deutschsprachigen Markt Verbreitung finden, mit unserer Site unterst\u00fctzen – zum Beispiel das Samsung Galaxy Tab und weitere Android-Devices.<\/p>\n

Wir freuen uns auf Ihre R\u00fcckmeldungen und nat\u00fcrlich ganz besonders \u00fcber Screenshots unserer Site auf allen Tablet-Rechnern, die kein „i-“ im Namen tragen.<\/p>\n","protected":false},"excerpt":{"rendered":"

(English version) Als vor einigen Monaten die ersten iPads hier in der Redaktion ankamen, freuten wir uns dar\u00fcber, wie gut ZEIT ONLINE im Safari-Browser auf dem iPad aussieht. Das iPad bringt die hohe visuelle Qualit\u00e4t von ZEIT ONLINE mindestens so gut zur Geltung wie ein normaler Computer-Monitor. Nach ein paar Stunden intensiven Surfens wurde dann […]<\/p>\n","protected":false},"author":149,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-542","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"yoast_head":"\nFinger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert - ZEITansage<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert - ZEITansage\" \/>\n<meta property=\"og:description\" content=\"(English version) Als vor einigen Monaten die ersten iPads hier in der Redaktion ankamen, freuten wir uns dar\u00fcber, wie gut ZEIT ONLINE im Safari-Browser auf dem iPad aussieht. Das iPad bringt die hohe visuelle Qualit\u00e4t von ZEIT ONLINE mindestens so gut zur Geltung wie ein normaler Computer-Monitor. Nach ein paar Stunden intensiven Surfens wurde dann […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542\" \/>\n<meta property=\"og:site_name\" content=\"ZEITansage\" \/>\n<meta property=\"article:published_time\" content=\"2010-11-17T15:59:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2010-11-18T10:49:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.zeit.de\/zeitansage\/files\/2010\/11\/Bildschirmfoto-2010-11-17-um-16.16.322.png\" \/>\n<meta name=\"author\" content=\"Wolfgang Blau\" \/>\n<meta name=\"twitter:label1\" content=\"Geschrieben von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Wolfgang Blau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542\",\"url\":\"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542\",\"name\":\"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert - ZEITansage\",\"isPartOf\":{\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/#website\"},\"datePublished\":\"2010-11-17T15:59:16+00:00\",\"dateModified\":\"2010-11-18T10:49:30+00:00\",\"author\":{\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/#\/schema\/person\/5c2060eae7898b56934c296c1ef5d5c1\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/blog.zeit.de\/zeitansage\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/#website\",\"url\":\"https:\/\/blog.zeit.de\/zeitansage\/\",\"name\":\"ZEITansage\",\"description\":\"Hier bloggt die Redaktion. Ein Fenster ins Innenleben von ZEIT ONLINE\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.zeit.de\/zeitansage\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/#\/schema\/person\/5c2060eae7898b56934c296c1ef5d5c1\",\"name\":\"Wolfgang Blau\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.zeit.de\/zeitansage\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e30ec7eaaefb9145296751a97004918bf4ded43ea2bfd5ef33b28396e6bce765?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e30ec7eaaefb9145296751a97004918bf4ded43ea2bfd5ef33b28396e6bce765?s=96&d=mm&r=g\",\"caption\":\"Wolfgang Blau\"},\"url\":\"https:\/\/blog.zeit.de\/zeitansage\/author\/wolfgang-blau\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert - ZEITansage","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542","og_locale":"de_DE","og_type":"article","og_title":"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert - ZEITansage","og_description":"(English version) Als vor einigen Monaten die ersten iPads hier in der Redaktion ankamen, freuten wir uns dar\u00fcber, wie gut ZEIT ONLINE im Safari-Browser auf dem iPad aussieht. Das iPad bringt die hohe visuelle Qualit\u00e4t von ZEIT ONLINE mindestens so gut zur Geltung wie ein normaler Computer-Monitor. Nach ein paar Stunden intensiven Surfens wurde dann […]","og_url":"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542","og_site_name":"ZEITansage","article_published_time":"2010-11-17T15:59:16+00:00","article_modified_time":"2010-11-18T10:49:30+00:00","og_image":[{"url":"https:\/\/blog.zeit.de\/zeitansage\/files\/2010\/11\/Bildschirmfoto-2010-11-17-um-16.16.322.png"}],"author":"Wolfgang Blau","twitter_misc":{"Geschrieben von":"Wolfgang Blau","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542","url":"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542","name":"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert - ZEITansage","isPartOf":{"@id":"https:\/\/blog.zeit.de\/zeitansage\/#website"},"datePublished":"2010-11-17T15:59:16+00:00","dateModified":"2010-11-18T10:49:30+00:00","author":{"@id":"https:\/\/blog.zeit.de\/zeitansage\/#\/schema\/person\/5c2060eae7898b56934c296c1ef5d5c1"},"breadcrumb":{"@id":"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.zeit.de\/zeitansage\/2010\/11\/17\/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/blog.zeit.de\/zeitansage"},{"@type":"ListItem","position":2,"name":"Finger statt Maus: www.zeit.de jetzt auch f\u00fcr das iPad und weitere Tablets optimiert"}]},{"@type":"WebSite","@id":"https:\/\/blog.zeit.de\/zeitansage\/#website","url":"https:\/\/blog.zeit.de\/zeitansage\/","name":"ZEITansage","description":"Hier bloggt die Redaktion. Ein Fenster ins Innenleben von ZEIT ONLINE","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.zeit.de\/zeitansage\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/blog.zeit.de\/zeitansage\/#\/schema\/person\/5c2060eae7898b56934c296c1ef5d5c1","name":"Wolfgang Blau","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.zeit.de\/zeitansage\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e30ec7eaaefb9145296751a97004918bf4ded43ea2bfd5ef33b28396e6bce765?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e30ec7eaaefb9145296751a97004918bf4ded43ea2bfd5ef33b28396e6bce765?s=96&d=mm&r=g","caption":"Wolfgang Blau"},"url":"https:\/\/blog.zeit.de\/zeitansage\/author\/wolfgang-blau"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/posts\/542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/users\/149"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/comments?post=542"}],"version-history":[{"count":56,"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/posts\/542\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/posts\/542\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/media?parent=542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/categories?post=542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.zeit.de\/zeitansage\/wp-json\/wp\/v2\/tags?post=542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}