<?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>UNITiD &#124; Interaction Design &#38; Usability &#187; Shen</title>
	<atom:link href="http://unitid.nl/author/shen/feed/" rel="self" type="application/rss+xml" />
	<link>http://unitid.nl</link>
	<description>Interaction Designers</description>
	<lastBuildDate>Thu, 17 May 2012 11:18:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Schuberg Philis</title>
		<link>http://unitid.nl/2009/10/schuberg-philis/</link>
		<comments>http://unitid.nl/2009/10/schuberg-philis/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 12:13:22 +0000</pubDate>
		<dc:creator>Shen</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Industrie]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://unitid.nl/?p=1259</guid>
		<description><![CDATA[Via Techtribe heeft UNITiD voor de nieuwe website van Schuberg Philis het interactie ontwerp gerealiseerd. Luis Mendo van GOOD Inc. heeft het ontwerp gemaakt en Techtribe heeft de website ontwikkeld. Voor hun nieuwe site wilde Schuberg Philis een hoge kwalitatieve uitstraling die past bij hun dienstverlening. Ontwerp De hoge kwalitatieve uitstraling wordt bereikt door prachtige [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Schuberg Philis" src="http://unitid.nl/wp-content/uploads/schubergportfolio.png" alt="" width="530" height="190" /></p>
<p>Via Techtribe heeft UNITiD voor de nieuwe website van <a href="http://www.schubergphilis.com/">Schuberg Philis</a> het interactie ontwerp gerealiseerd. Luis Mendo van <a href="http://www.goodinc.nl/">GOOD Inc.</a> heeft het ontwerp gemaakt en <a href="http://www.techtribe.nl/" target="_blank">Techtribe</a> heeft de website ontwikkeld. Voor hun nieuwe site wilde Schuberg Philis een hoge kwalitatieve uitstraling die past bij hun dienstverlening.<span id="more-1259"></span></p>
<h3>Ontwerp</h3>
<p>De hoge kwalitatieve uitstraling wordt bereikt door prachtige fotografie, die volledig tot zijn recht wordt gebracht door de foto’s zo volledig mogelijk in de achtergrond weer te geven. UNITiD heeft hierbij aangegeven hoe het visuele met het informationele moet werken op verschillende formaten. Een functionele eis was namelijk dat de website in alle omstandigheden dezelfde hoge kwaliteit heeft, onafhankelijk van schermgrootte en/of platform. Denk hierbij aan aspecten als meeschalen van achtergrond en inhoud bij verschillende schermgroottes, en weergave van inhoud bij het scrollen van een pagina.</p>
<h3>Structuur</h3>
<p>Aan de hand van een sitemap is door UNITiD in kaart gebracht welke onderdelen waar op de site terecht moeten komen. Doelstelling hierbij was om een bondige site op te leveren die eenvoudig te navigeren is.</p>

<a href='http://unitid.nl/2009/10/schuberg-philis/elements_home_page/' title='Elements page'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Elements_home_page-150x100.png" class="attachment-thumbnail" alt="Structure webpages" title="Elements page" /></a>
<a href='http://unitid.nl/2009/10/schuberg-philis/navigation/' title='Navigation'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Navigation-150x100.png" class="attachment-thumbnail" alt="Main navigation" title="Navigation" /></a>
<a href='http://unitid.nl/2009/10/schuberg-philis/sitemap-3/' title='Sitemap'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Sitemap-150x100.png" class="attachment-thumbnail" alt="Content inventory" title="Sitemap" /></a>
<a href='http://unitid.nl/2009/10/schuberg-philis/viewing_on_different_screen_sizes/' title='Different screen sizes'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Viewing_on_different_screen_sizes-150x100.png" class="attachment-thumbnail" alt="Scaling &amp; resizing of background &amp; content" title="Different screen sizes" /></a>
<a href='http://unitid.nl/2009/10/schuberg-philis/scrolling/' title='Scrolling'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Scrolling-150x100.png" class="attachment-thumbnail" alt="How content scrolls" title="Scrolling" /></a>
<a href='http://unitid.nl/2009/10/schuberg-philis/schubergphilis/' title='Schuberg Philis'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/SchubergPhilis-150x100.png" class="attachment-thumbnail" alt="Website" title="Schuberg Philis" /></a>

]]></content:encoded>
			<wfw:commentRss>http://unitid.nl/2009/10/schuberg-philis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fair trade ansichtkaarten van Fairmail</title>
		<link>http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/</link>
		<comments>http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 10:25:03 +0000</pubDate>
		<dc:creator>Shen</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://unitid.nl/?p=1194</guid>
		<description><![CDATA[Fairmail is een bedrijf dat fair trade ansichtkaarten maakt. Kinderen uit India en Peru maken foto&#8217;s voor de kaarten en verdienen daarmee geld voor het volgen van een opleiding. UNITiD (interaction design), Resoluut (grafisch ontwerp) en Jerbys (techniek) hebben gewerkt aan het realiseren van de nieuwe website. Hierbij heeft UNITiD voor Fairmail in kaart gebracht [...]]]></description>
			<content:encoded><![CDATA[<p><img class=" alignnone" title="FairMail" src="http://unitid.nl/wp-content/uploads/FairMail.png" alt="FairMail website uitsnede" width="530" height="351" /></p>
<p><a title="Fairmail" href="http://www.fairmail.info">Fairmail</a> is een bedrijf dat fair trade ansichtkaarten maakt. Kinderen uit India en Peru maken foto&#8217;s voor de kaarten en verdienen daarmee geld voor het volgen van een opleiding. UNITiD (interaction design), <a title="Resoluut" href="http://www.resoluut.com">Resoluut</a> (grafisch ontwerp) en <a href="http://www.jerbys.com">Jerbys</a> (techniek) hebben gewerkt aan het realiseren van de nieuwe website. Hierbij heeft UNITiD voor Fairmail in kaart gebracht wat goede mogelijkheden zijn voor de nieuwe website en vervolgens een structuur en interactie ontwerp opgeleverd.<span id="more-1194"></span></p>
<h3>Nieuwe Richting</h3>
<p>Aan de hand van een brainstorm sessie is een nieuwe richting ingeslagen voor hoe de website van fairmail gebruikt kan worden. Tijdens de sessie werd er enerzijds vanuit verschillende doelgroepen naar het probleem gekeken, en anderzijds  vanuit de technische mogelijkheden. Er kwam naar voren dat de website dynamischer kan zijn, meer als een verkoopkanaal mag fungeren,  bezoekers meer moet betrekken in het kiezen van nieuw kaartmateriaal en de bezoeker meer binding met de fotografen moet krijgen. Vervolgens is er met deze wens een inventarislijst opgemaakt met welke onderdelen nodig zijn voor een goede webwinkel. Van hieruit is een structuur voor de website gemaakt en vervolgens het interactie ontwerp.</p>
<h3>Ontwerp</h3>
<p>In het ontwerp staan nu de kaarten, foto&#8217;s en fotografen centraal en hebben het bedrijfsprofiel, fotoreizen, nieuws en toegang voor retailers een eigen ingang op de website gekregen. Meer dyamiek wordt verkregen door onder andere het gebruik van een carousel dat steeds verschillende informatie en kaarten toont. Daarnaast is er wisselend een andere fotograaf in &#8216;the picture&#8217; en worden steeds de nieuwste foto&#8217;s en kaarten getoond.</p>
<p>De website biedt bij elke kaart en foto gerelateerde informatie over overige kaarten en foto&#8217;s, fotografen. Het is leuker geworden om de collectie op Fairmail te gaan bekijken. Daarnaast kunnen bezoekers foto&#8217;s beoordelen en wordt ook inzichtelijk gemaakt hoeveel geld Fairmail heeft bijgedragen aan opleidingen van de fotografen. De nieuwe website richt zich nu meer op de kaarten, foto&#8217;s en fotografen en heeft nu een professionelere, dynamische uitstraling gekregen. Fairmail is in de eind ontwikkeling en je kunt het nu al <a href="http://www.fairmail.info">bekijken</a>.</p>

<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/p1000007/' title='Brainstorm-1'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/P1000007-150x100.jpg" class="attachment-thumbnail" alt="Mogelijkheden" title="Brainstorm-1" /></a>
<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/p1000004/' title='Brainstorm-2'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/P1000004-150x100.jpg" class="attachment-thumbnail" alt="Doelgroepen" title="Brainstorm-2" /></a>
<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/contentinventory/' title='Content Inventory'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/contentinventory-150x100.png" class="attachment-thumbnail" alt="Inhoud en structuur website" title="Content Inventory" /></a>
<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/home-3/' title='Home'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Home-150x100.png" class="attachment-thumbnail" alt="Wireframe" title="Home" /></a>
<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/card-detail/' title='Card-Detail'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Card-Detail-150x100.png" class="attachment-thumbnail" alt="Wireframe" title="Card-Detail" /></a>
<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/photo-detail/' title='Photo-Detail'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/Photo-Detail-150x100.png" class="attachment-thumbnail" alt="Wireframe" title="Photo-Detail" /></a>
<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/fairmail-cards-with-perspective_1254921087568/' title='FairMail - Homepage'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/FairMail-Cards-with-perspective_1254921087568-150x100.png" class="attachment-thumbnail" alt="Screenshot website" title="FairMail - Homepage" /></a>
<a href='http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/fairmail-cards-s187_1254924698739/' title='FairMail - Cards'><img width="150" height="100" src="http://unitid.nl/wp-content/uploads/FairMail-Cards-S187_1254924698739-150x100.png" class="attachment-thumbnail" alt="Screenshot website" title="FairMail - Cards" /></a>

]]></content:encoded>
			<wfw:commentRss>http://unitid.nl/2009/10/fair-trade-ansichtkaarten-van-fairmail/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Toekomstvisie 2019 van Microsoft</title>
		<link>http://unitid.nl/2009/03/toekomstvisie-2019-van-microsoft/</link>
		<comments>http://unitid.nl/2009/03/toekomstvisie-2019-van-microsoft/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 18:25:39 +0000</pubDate>
		<dc:creator>Shen</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://unitid.nl/?p=551</guid>
		<description><![CDATA[Mooie video van Microsoft]]></description>
			<content:encoded><![CDATA[<p>Mooie video van Microsoft</p>
<p><object width="425" height="344" data="http://www.youtube.com/v/nq3EeZz-W3A&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;feature=player_embedded&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/nq3EeZz-W3A&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://unitid.nl/2009/03/toekomstvisie-2019-van-microsoft/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Automatisch opslaan (Mac OS X)</title>
		<link>http://unitid.nl/2009/02/automatisch-opslaan-mac-os-x/</link>
		<comments>http://unitid.nl/2009/02/automatisch-opslaan-mac-os-x/#comments</comments>
		<pubDate>Sun, 08 Feb 2009 18:13:14 +0000</pubDate>
		<dc:creator>Shen</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Max OS X]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://unitid.nl/?p=237</guid>
		<description><![CDATA[Handig en gratis programma voor op de mac, dat goed kan helpen bij Fireworks CS3 &#38; 4, aangezien het nog helaas af en toe wilt crashen: EverSave Het zorgt ervoor dat je open documenten van alle programmas automatisch opgeslagen worden, iets wat ik niet altijd doe (helaas) wanneer ik helemaal in een bepaalde workflow ben. [...]]]></description>
			<content:encoded><![CDATA[<p>Handig en gratis programma voor op de mac, dat goed kan helpen bij Fireworks CS3 &amp; 4, aangezien het nog helaas af en toe wilt crashen:</p>
<p><a href="http://www.tool-forcesw.com/eversave/"> EverSave</a></p>
<p>Het zorgt ervoor dat je open documenten van alle programmas automatisch opgeslagen worden, iets wat ik niet altijd doe (helaas) wanneer ik helemaal in een bepaalde workflow ben.</p>
<p>Voor Fireworks is het belangrijk dat je de methode &#8220;Save by simulating save shortcut&#8221; selecteert bij de Timer<img class="alignleft size-full wp-image-260" title="Instelling Eversave Fireworks" src="http://unitid.nl/wp-content/uploads/picture-5.png" alt="Instelling Eversave Fireworks" width="507" height="488" /></p>
]]></content:encoded>
			<wfw:commentRss>http://unitid.nl/2009/02/automatisch-opslaan-mac-os-x/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Smartphones te moeilijk</title>
		<link>http://unitid.nl/2009/01/smartphones-te-moeilijk/</link>
		<comments>http://unitid.nl/2009/01/smartphones-te-moeilijk/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 11:49:48 +0000</pubDate>
		<dc:creator>Shen</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://unitid.nl/?p=135</guid>
		<description><![CDATA[Het blijft voor veel mensen erg moeilijk om alle (misschien ook teveel?) functionaliteiten van moderne telefoons (Smartphones) te gebruiken. De iPhone is hierop de uitzondering stelt Bright. Met dat punt ben ik het eens. Goed ontwerp maakt de iPhone speelser en intuïtiever dan andere smartphones. De iPhone mag dan misschien functionaliteiten missen of mindere specificaties [...]]]></description>
			<content:encoded><![CDATA[<p>Het blijft voor veel mensen <a href="http://www.bright.nl/mensen-zijn-niet-slim-genoeg-voor-smartphones">erg moeilijk</a> om alle (misschien ook teveel?) functionaliteiten van moderne telefoons (Smartphones) te gebruiken. De iPhone is hierop de uitzondering stelt Bright. Met dat punt ben ik het eens.</p>
<p>Goed ontwerp maakt de iPhone speelser en intuïtiever dan andere smartphones. De iPhone mag dan misschien functionaliteiten missen of mindere specificaties hebben  &#8211; bijvoorbeeld slechts 2 megapixel fotocamera en geen standaard ingebouwde video functionaliteit &#8211; hij is een stuk beter te gebruiken.</p>
<p>De overige smartphones kunnen nog behoorlijk wat verbeteringen verrichten op het gebied van Interaction Design. Dat is iets wat met name telecomproviders, als KPN en VodaPhone een doorn in het oog moet zijn. Zij lopen gebruik van hun diensten (lees:  geld) mis, omdat hun klanten niet alle diensten gebruiken.  Ze vinden het gebruik van hun slimme toestellen nog te ingewikkeld.</p>
<p>Zo bekeken biedt interaction design niet alleen voordelen aan de eindgebruiker, maar minstens evenveel aan bedrijven.</p>
<p>bron: <a href="http://www.bright.nl/mensen-zijn-niet-slim-genoeg-voor-smartphones">Mensen zijn niet slim genoeg voor smartphones,</a> <a href="http://news.bbc.co.uk/2/hi/technology/7833944.stm" target="_blank">rapport van consultants Mformation</a></p>
]]></content:encoded>
			<wfw:commentRss>http://unitid.nl/2009/01/smartphones-te-moeilijk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zichzelf verbeterende website door Genetify</title>
		<link>http://unitid.nl/2008/12/zichzelf-verbeterende-website-door-genetify/</link>
		<comments>http://unitid.nl/2008/12/zichzelf-verbeterende-website-door-genetify/#comments</comments>
		<pubDate>Tue, 23 Dec 2008 11:22:24 +0000</pubDate>
		<dc:creator>Shen</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[A/B testen]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://unitid.nl/?p=16</guid>
		<description><![CDATA[Genetify maakt het mogelijk om websites automatisch te verbeteren door het A/B testen van verschillende elementen (HTML, CSS, Javascript etc). Ontwikkelaars kunnen verschillende testen tegelijkertijd uitvoeren en een website zal dan na verloop van tijd vanzelf een geoptimaliseerde versie tonen. Genetify heeft hier een demo en een tutorial dat de basics uitlegt. Genetify werkt middels [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Genetify" href="http://www.genetify.com"></a></p>
<p><img class="alignleft" title="Genestring from j/f/photos - http://flickr.com/photos/good-karma/" src="http://farm1.static.flickr.com/253/453011538_b5e7f64ef1_m.jpg" alt="Genestring fromm j/f/photos - http://flickr.com/photos/good-karma/" width="240" height="160" /></p>
<p>Genetify maakt het mogelijk om websites automatisch te verbeteren door het A/B testen van verschillende elementen (HTML, CSS, Javascript etc). Ontwikkelaars kunnen verschillende testen tegelijkertijd uitvoeren en een website zal dan na verloop van tijd vanzelf een geoptimaliseerde versie tonen.</p>
<p>Genetify heeft <a title="Demo Genetify" href="http://demo.genetify.com/">hier</a> een demo en een <a title="Text Tutorial Genetify" href="http://demo.genetify.com/genetify.txt">tutorial</a> dat de basics uitlegt. Genetify werkt middels een Javascript Library.</p>
<p>Vooralsnog is Genetify alleen maar een gereedschap om websites te verbeteren. Het verkrijgen van statische gegevens over het gedrag van bepaalde doelgroepen kunnen natuurlijk geschiktere Interaction Design Patterns opleveren op langere duur. Zou dit dan op een hoger niveau kunnen leiden tot het automatisch ontwerpen van websites? Hoe zal zoiets de rol van interaction designers beinvloeden? Jullie mening?</p>
<p>Bron: <a href="http://ejohn.org/blog/genetic-ab-testing-with-javascript/">ejohn.org</a></p>
]]></content:encoded>
			<wfw:commentRss>http://unitid.nl/2008/12/zichzelf-verbeterende-website-door-genetify/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

