<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>FRONTAND &#187; Zeit</title>
	<atom:link href="http://frontand.de/tag/zeit/feed/" rel="self" type="application/rss+xml" />
	<link>http://frontand.de</link>
	<description></description>
	<lastBuildDate>Fri, 27 Jan 2012 16:55:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>ZEIT ONLINE optimiert Seite mit HTML5 für das iPad</title>
		<link>http://frontand.de/zeit-online-optimiert-seite-mit-html5-fur-das-ipad/</link>
		<comments>http://frontand.de/zeit-online-optimiert-seite-mit-html5-fur-das-ipad/#comments</comments>
		<pubDate>Fri, 19 Nov 2010 10:35:35 +0000</pubDate>
		<dc:creator>Niclas</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Sehenswert]]></category>
		<category><![CDATA[App]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iA]]></category>
		<category><![CDATA[information architects]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Optimierung]]></category>
		<category><![CDATA[Zeit]]></category>
		<category><![CDATA[Zeit online]]></category>
		<category><![CDATA[Zeitung]]></category>

		<guid isPermaLink="false">http://frontand.de/?p=2604</guid>
		<description><![CDATA[Wenn man über das Thema &#8220;Entwicklung für das iPad&#8221; nachdenkt, stößt man zwangsläufig auf die Frage &#8220;native App oder Web-App?&#8221;. ZEIT ONLINE zeigt jetzt, dass es nicht immer nur eine Frage von &#8220;entweder &#8230; oder&#8221; ist. Anstatt nur auf das viel gepriesene Allheilmittel &#8220;eigene (Nachrichten-)App&#8221; zu setzen, hat man erkannt, dass der Browser an sich [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://frontand.de/wp-content/uploads/2010/11/zeit-online-logo1.png" alt="zeit online logo" title="zeit online logo" width="575" height="74" class="alignnone size-full wp-image-2626" /></p>
<p>Wenn man über das Thema &#8220;Entwicklung für das iPad&#8221; nachdenkt, stößt man zwangsläufig auf die Frage &#8220;native App oder Web-App?&#8221;. <a href="http://www.zeit.de/index">ZEIT ONLINE</a> zeigt jetzt, dass es nicht immer nur eine Frage von &#8220;entweder &#8230; oder&#8221; ist. Anstatt nur auf das viel gepriesene Allheilmittel &#8220;eigene (Nachrichten-)App&#8221; zu setzen, hat man erkannt, dass der Browser an sich schon eine &#8220;Killer-App&#8221; sein kann und hat sich in der Online-Sparte der Zeitung Gedanken gemacht, wie man das bestehende Online-Angebot optimieren kann. Mit Hilfe von Oliver Reichensteins Agentur <a href="http://www.informationarchitects.jp/en">Information Architects</a>, die auch schon für den <a href="http://frontand.de/kurz-gemeldet-die-zeit-im-neuen-online-gewand/">ZEIT-Relaunch im Herbst 2009</a> verantwortlich waren, wurde zeit.de nun speziell für das iPad und andere Tablets <a href="http://blog.zeit.de/zeitansage/2010/11/17/finger-statt-maus-www-zeit-de-jetzt-auch-fur-das-ipad-und-weitere-tablets-optimiert_542">optimiert</a>.<br />
In der Redaktion hätte man schon beim Testen der ersten iPads relativ schnell gemerkt, dass es zwar sehr viel Spaß macht mit dem Gerät zu surfen, aber auch, dass das Bedienungskonzept der bestehenden Seite über den Touchscreen gesteuert schnell an Grenzen stößt. Ziel der Optimierung war es, eine device-unabhängie Website bereit zu stellen und durch Anpassung am Design und „striktere Reduktion auf das Wesentliche“ der Darstellung und Nutzung des Geräts gerecht zu werden. Dass die Seite nicht 1 zu 1 portiert werden konnte, war sehr schnell klar, da sich das Navigationskonzept zu stark von herkömmlichen Websites unterscheidet. Dadurch ergab sich die Chance, ein wirklich auf das Gerät abgestimmtes Konzept zu entwicklen. Zu den Neuerungen zählen z.B. dass Fotostrecken mit dunklem statt weißem Hintergrund angezeigt werden und mit der bekannten &#8220;Wisch&#8221;-Geste durchgeblättert werden können. Bei der gesamten Entwicklung sollte zudem beachtet werden, dass die Redakteure bei ihrer Arbeit nicht verschiedene Ausagebmedien (mobile Website, Apps, Desktop-Website usw.) beachten müssen.</p>
<p>Für verschiedene Darstellungen optimierte Websites sind im Prinzip nichts Neues, trotzdem ist ZEIT ONLINE eine der ersten großen Content- und News-Seiten, die mit HTML5 für die Touch-Steuerung über die Finger angepasst wurde. Den Weg der Optimierung geht man schon etwas länger, so hat man sich schon vor einiger Zeit dazu entschieden, auf Flash da zu verzichten wo es geht. Infografiken und Video-Inhalte wurden also beispielsweise schon über HTML5 ausgeliefert. </p>
<p>Schon der Relaunch 2009 war mein absolutes Redesign-Hightlicht und gefällt mir immer noch außerordentlich gut. Meiner Meinung nach gehört ZEIT ONLINE zu den besten Nachrichten-Seiten im www und zeigt der Konkurrenz nun erneut, wie man es richtig macht.<br />
Auch die generelle Resonanz auf Twitter und co ist außerordentlich positiv aus und lässt sich sehr schön mit Hilfe der <a href="http://twitter.com/search/zeit%20iPad">Twitter-Suche</a> verfolgen.<br />
Jeder, der ein iPad griffbereit hat, sollte es sich jetzt auf jeden Fall schnappen und ein bisschen auf zeit.de rum surfen, es lohnt sich! Screenshots von ein paar Neuerungen habe ich in <a href="http://frontand.de/genauer-hingeschaut-zeit-online-auf-dem-ipad/">Genauer hingeschaut: ZEIT ONLINE auf dem iPad</a> bereitgestellt.</p>
<p><!-- http://twitter.com/#!/iA/status/5185613565263872 --> </p>
<style type='text/css'>.bbpBox5185613565263872 {background:url(http://a3.twimg.com/profile_background_images/69863175/pixelpic.gif) #ffffff;padding:5px 10px;} p.bbpTweet{background:#fff;padding:20px 22px 20px 22px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ececec;} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}</style>
<div class='bbpBox5185613565263872'>
<p class='bbpTweet'>Good morning Europe. Make sure you don&#8217;t miss our first iPad news project: Zeit Online in tablet specific HTML5: <a href="http://bit.ly/d0WSN2" rel="nofollow">http://bit.ly/d0WSN2</a><span class='timestamp'><a title='Thu Nov 18 09:08:41 +0000 2010' href='http://twitter.com/#!/iA/status/5185613565263872'>less than a minute ago</a> via web</span><span class='metadata'><span class='author'><a href='http://twitter.com/iA'><img src='http://a1.twimg.com/profile_images/180766221/iA_logo_construction_ORN1-1_normal.jpg' /></a><strong><a href='http://twitter.com/iA'>Oliver Reichenstein</a></strong><br/>iA</span></span></p>
</div>
<p> <!-- end of tweet --></p>
<p>Neben ein paar interessanten Infos, gibt es bei iA auch ein kurzes <a href="http://www.informationarchitects.jp/en/news-on-ipad-the-obvious-way/">Interview</a> mit Wolfgang Blau, dem Chefredakteur von ZEIT ONLINE.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="575" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/h6QlUh4Pung?fs=1&amp;hl=de_DE" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="575" height="350" src="http://www.youtube.com/v/h6QlUh4Pung?fs=1&amp;hl=de_DE" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=4mUp5YJolHc&amp;feature=player_embedded">Das Video gibt es auch in englischer Sprache</a></p>
 <p><a href="http://frontand.de/?flattrss_redirect&amp;id=2604&amp;md5=e9c89ddb553478fa48b51b07e339ef27" title="Flattr" target="_blank"><img src="http://frontand.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://frontand.de/zeit-online-optimiert-seite-mit-html5-fur-das-ipad/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Kurz gemeldet: Die Zeit im neuen Online-Gewand</title>
		<link>http://frontand.de/kurz-gemeldet-die-zeit-im-neuen-online-gewand/</link>
		<comments>http://frontand.de/kurz-gemeldet-die-zeit-im-neuen-online-gewand/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 19:11:57 +0000</pubDate>
		<dc:creator>Niclas</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Lesbarkeit]]></category>
		<category><![CDATA[Medienportal]]></category>
		<category><![CDATA[Nachrichten]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Portal]]></category>
		<category><![CDATA[Redesign]]></category>
		<category><![CDATA[Relaunch]]></category>
		<category><![CDATA[typo]]></category>
		<category><![CDATA[Zeit]]></category>

		<guid isPermaLink="false">http://frontand.de/?p=549</guid>
		<description><![CDATA[In diesem Jahr durften wir schon einige Redesigns und Relaunches miterleben, so erneuerten beispielsweise der Stern (stern.de) und der Spiegel (spiegel.de) vor ein paar Wochen ihre Online-Portale. Nun ist auch Die Zeit am Zug und präsentiert sich seit kurzem mit neuem Aufbau und Design. Mir gefällt die Neugestaltung wirklich gut und ich halte es für [...]]]></description>
			<content:encoded><![CDATA[<p>In diesem Jahr durften wir schon einige Redesigns und Relaunches miterleben, so erneuerten beispielsweise der Stern (<a href="http://www.stern.de">stern.de</a>) und der Spiegel (<a href="http://spiegel.de">spiegel.de</a>) vor ein paar Wochen ihre Online-Portale. Nun ist auch <a href="http://www.zeit.de/index">Die Zeit</a> am Zug und präsentiert sich seit kurzem mit neuem Aufbau und Design.</p>
<p><a href="http://www.zeit.de/index"><img src="http://frontand.de/wp-content/uploads/2009/09/neu_zeit_online.jpg" alt="neu_zeit_online" title="neu_zeit_online" width="480" height="232" class="alignnone size-full wp-image-558" /></a></p>
<p>Mir gefällt die Neugestaltung wirklich gut und ich halte es für das gelungenste Redesign der Medien- und Newsportale in diesem Jahr. Das alte Design konnte bereits überzeugen, man geht nun aber den richtigen Schritt voran. </p>
<p>Die auffälligsten Neuerungen sind die Positionierung des Contents mittig-links und die optimierte Lesbarkeit. Gerade in einzelnen Artikeln fällt die vergrößerte Schrift auf, die vielleicht sogar 1-2 Punkte zu groß geraten ist. Als Typo greift man bei den Überschriften auf die serifenlose Arial und bei Artikeln auf die Serifenschrift Georgia zurück. Ein bisschen gewöhnungsbedürftig, aber passt. Wirklich schön gelungen ist die angesprochene Neupositionierung, die Seite <em>klebt</em> jetzt nicht mehr am linken Rand. Durch die Werbung am rechten Rand des Contents wirkt die Seite nicht ganz mittig gesetzt und lockert so die Seite positiv auf. </p>
<p><strong>Bis jetzt mein Lieblingsdesign in 2009!</strong></p>
<p><img src="http://frontand.de/wp-content/uploads/2009/09/ZEIT_ONLINE_redesign.jpg" alt="ZEIT_ONLINE_redesign" title="ZEIT_ONLINE_redesign" width="480" height="331" class="alignnone size-full wp-image-551" /></p>
<p>Artikelansicht: Etwas zu große Typo?</p>
<p><img src="http://frontand.de/wp-content/uploads/2009/09/Artikel_Zeit_Online_redesign-Kopie.jpg" alt="Artikel_Zeit_Online_redesign Kopie" title="Artikel_Zeit_Online_redesign Kopie" width="480" height="591" class="alignnone size-full wp-image-556" /></p>
<p>Verantwortlich für den neuen Auftritt ist die Agentur iA (<a href="http://informationarchitects.jp/">Information Architects</a>) aus Zürich.</p>
 <p><a href="http://frontand.de/?flattrss_redirect&amp;id=549&amp;md5=2aeb7efed4090a17baa4721392dcbb1a" title="Flattr" target="_blank"><img src="http://frontand.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://frontand.de/kurz-gemeldet-die-zeit-im-neuen-online-gewand/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

