<?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>Ip's. &#187; redesign</title>
	<atom:link href="http://ilkka.kaikuvuo.com/tag/redesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://ilkka.kaikuvuo.com</link>
	<description>Life Is (a Box Full of Stuff and Nonsense).</description>
	<lastBuildDate>Thu, 29 Jul 2010 13:02:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Valio.fi &#8211; anna elämän maistua.</title>
		<link>http://ilkka.kaikuvuo.com/2009/03/valiofi-anna-elaman-maistua/</link>
		<comments>http://ilkka.kaikuvuo.com/2009/03/valiofi-anna-elaman-maistua/#comments</comments>
		<pubDate>Sun, 15 Mar 2009 13:27:19 +0000</pubDate>
		<dc:creator>Ilkka</dc:creator>
				<category><![CDATA[article]]></category>
		<category><![CDATA[finnish]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[oracle]]></category>
		<category><![CDATA[valio]]></category>

		<guid isPermaLink="false">http://ilkka.kaikuvuo.com/?p=280</guid>
		<description><![CDATA[Continuing my series of (re-)design reviews (Tampere United, Nokia Sports Tracker), I&#8217;ll present Valio.fi (a finnish company &#8220;that secures milk production in Finland and the vitality of the nation&#8217;s countryside by processing milk into tasty products that promote well-being&#8221;, source), which published their redesigned pages some time ago. Above is a screenshot of Valio.fi, front [...]


Related posts:<ol><li><a href='http://ilkka.kaikuvuo.com/2009/03/gefilus-valio-revisited/' rel='bookmark' title='Permanent Link: Gefilus (Valio revisited)'>Gefilus (Valio revisited)</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2009/06/whats-wrong-with-finnish-theatre-or-my-short-trip-to-tampereen-teatterikesa/' rel='bookmark' title='Permanent Link: What&#8217;s Wrong With Finnish Theatre (Or My Short Trip to Tampereen teatterikesä)'>What&#8217;s Wrong With Finnish Theatre (Or My Short Trip to Tampereen teatterikesä)</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2008/06/pretty-urls-or-aamulehti-redesign/' rel='bookmark' title='Permanent Link: Pretty URLs (or Aamulehti redesign)'>Pretty URLs (or Aamulehti redesign)</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Continuing my series of (<strong>re-)design reviews </strong>(<a href="http://ilkka.kaikuvuo.com/2008/05/tampere-united-redesign/">Tampere United</a>, <a href="http://ilkka.kaikuvuo.com/2008/05/nokia-sports-tracker-or-why-i-strongly-believe-in-nokia-being-stronger-in-mobile-markets-not-in-the-internet/">Nokia Sports Tracker</a>), I&#8217;ll present<strong> Valio.fi</strong> (a finnish company <span class="inplacedisplayid183582siteid0">&#8220;that secures milk production in Finland and the vitality of the nation&#8217;s countryside by processing milk into tasty products that promote well-being&#8221;, <a href="http://www.valio.fi/portal/page/portal/valiocom/Company_information">source</a>), which published their redesigned pages some time ago.</span></p>
<div id="attachment_281" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-281" title="home_1237119399499" src="http://kaikuvuo.com/ippe/wp-content/uploads/2009/03/home_1237119399499-300x188.png" alt="Home - Valio.fi's front page" width="300" height="188" /><p class="wp-caption-text">Home - Valio.fi&#39;s front page</p></div>
<p>Above is a screenshot of <a href="http://www.valio.fi/portal/page/portal/valiocom">Valio.fi, front page</a> (in english).</p>
<p>The english version of finnish site is somehow empty, so I&#8217;ll use the finnish side instead (sorry!).</p>
<p>I&#8217;ll review the site shortly on <del>three</del> two aspects (as I&#8217;m lazy, this is my blog and the third category, usability, got me bored):</p>
<ol>
<li>Design and looks</li>
<li>Technical side</li>
<li><del>Ad Hoc usability and Information Architecture</del></li>
</ol>
<h2>Design and looks</h2>
<p>In my opinion the new design looks <strong>good and fresh</strong> &#8211; as it should when advertising dairy produts;)  Compared to old design the contrast is great, or what would you say? (Screen grab <a href="http://web.archive.org/web/20070609224551/www.valio.fi/portal/page/portal/Valio">using Archive.org below</a>)</p>
<p><img class="aligncenter size-medium wp-image-282" title="etusivu_1237120224698" src="http://kaikuvuo.com/ippe/wp-content/uploads/2009/03/etusivu_1237120224698-300x188.png" alt="etusivu_1237120224698" width="300" height="188" />Especially the orange compared to new blueish theme is somehow annoying in the old version,</p>
<p>Flowerish logo theme is repeated at page background and images, nice!</p>
<h2>Technical side</h2>
<h3>Platform</h3>
<p><span class="inplacedisplayid183582siteid0">On technical side the site uses <a href="http://www.oracle.com/technology/products/ias/portal/index.html">Oracle Portal</a> as platform (as did the old one, too). Oracle&#8217;s platform <strong>is sturdy enterprise level publishing platform</strong> which suits high traffic sites like Valio (although <a href="http://www.gallupweb.com/tnsmetrix/">according to TNS Metrix it isn&#8217;t one of the 250 Top Finnish sites). </a></span></p>
<h3><span class="inplacedisplayid183582siteid0">HTML Validation</span></h3>
<ul>
<li>returns <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html#sec10.4.7">HTTP 406</a> when trying to <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.valio.fi%2Fportal%2Fpage%2Fportal%2FValio&amp;charset=(detect+automatically)&amp;doctype=Inline&amp;group=0">validate</a> with <a href="http://validator.w3.org">W3C Validator.</a></li>
<li>using <a href="http://users.skynet.be/mgueury/mozilla/">Firefox HTML Validator</a> returns over <strong>100 errors</strong>, starting with no Doctype declaration.</li>
<li>Result: <strong>terrible, </strong>doesn&#8217;t validate as anything<strong>.</strong></li>
</ul>
<h3><a href="http://www.opera.com/mini/demo/">Opera Mini Simulator Test</a> (mobile use)</h3>
<ul>
<li>works pretty well</li>
</ul>
<h3>Styles</h3>
<ul>
<li><strong>What site at 2009 uses document specific styles</strong> (with &lt;style&gt; -element)? Ah, I remembered, Valio.fi.</li>
</ul>
<h3><span class="inplacedisplayid183582siteid0">Random</span></h3>
<ul>
<li><span class="inplacedisplayid183582siteid0">Page naming is awful (simple <a href="http://en.wikipedia.org/wiki/Search_engine_optimization">SEO</a>, Search Engine Optimization,  anyone?)</span>
<ul>
<li><span class="inplacedisplayid183582siteid0">example 1, front page is titled &#8220;Etusivu&#8221; (front page)</span></li>
<li><span class="inplacedisplayid183582siteid0">example 2, Tilauspiste page is simply titled &#8220;Tilauspiste&#8221;</span></li>
<li><span class="inplacedisplayid183582siteid0">would it be better if it <strong>read Valio </strong>somewhere?<br />
for example:<br />
<strong>Etusivu &#8211; Valio.fi</strong></span></li>
</ul>
</li>
<li><span class="inplacedisplayid183582siteid0"><a href="http://en.wikipedia.org/wiki/Url">URL</a>&#8216;s are quite pretty, no page ID&#8217;s used, nice.<br />
<strong>But</strong>:</span></p>
<ul>
<li><span class="inplacedisplayid183582siteid0">technical platform is visible in every URL:<br />
<strong>http://www.valio.fi/portal/page/portal/Valio</strong></span></li>
<li><span class="inplacedisplayid183582siteid0">so, get rid of the /portal/page/portal/ -part and yes, better!<strong><br />
</strong></span></li>
</ul>
</li>
</ul>
<h2><span class="inplacedisplayid183582siteid0">Conclunsions</span></h2>
<ul>
<li><span class="inplacedisplayid183582siteid0">Redesign looks<strong> good</strong> and sports some nifty new <strong>contents</strong>.</span></li>
<li><strong><span class="inplacedisplayid183582siteid0">Quite good a redesign on top.</span></strong></li>
<li><span class="inplacedisplayid183582siteid0">Technical side of the site is sturdy and working, but <strong>doesn&#8217;t validate</strong>. </span></li>
<li><span class="inplacedisplayid183582siteid0">It&#8217;s generally good idea to <strong>select a CMS (Content Managemment System) to suit one&#8217;s needs</strong>. Perhaps Oracle Portal is the best solution here.</span></li>
<li><span class="inplacedisplayid183582siteid0"><strong>URL&#8217;s are are important, too</strong>. They get printed on magazines, on milk cartons (sic!) and sides of cars.<br />
<strong>Try printing:</strong></span></p>
<ul>
<li><span class="inplacedisplayid183582siteid0">www.valio.fi/keittokirja<strong> in stead of</strong></span></li>
<li><span class="inplacedisplayid183582siteid0">http://www.valio.fi/portal/page/portal/Valio/Keittokirja</span></li>
<li><span class="inplacedisplayid183582siteid0">See any difference?<br />
</span></li>
</ul>
</li>
</ul>
<p><span class="inplacedisplayid183582siteid0"><strong><br />
</strong></span></p>
<p><span class="inplacedisplayid183582siteid0"><strong><br />
</strong></span></p>


<p>Related posts:<ol><li><a href='http://ilkka.kaikuvuo.com/2009/03/gefilus-valio-revisited/' rel='bookmark' title='Permanent Link: Gefilus (Valio revisited)'>Gefilus (Valio revisited)</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2009/06/whats-wrong-with-finnish-theatre-or-my-short-trip-to-tampereen-teatterikesa/' rel='bookmark' title='Permanent Link: What&#8217;s Wrong With Finnish Theatre (Or My Short Trip to Tampereen teatterikesä)'>What&#8217;s Wrong With Finnish Theatre (Or My Short Trip to Tampereen teatterikesä)</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2008/06/pretty-urls-or-aamulehti-redesign/' rel='bookmark' title='Permanent Link: Pretty URLs (or Aamulehti redesign)'>Pretty URLs (or Aamulehti redesign)</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ilkka.kaikuvuo.com/2009/03/valiofi-anna-elaman-maistua/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pretty URLs (or Aamulehti redesign)</title>
		<link>http://ilkka.kaikuvuo.com/2008/06/pretty-urls-or-aamulehti-redesign/</link>
		<comments>http://ilkka.kaikuvuo.com/2008/06/pretty-urls-or-aamulehti-redesign/#comments</comments>
		<pubDate>Wed, 18 Jun 2008 11:34:51 +0000</pubDate>
		<dc:creator>Ilkka</dc:creator>
				<category><![CDATA[finnish]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[rant]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[aamulehti]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://ilkka.kaikuvuo.com/?p=65</guid>
		<description><![CDATA[My almost weekly series of (failed or bad) finnish redesigns continues. This time my local newspaper, Aamulehti, decided to jump in the social train, big time. Social software and Web 2.0, yeah, great things. But &#8211; should be applied carefully! First things first, I use Firefox as my browser. I also have the marvellous adblock [...]


Related posts:<ol><li><a href='http://ilkka.kaikuvuo.com/2008/05/tampere-united-redesign/' rel='bookmark' title='Permanent Link: Tampere United Redesign'>Tampere United Redesign</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2009/03/valiofi-anna-elaman-maistua/' rel='bookmark' title='Permanent Link: Valio.fi &#8211; anna elämän maistua.'>Valio.fi &#8211; anna elämän maistua.</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2009/08/nokia-yet-again-chosen-as-best-web-page-in-finland/' rel='bookmark' title='Permanent Link: Nokia (Yet Again) Chosen as &#8220;Best Web Page in Finland&#8221;'>Nokia (Yet Again) Chosen as &#8220;Best Web Page in Finland&#8221;</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>My almost weekly series of (failed or bad) finnish redesigns continues. This time my local newspaper, <a href="http://www.aamulehti.fi">Aamulehti</a>, decided to jump in the social train, big time.</p>
<p><strong>Social software and Web 2.0</strong>, yeah, <strong>great thing</strong>s. But &#8211; <strong>should be applied carefully</strong>!</p>
<p>First things first, I use <strong>Firefox </strong>as my browser. I also have the marvellous <strong>adblock </strong>-plugin installed and basically all the finnish ad servers blocked.</p>
<p>Anyway, <strong>pretty URLs</strong>¨(Uniform Resource Locators). What does it actually mean? URL is &#8220;in normal&#8221; use the <strong>address for certain web page</strong>. (I&#8217;ll use URI, Uniform Resource Identifier, in this posting as almost the same as URL). For example URL for this page is:<br />
<strong><span id="sample-permalink">http://ilkka.kaikuvuo.com/2008/06/<span id="editable-post-name" title="Click to edit this part of the permalink">pretty-urls-or…lehti-redesign</span><span id="editable-post-name-full">pretty-urls-or-aamulehti-redesign</span>/<br />
</span></strong>, where http is the used <strong>protocol</strong>, kaikuvuo.com is the <strong>domain name</strong> and stuff after it represents the <strong>structure of the site</strong> (used to be folder structure, nowadays is something completely different).</p>
<p>Anyway, <strong>pretty URLs</strong>? <strong>Human readable URLs</strong>?</p>
<p>The above example is pretty clear, domain is ilkka.kaikuvuo.com, then comes the year, month and the title of this posting. <strong>Pretty pretty? </strong>(Also nice for search engines!)</p>
<p>Sidenote: <strong>do read the &#8220;<a href="http://www.w3.org/Provider/Style/URI">Cool URIs don&#8217;t change</a>&#8220;</strong>!</p>
<p>Ok, back to <strong>Aamulehti</strong>.</p>
<p>Why do I think the <strong>redesign sucks</strong>?</p>
<ul>
<li><strong>URIs are not that pretty</strong>. For example the front page&#8217;s address (cool URI is http://www.aamulehti.fi) is:
<p>http://www.aamulehti.fi/cs/Satellite?pagename=KAL_newssite/GoToHomepage</li>
<li><strong>Front page is full of ads</strong> (except that it isn&#8217;t, thanks to Adblock) or empty space (using Adblock)</li>
<li><strong>Site is very, very heavy</strong> with all the AJAX goodness</li>
<li><strong>Lue lisää (Read more) -links used heavily</strong> on every page &#8211; <strong>WTF</strong>? Basic thing: don&#8217;t use phrases such as &#8220;read more&#8221; in links. Is bad for screen readers, is bad for search engines is bad for (list continues)</li>
<li><strong>News on the front page are cropped automatically</strong>, which results in awkward sentences and so on.</li>
<li><strong>Redesign caused the pages to crash </strong>(hey yeah, lot of requests? Get used to it!) for hours.</li>
</ul>
<p>Bah. I don&#8217;t seem to have the energy to rant anymore, I give up. (Could go on and on about the blogs and everything).</p>
<p><strong>T</strong><strong>here are some good and nifty features too, at Aamulehti.fi. </strong>But as the Site is down, no report on them. Perhaps later.</p>
<p><strong>More redesigns that suck:</strong><a href="http://www.hel.fi">www. hel.fi</a> (the city of Helsinki)<a href="http://www.hel.fi/wps/portal/Helsinki_en/Artikkeli?WCM_GLOBAL_CONTEXT=/Helsinki/en/Current/Current&amp;CACHEPARAM=New%20platform#New%20platform"> reports as follows</a>:</p>
<blockquote><p><strong>15.06.08 Hel.fi pages were transferred on a new technical platform </strong></p>
<p>The City of Helsinki web pages <a href="http://www.hel.fi/">www.hel.fi</a> were transferred on a new technical platform during week 25. All the URL addresses of the pages changed.</p></blockquote>
<p>Did I say something about <strong>cool URIs earlier?</strong></p>
<p>Could someone please, please, give me <strong>a great redesign</strong>? A finnish one?</p>
<p><strong>Please?</strong></p>
<p><strong>Pretty please?</strong></p>
<p>(<strong>Small editorial comment:</strong> I&#8217;ll add some screen grabs if the site works for an hour or two in a row&#8230;)</p>


<p>Related posts:<ol><li><a href='http://ilkka.kaikuvuo.com/2008/05/tampere-united-redesign/' rel='bookmark' title='Permanent Link: Tampere United Redesign'>Tampere United Redesign</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2009/03/valiofi-anna-elaman-maistua/' rel='bookmark' title='Permanent Link: Valio.fi &#8211; anna elämän maistua.'>Valio.fi &#8211; anna elämän maistua.</a></li>
<li><a href='http://ilkka.kaikuvuo.com/2009/08/nokia-yet-again-chosen-as-best-web-page-in-finland/' rel='bookmark' title='Permanent Link: Nokia (Yet Again) Chosen as &#8220;Best Web Page in Finland&#8221;'>Nokia (Yet Again) Chosen as &#8220;Best Web Page in Finland&#8221;</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ilkka.kaikuvuo.com/2008/06/pretty-urls-or-aamulehti-redesign/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
