<?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>joel laumans &#187; interaction</title>
	<atom:link href="http://piksels.com/category/interaction/feed/" rel="self" type="application/rss+xml" />
	<link>http://piksels.com</link>
	<description>adaptive interfaces</description>
	<lastBuildDate>Mon, 19 Apr 2010 19:53:16 +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>Designing for Mobile &#8211; Animation</title>
		<link>http://piksels.com/designing-for-mobile-animation/</link>
		<comments>http://piksels.com/designing-for-mobile-animation/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 17:52:38 +0000</pubDate>
		<dc:creator>Joel Laumans</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://piksels.com/?p=92</guid>
		<description><![CDATA[Although it has been on my portfolio for a couple weeks already, there were still a few tweaks that had to be taken care of. However, here is the final version:]]></description>
			<content:encoded><![CDATA[<p>Although it has been on my portfolio for a couple weeks already, there were still a few tweaks that had to be taken care of. However, here is the final version:</p>
<p><object width="550" height="309" data="http://vimeo.com/moogaloop.swf?clip_id=2447785&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2447785&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></p>
<p>The animation is based on the first couple chapters of Barbara Ballard&#8217;s Designing the Mobile User Experience &#8211; and is targeted for students who are just getting into User Experience Design. This was a joint project together with <a title="Niek Dekker" href="http://www.niekdekker.com/" target="_blank">Niek Dekker</a>,<a title="Lemmy-Boy Hoogendoorn" href="http://www.lemmy-boy.com" target="_blank"> Lemmy-Boy Hoogendoorn</a>, and<a title="Gemma Vernooij" href="http://stud.cmd.hro.nl/0778341/uxdminor/" target="_blank"> Gemma Vernooij</a>.</p>
<p>Enjoy, and let me know what you think!</p>
]]></content:encoded>
			<wfw:commentRss>http://piksels.com/designing-for-mobile-animation/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>big air rotterdam</title>
		<link>http://piksels.com/big-air/</link>
		<comments>http://piksels.com/big-air/#comments</comments>
		<pubDate>Tue, 09 Oct 2007 22:12:38 +0000</pubDate>
		<dc:creator>Joel Laumans</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[holland]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[rotterdam]]></category>
		<category><![CDATA[video rotterdam holland netherlands snowboard photograp]]></category>

		<guid isPermaLink="false">http://piksels.com/big-air/</guid>
		<description><![CDATA[Last Sunday Rotterdam held the Big Air Snowboard World Cup, I dropped by for a couple minutes to take a couple snapshots. Unfortunately I didn&#8217;t have a great view, but to compensate for the bad photos I decided to make something a little bit more interesting in flash. View large version]]></description>
			<content:encoded><![CDATA[<p> Last Sunday Rotterdam held the Big Air Snowboard World Cup, I dropped by for a couple minutes to take a couple snapshots. Unfortunately I didn&#8217;t have a great view, but to compensate for the bad photos I decided to make something a little bit more interesting in flash. <a href="http://piksels.com/wp-content/uploads/2007/10/test.swf" title="big air 3d"></a></p>
<hr />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="440" height="300" id="test" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="test.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://piksels.com/wp-content/uploads/2007/10/test.swf" quality="high" bgcolor="#ffffff" width="440" height="300" name="test" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
	</object></p>
<hr />
<a href="http://piksels.com/wp-content/uploads/2007/10/test.swf" title="big air 3d">View large version</a></p>
]]></content:encoded>
			<wfw:commentRss>http://piksels.com/big-air/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Pooping in Public</title>
		<link>http://piksels.com/pooping-in-public/</link>
		<comments>http://piksels.com/pooping-in-public/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 21:10:48 +0000</pubDate>
		<dc:creator>Joel Laumans</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[holland]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[rotterdam]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[toilet design environment rotterdam hollland art]]></category>

		<guid isPermaLink="false">http://piksels.com/53/pooping-in-public/</guid>
		<description><![CDATA[Sitting on the pot, pushing brown, desecrating the throne, doing the doodly-squat, faxing a cigar to Castro, or whatever else you want to call it, it usually is our private moment of Zen. However Monica Bonvicini came up with a design with preserves our privacy without obstructing us from the environment around us. Bonvicini&#8217;s &#8216;Don&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<p>Sitting on the pot, pushing brown, desecrating the throne, doing the doodly-squat, faxing a cigar to Castro, or whatever else you want to <a title="Poop Thesaurus" href="http://www.heptune.com/poopword.html" target="_blank">call it</a>, it usually is our private moment of Zen.</p>
<p>However <a title="Monica Bonvicini" href="http://trendbeheer.com/2006/12/28/monica-bonvicini/">Monica Bonvicini</a> came up with a design with preserves our privacy without obstructing us from the environment around us. Bonvicini&#8217;s &#8216;Don&#8217;t Miss a Sec&#8217; is a public toilet built with walls of one-way mirrors.  From the outside it looks like a large silver box, but inside is a toilet with a 360 degree view of the street around you.  <!--adsense--></p>
<p><img src="http://piksels.com/wp-content/uploads/2007/09/040217_toilet_hmed_733ah2.jpg" alt="Toilet Outside" width="360" height="270" /></p>
<p><img src="http://piksels.com/wp-content/uploads/2007/09/publiek.jpg" alt="Toilet Inside" /></p>
<p>It seems this toilet is &#8220;touring&#8221; through different cities, and will now be in the center of Rotterdam (Netherlands) until some time in November. I&#8217;m sure many of you have read about this before, so had I. But the moment I saw it in person, walked inside and started urinating while watching people walk by it amazed me how directly design had an impact on my immediate environment. It was sensational, I felt like I was starring in &#8220;Hollow Man&#8221; as I could watch world while being completely invisible to them! There is not much else I can say about</p>
<p>Anyone in the neighborhood should definitely take a look, because peeing in public never felt so good. The toilet is in the center of Rotterdam in front of the Stadhuis, and shouldn&#8217;t be hard to find.</p>
<p>Don&#8217;t know how one-way mirrors work? <a title="How stuff works" href="http://science.howstuffworks.com/question421.htm">Read this</a></p>
]]></content:encoded>
			<wfw:commentRss>http://piksels.com/pooping-in-public/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Perspective of information</title>
		<link>http://piksels.com/perspective-of-information/</link>
		<comments>http://piksels.com/perspective-of-information/#comments</comments>
		<pubDate>Mon, 13 Aug 2007 12:30:50 +0000</pubDate>
		<dc:creator>Joel Laumans</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[holland]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[facts]]></category>
		<category><![CDATA[perspective]]></category>
		<category><![CDATA[stats]]></category>

		<guid isPermaLink="false">http://piksels.com/44/perspective-of-information/</guid>
		<description><![CDATA[Today I came across two very noteworthy examples of clever information design which make understanding sets of data both more visual and relative. The best way to grasp what data means is often to put it into perspective with other sets of data so you can easily make a comparison. This is when charts and [...]]]></description>
			<content:encoded><![CDATA[<p>Today I came across two very noteworthy examples of clever information design which make understanding sets of data both more visual and relative.  The best way to grasp what data <em>means </em>is often to put it into perspective with other sets of data so you can easily make a comparison. This is when charts and illustrations quickly become a better data medium than numbers.</p>
<p><a href="http://www.dailymail.co.uk/pages/live/articles/news/worldnews.html?in_article_id=439315&amp;in_page_id=1811" title="How the World Really Shapes Up" target="_blank"><strong>How the World Really Shapes Up</strong> </a></p>
<p>The first example takes a map of the world and distorts each region size, relevant to the category it is in. For example, while viewing the map on HIV presence,  Africa will be bloated compared to the rest of the world.</p>
<p><a href="http://www.dailymail.co.uk/pages/live/articles/news/worldnews.html?in_article_id=439315&amp;in_page_id=1811" target="_blank" title="View More"><img src="http://piksels.com/wp-content/uploads/2007/08/maps.jpg" alt="cartographs" /></a><br />
<!--adsense--></p>
<p>See more maps or read more about the project at the <a href="http://www.dailymail.co.uk/pages/live/articles/news/worldnews.html?in_article_id=439315&amp;in_page_id=1811" target="_blank">UK Daily Mail</a>.</p>
<p>(These maps were produced together by the universities of Michigan and Sheffield)</p>
<p><a href="http://www.nikon.co.jp/main/eng/feelnikon/discovery/universcale/index_f.htm" title="Universcale"><strong>Size of the Universe</strong></a></p>
<p><a href="http://www.nikon.co.jp/main/eng/feelnikon/discovery/universcale/index_f.htm" title="Universcale" target="_blank">Universcale</a> is a very interactive example of helping us putting into perspective the size of the universe. We quickly can understand how small we are compared to the billions of light years which span across the universe, whilst still being millions of times larger than the building blocks which make up the universe.</p>
<p><a href="http://www.nikon.co.jp/main/eng/feelnikon/discovery/universcale/index_f.htm" title="Universcale"><img src="http://piksels.com/wp-content/uploads/2007/08/universcalesmall.jpg" alt="Universcale" /></a></p>
<p>(I found <a href="http://www.nikon.co.jp/main/eng/feelnikon/discovery/universcale/index_f.htm" title="Universcale">Universcale</a> through a design website which I frequently visit, <a href="http://blog.parasight.de/" title="Position Absolute" target="_blank">Position Absolute</a>)</p>
<p>Here is a video which also helps us fathom just how large the universe really is
</p>
<p><object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/9ptdbNUtpx4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/9ptdbNUtpx4" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://piksels.com/perspective-of-information/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A look at Apple&#8217;s .mac web gallery</title>
		<link>http://piksels.com/a-look-at-apples-mac-web-gallery/</link>
		<comments>http://piksels.com/a-look-at-apples-mac-web-gallery/#comments</comments>
		<pubDate>Fri, 10 Aug 2007 13:01:33 +0000</pubDate>
		<dc:creator>Joel Laumans</dc:creator>
				<category><![CDATA[apple]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://piksels.com/41/a-look-at-apples-mac-web-gallery/</guid>
		<description><![CDATA[Subscribers to .mac will be pleased to try out Apple&#8217;s new web gallery. It looks great, and is a sure example of how well offline applications can be translated into online web apps. Instant image resizing, different viewing modes, and lots of reflections make you quickly forget you are viewing the photos online. Great features [...]]]></description>
			<content:encoded><![CDATA[<p>Subscribers to .mac will be pleased to try out Apple&#8217;s new web gallery. It looks <a href="http://gallery.mac.com/emily_parker" title="New .mac web gallery" target="_blank">great</a>, and is a sure example of how well offline applications can be translated into online web apps. Instant image resizing, different viewing modes, and lots of reflections make you quickly forget you are viewing the photos online.</p>
<p><a href="http://piksels.com/a-look-at-apples-mac-web-gallery/apple-web-gallery/" rel="attachment wp-att-42" title="Apple Web Gallery"><img src="http://piksels.com/wp-content/uploads/2007/08/wg.jpg" alt="Apple Web Gallery" /></a></p>
<p><!--adsense--></p>
<p>Great features like live image resizing make Apple Web Gallery really give Flickr and other foto services something to catch up to.</p>
<p><a href="http://gallery.mac.com/emily_parker"><img src="http://piksels.com/wp-content/uploads/2007/08/wg2.jpg" alt="Apple Web Gallery2" /></a></p>
<p>Although Apple did a great job thinning the line between offline and online photo viewing, it still needs some major work. All of the web2.0 goodness make just the home page clock in at more than 1.4MB, which even on my 6Mbit connection feels sluggish and irritating.</p>
<p>A table of download times from <a href="http://www.websiteoptimization.com/" title="http://www.websiteoptimization.com/" target="_blank">Websiteoptimization.com</a></p>
<table style="font-size: 12px" border="1">
<tr>
<th>Connection Rate</th>
<th>Download Time</th>
</tr>
<tr>
<td>14.4K</td>
<td>1171.17 seconds</td>
</tr>
<tr>
<td>28.8K</td>
<td>614.79 seconds</td>
</tr>
<tr>
<td>33.6K</td>
<td>535.30 seconds</td>
</tr>
<tr>
<td>56K</td>
<td>344.54 seconds</td>
</tr>
<tr>
<td>ISDN 128K</td>
<td>146.03 seconds</td>
</tr>
<tr>
<td>T1 1.44Mbps</td>
<td>66.01 seconds</td>
</tr>
</table>
<p>Sure waiting a minute on a T1 doesn&#8217;t seem too bad, but showing these images to your mom on her ISDN line will take her more than 2 minutes just to download the index page! Pure blasphemy<br />
Curious, try out <a href="http://gallery.mac.com/emily_parker" title="http://gallery.mac.com/emily_parker">Apple&#8217;s Live Web Gallery</a> for yourself.</p>
]]></content:encoded>
			<wfw:commentRss>http://piksels.com/a-look-at-apples-mac-web-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Real-life desktop</title>
		<link>http://piksels.com/real-life-desktop/</link>
		<comments>http://piksels.com/real-life-desktop/#comments</comments>
		<pubDate>Tue, 03 Jul 2007 11:37:10 +0000</pubDate>
		<dc:creator>Joel Laumans</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Visual]]></category>

		<guid isPermaLink="false">http://piksels.com/28/real-life-desktop/</guid>
		<description><![CDATA[In digital interface design we usually try to take elements from the analog world and translate them into recognizable elements on a computer screen. Here is a clever video of someone doing the exact opposite:]]></description>
			<content:encoded><![CDATA[<p>In digital interface design we usually try to take elements from the analog world and translate them into recognizable elements on a computer screen. Here is a clever video of someone doing the exact <em>opposite</em>:<br />
<!--adsense--></p>
<p><embed src="http://www.metacafe.com/fplayer/688382/reality_desktop.swf" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="345" width="400"></embed></p>
]]></content:encoded>
			<wfw:commentRss>http://piksels.com/real-life-desktop/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>The click-free webpage</title>
		<link>http://piksels.com/the-click-free-webpage/</link>
		<comments>http://piksels.com/the-click-free-webpage/#comments</comments>
		<pubDate>Wed, 27 Jun 2007 20:44:59 +0000</pubDate>
		<dc:creator>Joel Laumans</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[information architecture]]></category>

		<guid isPermaLink="false">http://piksels.com/25/the-click-free-webpage/</guid>
		<description><![CDATA[I&#8217;ve been interested in interaction design for quite a while, and when I came across DontClickIt, I was impressed. I&#8217;ve seen all types of interactive applications, but I&#8217;ve never seen a clickless design feel so seamless. Check it out yourself: What I like most about this, is that instead of just showing us a new [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been interested in interaction design for quite a while, and when I came across <a href="http://www.dontclick.it/" title="dontclickit">DontClickIt</a>, I was impressed. I&#8217;ve seen all types of interactive applications, but I&#8217;ve never seen a clickless design feel so seamless. Check it out yourself:</p>
<p><a href="http://www.dontclick.it/" title="DontClickIt"><img src="http://piksels.com/wp-content/uploads/2007/06/dontclickit.jpg" alt="DontClickIt" /></a></p>
<p><!--adsense--><br />
What I like most about this, is that instead of just showing us  a new method of interaction, it tries to challenge our current default method of &#8216;click interaction&#8217; and have us question whether it is necessary.</p>
<p>Although it is debatable to which extent a &#8216;clickless interaction&#8217; is functional and ideal, it is nice to see people challenging our default methods of interaction, and showing us something new.</p>
<p>Anyone who is interested in Interaction Design, Information Architecture, or Visual hierarchy should visit <a href="http://infosthetics.com/" title="Information Aesthetics">Information Aesthetics</a> a great blog updated daily.</p>
<p><a href="http://infosthetics.com/" title="Information Aesthetics"><img src="http://piksels.com/wp-content/uploads/2007/06/infoaesthetics.jpg" alt="Information Aesthetics" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://piksels.com/the-click-free-webpage/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

