<?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/"
	>

<channel>
	<title>Adam Little - Interaction Design Portfolio</title>
	<atom:link href="http://www.localhiddenvariable.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.localhiddenvariable.com/portfolio</link>
	<description></description>
	<pubDate>Wed, 31 Mar 2010 06:18:16 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Get Together</title>
		<link>http://www.localhiddenvariable.com/portfolio/get-together/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/get-together/#comments</comments>
		<pubDate>Sat, 29 Aug 2009 19:23:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[CIID]]></category>

		<category><![CDATA[Mobile]]></category>

		<category><![CDATA[Prototyping]]></category>

		<category><![CDATA[Scenario Design]]></category>

		<category><![CDATA[UI Design]]></category>

		<category><![CDATA[User Research]]></category>

		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=302</guid>
		<description><![CDATA[
Get Together
Get Together is a service that uses the web and SMS to help friends coordinate social activities. It is designed for collaborating on upcoming events (i.e. birthday party) or to help friends make an event when none exists (i.e. friday night after work). Get Together strives to use the power of social software and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.localhiddenvariable.com/get-together"><img class="alignnone size-full wp-image-303" title="Get Together" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/08/gettogether.jpg" alt="Get Together" width="800" height="400" /></a></p>
<h3><a title="Get Together" href="http://www.localhiddenvariable.com/get-together">Get Together</a></h3>
<p>Get Together is a service that uses the web and SMS to help friends coordinate social activities. It is designed for collaborating on upcoming events (i.e. birthday party) or to help friends make an event when none exists (i.e. friday night after work). Get Together strives to use the power of social software and mobile phones to facilitate face-to-face communication between friends living in the same city and is designed to be accessible to anyone with a mobile phone.</p>
<p><span id="more-302"></span></p>
<p><strong>Research &amp; Explorations</strong></p>

<div class="ngg-galleryoverview" id="ngg-gallery-11">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=11&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-79" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/mobile_ideas3.jpg" title="Envelopes fixed to the back of people's phones" class="thickbox" rel="get-together-research" >
				<img title="Mobile Ideas" alt="Mobile Ideas" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/thumbs/thumbs_mobile_ideas3.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-81" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/mobile_ideas1.jpg" title="Participant's ideas for new mobile phone features" class="thickbox" rel="get-together-research" >
				<img title="Mobile Ideas" alt="Mobile Ideas" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/thumbs/thumbs_mobile_ideas1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-77" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/dispatchi-2.jpg" title="Frames from the first Dispatch video" class="thickbox" rel="get-together-research" >
				<img title="Dispatch I" alt="Dispatch I" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/thumbs/thumbs_dispatchi-2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-78" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/dispatchii-2.jpg" title="Frames from the second Dispatch video" class="thickbox" rel="get-together-research" >
				<img title="Dispatch II" alt="Dispatch II" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-research/thumbs/thumbs_dispatchii-2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p>Being interested in mobile devices, my starting point was a probe I called <em>Mobile Ideas</em>. This consisted of envelopes filled with blank cards fixed to the back of people&#8217;s mobile phones. The idea was to collect inspirational and spontaneous ideas for imaginary mobile phone features based on problems experienced while on-the-go.</p>
<p>To explore the role mobile phones played in social contexts, particularly amongst groups of friends, I initiated <em>Dispatch</em>, a day long experiment involving my classmates, their mobile phones and a party we attended. The rules stated that they could not call or text anyone in the group except me. When they contacted me, they could leave messages, status updates or inquire about other people&#8217;s updates.</p>
<p>The idea was to see how limiting the way people used mobile phones would make them coordinate their plans differently. It was also a way for me to observe everyone&#8217;s communication that evening.</p>
<p><em>Dispatch II</em> was the next experiment in the form of a low-tech, group SMS prototype. I sent all my classmates a text one Saturday morning saying they are now part of the &#8220;Pilot Year Dispatch Group&#8221; and any SMS they sent me would be forwarded to the whole group. People who sent the word &#8220;bail&#8221; would be unsubscribed.</p>
<p>The idea was to see how a group of friends would use such a system and if it would result in any social activities that evening.</p>
<p><em>Watch the Dispatch videos: </em><a title="Dispatch I on Vimeo" href="http://vimeo.com/5057879">Dispatch I</a><em>, </em><a title="Dispatch II on Vimeo" href="http://vimeo.com/5175040">Dispatch II</a><em> or the </em><a title="Dispatch I &amp; II Edited on Vimeo" href="http://vimeo.com/6065013">abridged version</a><em>.</em></p>
<p><strong>Final Concept</strong></p>
<p><object width="600" height="480" data="http://vimeo.com/moogaloop.swf?clip_id=6326025&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=6326025&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p><span class="articlecaption">Product demo</span></p>
<p>The final concept, a service called Get Together, is presented in three videos. The first video (above) explains how it works. Core features include</p>
<ul>
<li>Group messaging through a single phone number</li>
<li>Groups based on the time frame &amp; context of specific events</li>
<li>User involvement can range from being a member &amp; receiving no updates all the way to installing a dedicated iPhone app and website membership</li>
<li>Suggest and vote on ideas to facilitate group decision making</li>
<li>Broadcast and volunteer for “roles” to facilitate group collaboration</li>
<li>SMS keywords to interact on-the-go</li>
<li>Event web page as a lasting document</li>
</ul>
<p><object width="800" height="450" data="http://vimeo.com/moogaloop.swf?clip_id=6303419&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=6303419&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p><span class="articlecaption">Scenario I</span></p>
<p>This video scenario tells a story about how Get Together can be used to organize a party.</p>
<p>It is Eilidh’s birthday and her friends are throwing a surprise party. Adam has volunteered his garden and set up an event on the Get Together website. We meet several people who tell us about their contributions to the party and how these were coordinated using the website and text messaging.</p>
<p><object width="800" height="450" data="http://vimeo.com/moogaloop.swf?clip_id=6325914&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=6325914&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p><span class="articlecaption">Scenario II</span></p>
<p>The second scenario tells a story demonstrating how Get Together could be used on an occasion when there is no specific event planned.</p>
<p>Sid is spending a Saturday afternoon with his girlfriend and wants to know what the rest of his friends are up to. He uses the app on his iPhone to create on an on-the-go group and suggests everyone meets at the park. He eventually catches up with his friends after one of them tells about a free concert.</p>
<p><strong>Prototyping</strong></p>

<div class="ngg-galleryoverview" id="ngg-gallery-12">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=12&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-82" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-prototype/experience_prototype2.jpg" title="Mobile phone, Bluetooth, Mac Mini" class="thickbox" rel="get-together-prototype" >
				<img title="Prototype" alt="Prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-prototype/thumbs/thumbs_experience_prototype2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-83" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-prototype/prototype-screen.jpg" title="Blue Phone Elite software and incoming messages" class="thickbox" rel="get-together-prototype" >
				<img title="Prototype" alt="Prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-prototype/thumbs/thumbs_prototype-screen.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-84" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-prototype/prototype-topupcard.jpg" title="Money that the prototype cost raised serious questions about the service" class="thickbox" rel="get-together-prototype" >
				<img title="Top Up Card" alt="Top Up Card" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-prototype/thumbs/thumbs_prototype-topupcard.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p>I was able to test aspects of this service by creating a small prototype. It consisted of a mobile phone that used blue tooth to communicate with a computer running special software.</p>
<p>The prototype allowed me to setup a group phone number, invite people to that group and let people contact the entire group by sending a single SMS to the group phone number. It also had a few additional features. For example, people could suggest ideas of things to do by sending a text that began with the word idea. Then other people could vote on that idea by responding to that text. If people sent an SMS with the word “ideas”, they would receive a list of all the ideas and the number of votes for each idea.</p>
<p><strong>Further Considerations</strong></p>

<div class="ngg-galleryoverview" id="ngg-gallery-13">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=13&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-87" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/advert_store.jpg" title=" In this example the sponsor is Carlsberg, a company that should be interested in getting people together. You could also imagine clubs or venues having a similar interest." class="thickbox" rel="get-together-adverts" >
				<img title="Sponsorships" alt="Sponsorships" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/thumbs/thumbs_advert_store.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-88" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/advert_website.jpg" title="In this example, people setting up an event on the Get Together website have the option of ordering printed invitations, party supplies or even catering." class="thickbox" rel="get-together-adverts" >
				<img title="Partnerships" alt="Partnerships" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/thumbs/thumbs_advert_website.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-85" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/advert_app.jpg" title="In this example, the iPhone app carries interactive advertisements. This advertisements would change based on the nature of the event, the size of the group, location, etc... " class="thickbox" rel="get-together-adverts" >
				<img title="Advertising" alt="Advertising" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/thumbs/thumbs_advert_app.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-86" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/advert_sms.jpg" title="In this example, Nina says to the group “who wants to meet for coffee?” And Get Together appends a short message at the bottom of the text message which reads “Get Together suggests Laundromate Cafe. Text more for details.”" class="thickbox" rel="get-together-adverts" >
				<img title="Endorsements" alt="Endorsements" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/get-together-adverts/thumbs/thumbs_advert_sms.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p>The prototype showed that people enjoyed sending messages to the group, but the costs added up fast. I don’t doubt that if the money was coming out of people&#8217;s own pockets they would be less willing to send those messages. But instead of thinking about subscription models, I see more potential in partnering with organizations that would be interested in sponsoring such a service. In the first example it is Carlsberg, a company that should be interested in getting people together. You could also imagine clubs or venues having a similar interest.</p>
<p>Get Together could also partner with companies interested in providing supplies or services for parties. In the second example, people setting up an event on the Get Together website have the option of ordering printed invitations, party supplies or even catering.</p>
<p>The next two examples show forms of advertising that Get Together could support, both through the app and SMS.</p>
<p><strong>Personal Contribution<br />
</strong></p>
<p>Get Together was my final project at the CIID/DKDS Interaction Design Pilot Year and was developed independently over three months.</p>
<p>Adviser: Vinay Venkatraman</p>
<p>Special thanks to David Mellis for AppleScript and Siddharth Muthyala for hand-drawn interface elements.</p>
<p><strong>Honors</strong></p>
<p>Get Together was one of five projects that &#8220;passed with honors&#8221; as confirmed by a group of external examiners.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/get-together/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Meet the Food You Eat</title>
		<link>http://www.localhiddenvariable.com/portfolio/meet-the-food-you-eat/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/meet-the-food-you-eat/#comments</comments>
		<pubDate>Wed, 06 May 2009 17:38:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[Arduino]]></category>

		<category><![CDATA[CIID]]></category>

		<category><![CDATA[Physical Computing]]></category>

		<category><![CDATA[Prototyping]]></category>

		<category><![CDATA[Sustainability]]></category>

		<category><![CDATA[Tangible User Interface]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=34</guid>
		<description><![CDATA[
Meet the Food You Eat
Meet the Food You Eat uses the metaphor of a mechanical kitchen scale to measure a food product’s environmental impact. It looks at the carbon emitted as a result of transporting the food and displays this in terms of how many trees would be required to offset that carbon over one [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Meet the Food You Eat" href="http://www.localhiddenvariable.com/meet-the-food-you-eat"><img class="alignnone size-full wp-image-35" title="Meet the Food You Eat" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/meetthefoodyoueat.jpg" alt="Meet the Food You Eat" width="800" height="400" /></a></p>
<h3><a title="Meet the Food You Eat" href="http://www.localhiddenvariable.com/meet-the-food-you-eat">Meet the Food You Eat</a></h3>
<p>Meet the Food You Eat uses the metaphor of a mechanical kitchen scale to measure a food product’s environmental impact. It looks at the carbon emitted as a result of transporting the food and displays this in terms of how many trees would be required to offset that carbon over one year. The working physical prototype (built with Arduino, RFID and a hacked digital scale) also addresses the future of grocery shopping and product sustainability in a world of networked objects.</p>
<p><span id="more-34"></span>
<div class="ngg-galleryoverview" id="ngg-gallery-1">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=1&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-11" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/tuiprototypes3.jpg" title="Early paper prototype testing the balance metaphor" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Early paper prototype" alt="Early paper prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_tuiprototypes3.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-9" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/tuiprototypes1.jpg" title="Testing a concept using networked scales" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Early scales prototype" alt="Early scales prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_tuiprototypes1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-10" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/tuiprototypes2.jpg" title="Testing the metaphor of hanging scales" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Early hanger prototype" alt="Early hanger prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_tuiprototypes2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-12" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/tuiprototypesv21.jpg" title="A more robust prototype that we tested with fellow classmates" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Early prototype" alt="Early prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_tuiprototypesv21.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-13" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/tuiprototypesv22.jpg" title="Building a mechanical scale out of foam-core" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Prototyping the mechanics" alt="Prototyping the mechanics" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_tuiprototypesv22.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-14" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/tuiprototypesv23.jpg" title="Testing the stepper motor in a version of our final acrylic prototype" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Producing the final prototype" alt="Producing the final prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_tuiprototypesv23.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-17" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/soldering.jpg" title="Eilidh soldering the final circuit board" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Soldering" alt="Soldering" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_soldering.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-16" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/circuits.jpg" title="The final circuit board and Arduino was housed in a separate box with wires running to the scale" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Circuit board" alt="Circuit board" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_circuits.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-15" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/meetthefoodyoueat1.jpg" title="The final prototype with trees and RFID tagged food" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Final prototype" alt="Final prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_meetthefoodyoueat1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-7" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/scale_arm_trees.jpg" title="Trees are laser cut acrylic with a glass base housing metal weights. They sit on top of a load cell sensor taken from a hacked digital scale bought at Ikea" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Tree shaped weights" alt="Tree shaped weights" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_scale_arm_trees.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-8" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/scale_final_1.jpg" title="The final scale made for a nice interactive exhibition peace" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="Final exhibition" alt="Final exhibition" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_scale_final_1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-18" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/tv2.jpg" title="As part of the NEXT Exhibition, our project was featured on Good Morning Denmark" class="thickbox" rel="meet-the-food-you-eat" >
				<img title="On TV2" alt="On TV2" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/meet-the-food-you-eat/thumbs/thumbs_tv2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p><strong>How it works</strong></p>
<p>The scale works by looking at the carbon emitted by transporting a particular product from it’s country of origin to Denmark. Place an RFID tagged food product on the appropriate arm and try to balance the scale with the tree shaped weights. The amount of trees used to balance the scale represents the number of actual trees it would take to offset that product’s carbon emissions over one year. Compare different countries or methods of transportation by swapping food items on the scale.</p>
<p><strong>Background</strong></p>
<p>Meet the Food You Eat was created during the four week <a title="Course overview at the Pilot Year gallery" href="http://dkds.ciid.dk/py/tangible-user-interface/overview/">Tangible User Interface</a> course taught by Heather Martin at CIID. Given the theme, <em>networking the everyday</em>, my teammates and I were interested in how people could make more informed decisions in their daily routines when everyday objects were networked to the internet.</p>
<p>Drawing on various <a title="Early resources on my blog" href="http://www.localhiddenvariable.com/ciid/networking-the-everyday-resources/">resources</a> and <a title="Early inspirations on my blog" href="http://www.localhiddenvariable.com/ciid/networking-the-everyday-inspiration/">inspirations</a> related to TUI, networked objects and personal informatics, we chose to use weight as a metaphor for interacting with data around the context of <a title="Product sustainability resources from my blog" href="http://www.localhiddenvariable.com/ciid/product-sustainability-resources/">product sustainability</a>.</p>
<p><em>Just-enough-prototyping</em> was the key learning from this project. Using the scale as a <a title="Find the right metaphor on my blog" href="http://www.localhiddenvariable.com/ciid/finding-the-right-metaphor/">metaphor </a>proved to be tricky as people’s mental models differed more than we anticipated. We also needed a strong visual symbol that would communicate a product’s environmental impact. Placing various <a title="Some early prototype from my blog" href="http://www.localhiddenvariable.com/ciid/networking-the-everyday-first-prototypes/">cardboard prototypes</a> in front of our classmates helped us solve many problems before we started building the final prototype.</p>
<p><strong>Team members</strong></p>
<p><a title="Eilidh Dickson" href="http://lovelearn.wordpress.com">Eilidh Dickson</a><br />
<a title="Siddharth Muthyala" href="http://www.siddharthmuthyala.com">Siddharth Muthyala</a></p>
<p><strong>Personal contribution</strong></p>
<p>Conceptual development, research on carbon emissions, electronic prototyping, programming</p>
<p><strong>Honors</strong></p>
<p>Invited to exhibit at <a title="NEXT" href="http://www.innovationlab.dk/da/next">NEXT Exhibition/Conference</a> in Arhus, Denmark<br />
Invited to participate in the <a title="Pervasive Shopping" href="http://pervasiveshopping.wordpress.com/">Pervasive Shopping Workshop</a> at Pervasive 2009 in Nara, Japan</p>
<p><object width="400" height="308" data="http://vimeo.com/moogaloop.swf?clip_id=3158925&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&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=3158925&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<span class="articlecaption">Demo of working prototype</span></p>
<p><object width="400" height="321" data="http://vimeo.com/moogaloop.swf?clip_id=3519195&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&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=3519195&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<span class="articlecaption">Prototyping montage edited by Eilidh Dickson</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/meet-the-food-you-eat/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Green House CPH</title>
		<link>http://www.localhiddenvariable.com/portfolio/green-house-cph/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/green-house-cph/#comments</comments>
		<pubDate>Wed, 06 May 2009 17:34:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[CIID]]></category>

		<category><![CDATA[Scenario Design]]></category>

		<category><![CDATA[Service Design]]></category>

		<category><![CDATA[Sustainability]]></category>

		<category><![CDATA[UI Design]]></category>

		<category><![CDATA[User Research]]></category>

		<category><![CDATA[Video]]></category>

		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=30</guid>
		<description><![CDATA[
Green House CPH
As a collaboration with Intel, this student project explored the role of emerging smart grid technology in the context of social computing and personal energy consumption. Green House CPH is a hypothetical government program that provides rebates on energy bills to residents of apartment buildings who can work together to lower their building’s [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Green House CPH" href="http://www.localhiddenvariable.com/green-house-cph"><img class="alignnone size-full wp-image-31" title="Green House CPH" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/greenhousecph.jpg" alt="Green House CPH" width="800" height="400" /></a></p>
<h3><a title="Green House CPH" href="http://www.localhiddenvariable.com/green-house-cph">Green House CPH</a></h3>
<p>As a collaboration with Intel, this student project explored the role of emerging smart grid technology in the context of social computing and personal energy consumption. Green House CPH is a hypothetical government program that provides rebates on energy bills to residents of apartment buildings who can work together to lower their building’s overall energy use. We communicated this concept through a video scenario in the form of a mock user research study.</p>
<p><span id="more-30"></span><object width="800" height="451" data="http://vimeo.com/moogaloop.swf?clip_id=3423797&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=3423797&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<span class="articlecaption">Final video scenario</span></p>
<p><strong>Background</strong></p>
<p>The theme of this <a title="Industry Project on the Pilot Year website" href="http://dkds.ciid.dk/py/industry-project-intel/overview/">two week industry project</a> was <em><a title="Thoughts on social computing from my blog" href="http://www.localhiddenvariable.com/ciid/social-computing-without-the-computers/">Social Computing</a> &amp; <a title="Thoughts on sustainability from my blog" href="http://www.localhiddenvariable.com/ciid/interaction-design-and-sustainability/">Sustainability</a></em> and our group focused on the social collective that is residents of an apartment building. We began our research by speaking to inhabitants of different types of apartment buildings in Copenhagen and we learned that people do not care about their neighbors energy consumption because it does not affect them financially.</p>
<p>We brainstormed concepts that would address the question “what incentives are there for an apartment building as a whole to be energy efficient?” but soon realized we needed a systemic change or a large incentive that the government could provide. With that, we decided to consider what would happen if the government rewarded the residents of an apartment building when their entire building met certain energy efficiency standards.</p>
<p>We came up with the concept for Green House CPH, a government sponsored rebate plan for individuals who could work together to decrease the overall energy consumption of their entire building. We sketched out scenarios and touch points that took advantage of emerging smart grid technology, current social web applications, mobile phones, and more. Through our video scenario, set one year after Green House CPH is launched, we looked at new behavioral changes and incentives behind apartment hunting.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-3">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=3&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-21" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/norrebronx.jpg" title="One apartment building we visited in the Nørrebro section of Copenhagen" class="thickbox" rel="green-house-cph" >
				<img title="Nørrebronx" alt="Nørrebronx" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/thumbs/thumbs_norrebronx.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-19" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/drawings2.jpg" title="The final concept was inspired from a number of ideas during an intensive brainstorming session" class="thickbox" rel="green-house-cph" >
				<img title="Brainstorming" alt="Brainstorming" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/thumbs/thumbs_drawings2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-22" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/storyboard2.jpg" title="Storyboards and user scenarios were used to develop the concept" class="thickbox" rel="green-house-cph" >
				<img title="Future scenario" alt="Future scenario" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/thumbs/thumbs_storyboard2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-20" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/map.jpg" title="This video still shows the Green House CPH city map that allows citizens to see the energy consumption of apartment blocks around the city" class="thickbox" rel="green-house-cph" >
				<img title="Screenshot" alt="Screenshot" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/green-house-cph/thumbs/thumbs_map.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><strong>Team members</strong></p>
<p><a title="Jacob Sikker Remin" href="http://www.campingsex.org/">Jacob Sikker Remin</a><br />
Yu-Min Chen (Yves)</p>
<p><strong>Personal contribution</strong></p>
<p>Conceptual development, storyboards, webpage design, acting</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/green-house-cph/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Travel Global &#124; Read Local</title>
		<link>http://www.localhiddenvariable.com/portfolio/travel-global-read-local/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/travel-global-read-local/#comments</comments>
		<pubDate>Wed, 06 May 2009 17:26:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[CIID]]></category>

		<category><![CDATA[Prototyping]]></category>

		<category><![CDATA[Scenario Design]]></category>

		<category><![CDATA[Service Design]]></category>

		<category><![CDATA[UI Design]]></category>

		<category><![CDATA[User Research]]></category>

		<category><![CDATA[Video]]></category>

		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=25</guid>
		<description><![CDATA[
Travel Global &#124; Read Local
Travel Global &#124; Read Local is a service designed for the Libraries of Denmark to offer in conjunction with local hotels. It aims to position the libraries as leaders in promoting Danish culture and knowledge by making their services available to everyone. At the same time, Travel Global &#124; Read Local [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.localhiddenvariable.com/travel-global-read-local"><img class="alignnone size-full wp-image-27" title="Travel Global | Read Local" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/travelglobalreadlocal.jpg" alt="Travel Global | Read Local" width="800" height="400" /></a></p>
<h3><a href="http://www.localhiddenvariable.com/travel-global-read-local">Travel Global | Read Local</a></h3>
<p>Travel Global | Read Local is a service designed for the Libraries of Denmark to offer in conjunction with local hotels. It aims to position the libraries as leaders in promoting Danish culture and knowledge by making their services available to everyone. At the same time, Travel Global | Read Local allows hotels to serve their guests in new ways and allows guests to have a more meaningful experience during their visit in Denmark.</p>
<p><span id="more-25"></span><object width="601" height="406" data="http://vimeo.com/moogaloop.swf?clip_id=4011742&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=4011742&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<span class="articlecaption">Final video scenario</span></p>
<p><strong>Background</strong></p>
<p>Travel Global | Read Local is a student project created during the five week <em>New Library Experiences</em> service design course led by Simona Maschi (CIID) and Brian Rink (IDEO).  Defining contexts and design challenges, experimenting with user research methods, concept development and experience prototyping were all key learnings from this project.</p>
<p>We spoke with experts to gain knowledge in current trends, challenges and other issues facing libraries in Denmark and used card-sorting activities and other <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/user-research-at-the-copenhagen-central-library/">user research methods</a> to help drive conversations with library users. After meeting several foreigners in the library, we became interested in how library services could play a role with people who are visiting (or have just relocated) to Denmark. Most of our <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/user-research-at-the-copenhagen-airport/">subsequent research</a> took place at the airport, tourist information center, hotels and other places where we could meet people who were just arriving in Copenhagen.</p>
<p>After analyzing our insights and identifying concrete <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/from-insights-to-design-challenges/">design challenges</a>, we began an <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/blue-sky-time/">intensive concept generation phase</a>. We made a <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/hotellibrary-service-first-prototype/">rough video prototype</a> of our strongest concept and after some refinement, we made preparations for our <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/experience-prototyping-at-hotel-fox/">experience prototype</a>.</p>
<p><object width="500" height="375" data="http://vimeo.com/moogaloop.swf?clip_id=3849041&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=3849041&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<span class="articlecaption">First video prototype</span></p>
<p>We created an experience prototype with help from Hotel Fox, a boutique lifestyle hotel in Copenhagen. The hotel facilitated a modified version of our book lending service for their guests and by observing this in action, we gained several valuable insights that allowed us to make more iterations to our service before our <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/making-the-second-video-in-one-week/">final video scenario</a>.</p>
<p>The final deliverable consisted of a concept video communicating the service from the points of views of a library employee, hotel employee and visitor to Denmark. For the purpose of experience prototyping and filming the concept video, most service touchpoints were fully mocked up and produced. A final presentation also addressed wider contexts and future scenarios that considered how this service could work when it was extended to stakeholders beyond hotels, and in countries around the world (which was briefly alluded to at the end of our video).</p>

<div class="ngg-galleryoverview" id="ngg-gallery-4">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=4&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-30" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/dsc03414.jpg" title="We asked people to describe what the library meant to them by making simple drawings" class="thickbox" rel="travel-global-read-local" >
				<img title="Initial probes        " alt="Initial probes        " src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_dsc03414.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-27" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/userresearch.jpg" title="We asked people to associate keywords with larger contexts such as the library, bookstores, the web, etc..." class="thickbox" rel="travel-global-read-local" >
				<img title="Card sorting" alt="Card sorting" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_userresearch.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-29" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/backatschool.jpg" title="Back at the studio we made profiles about each person we spoke with" class="thickbox" rel="travel-global-read-local" >
				<img title="Analyzing user insights" alt="Analyzing user insights" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_backatschool.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-26" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/ideas.jpg" title="After defining design challenges, we facilitated brainstorming sessions with our whole class" class="thickbox" rel="travel-global-read-local" >
				<img title="Brainstorming" alt="Brainstorming" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_ideas.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-25" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/firstconcepts.jpg" title="One of the earliest sketches of our hotel concept" class="thickbox" rel="travel-global-read-local" >
				<img title="First concept" alt="First concept" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_firstconcepts.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-60" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/libraryservice1.jpg" title="Low res paper prototypes" class="thickbox" rel="travel-global-read-local" >
				<img title="Early prototype" alt="Early prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_libraryservice1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-61" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/libraryservice2.jpg" title="Low res website prototype" class="thickbox" rel="travel-global-read-local" >
				<img title="Early prototype" alt="Early prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_libraryservice2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-63" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/libraryservice4.jpg" title="&quot;Danish Design Bundle&quot; was one of the options offered by the library in our scenario" class="thickbox" rel="travel-global-read-local" >
				<img title="Design pack" alt="Design pack" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_libraryservice4.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-62" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/libraryservice3.jpg" title="A mock-up of the new library website used in our video scenario" class="thickbox" rel="travel-global-read-local" >
				<img title="Library website" alt="Library website" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_libraryservice3.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-28" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/welcomekit.jpg" title="This Welcome Kit was one of our experience prototype props" class="thickbox" rel="travel-global-read-local" >
				<img title="Welcome kit" alt="Welcome kit" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_welcomekit.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-23" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/filming1.jpg" title="After facilitating our experience prototype, Hotel Fox also allowed us to film our final video concept in their lobby and one of their rooms" class="thickbox" rel="travel-global-read-local" >
				<img title="Filming final concept" alt="Filming final concept" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_filming1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-24" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/filming4.jpg" title="Our final video concept also addressed future services such as partnerships with airlines" class="thickbox" rel="travel-global-read-local" >
				<img title="Filming at airport" alt="Filming at airport" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/travel-global-read-local/thumbs/thumbs_filming4.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p><strong>Team members</strong></p>
<p><a title="Eilidh Dickson" href="http://www.eilidhdickson.co.uk">Eilidh Dickson</a><br />
<a title="Siddharth Muthyala" href="http://www.siddharthmuthyala.com">Siddharth Muthyala</a></p>
<p><strong>Personal contribution</strong></p>
<p>User research, concept development, storytelling and user scenarios, video production, web interfaces</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/travel-global-read-local/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Right Person at the Right Time</title>
		<link>http://www.localhiddenvariable.com/portfolio/right-person-at-the-right-time/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/right-person-at-the-right-time/#comments</comments>
		<pubDate>Tue, 05 May 2009 15:14:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[CIID]]></category>

		<category><![CDATA[Mobile]]></category>

		<category><![CDATA[Prototyping]]></category>

		<category><![CDATA[Scenario Design]]></category>

		<category><![CDATA[UI Design]]></category>

		<category><![CDATA[User Research]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=272</guid>
		<description><![CDATA[
Right Person at the Right Time - Nokia Concepts
As today’s tech savvy youth begin to mature, how will mobile phones support their new needs? These three scenarios for Nokia explore how a growing number of personal communication channels can support young people’s maturing need of being available to the right person at the right time, [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Right Person at the Right Time" href="http://www.localhiddenvariable.com/right-person-at-the-right-time"><img class="alignnone size-full wp-image-277" title="Right Person at the Right Time - Nokia" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/07/nokia2.jpg" alt="Right Person at the Right Time - Nokia" width="800" height="400" /></a></p>
<h3><a title="Right Person at the Right Time" href="http://www.localhiddenvariable.com/right-person-at-the-right-time">Right Person at the Right Time - Nokia Concepts</a></h3>
<p>As today’s tech savvy youth begin to mature, how will mobile phones support their new needs? These three scenarios for Nokia explore how a growing number of personal communication channels can support young people’s maturing need of being available to the right person at the right time, 24 hours a day, while setting clear boundaries between social, personal and professional contexts.</p>
<p><span id="more-272"></span>
<div class="ngg-galleryoverview" id="ngg-gallery-10">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=10&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-72" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/nokia1.jpg" title="One important learning from our user research with young people was how large a role Facebook plays in their personal lives" class="thickbox" rel="nokia" >
				<img title="Field Research" alt="Field Research" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/thumbs/thumbs_nokia1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-73" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/nokia2.jpg" title="After a quick but intense user research phase, each group cross-presented their insights" class="thickbox" rel="nokia" >
				<img title="Sharing Insights" alt="Sharing Insights" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/thumbs/thumbs_nokia2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-74" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/nokia3.jpg" title="Three early concept sketches" class="thickbox" rel="nokia" >
				<img title="Concept Generation" alt="Concept Generation" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/thumbs/thumbs_nokia3.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-76" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/nokia4.jpg" title="Using Flash to prototype interfaces on Nokia phones" class="thickbox" rel="nokia" >
				<img title="Prototyping" alt="Prototyping" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/nokia/thumbs/thumbs_nokia4.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p><strong>Process</strong></p>
<p>Nunzia Coco and I spent two weeks conducting user research, turning insights into projections, generating concepts for mobile phones and producing video scenarios with high resolution prototypes. Our user research took place at a Danish Højskole where we spoke with several 20-year-old students and a local park where we spoke with a couple of young mothers. After a period of initial concept generation, Nunzia and I returned to the Danish Højskole to show the students a prototype demonstrating how “status messages” could work on a mobile phone. This gave us more clarity about refining our concepts and inspiration for our final video scenarios.</p>
<p><strong>Key Insights &amp; Projections</strong></p>
<p><a title="Notes from my blog" href="http://www.localhiddenvariable.com/ciid/a-brief-update-about-some-more-user-research/">Speaking with students</a> taught us a lot about how they multi-task with multiple communication channels. For the most part, these young people were able to effectively manage all their contacts and communication using a variety of channels including SMS, MSN, Facebook, email and more. When speaking to the young mothers, we learned how important it was for them to be connected but not necessarily available. Who they needed to be available to changed throughout the day, as did their preferred methods of communication.</p>
<p><strong>Concepts</strong></p>
<p><object width="600" height="435" data="http://vimeo.com/moogaloop.swf?clip_id=5629466&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=5629466&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p>This scenario explores the idea of using status messages (similar to online chat programs) on mobile phones. In this instance, a girl is setting a status message on her phone to keep friends up-to-date about a party she is planning. Later in the scenario, a friend &#8220;pings&#8221; her to view the current status. When the friend sends a ping to her, he instantly receives an SMS and is able to see the status of the party without bothering the girl.</p>
<p><object width="600" height="435" data="http://vimeo.com/moogaloop.swf?clip_id=5636829&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=5636829&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p>In this scenario we continue to explore the idea of status messages but incorporate gestures, GPS and more. In the video, a man enters his office, which is recognized by the GPS in his phone, and his status is automatically set to being &#8220;at work&#8221;. Placing his phone face up or face down also toggles his status which in turn communicates his current availability to his contacts. For example, when his friend tries to call, she is not able to get through because his phone is placed face down. Instead of leaving a voice message, the friend uses a function in her phone to be reminded when the person she is trying to call becomes available.</p>
<p><object width="600" height="435" data="http://vimeo.com/moogaloop.swf?clip_id=5636940&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=5636940&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p>The third scenario focuses on the interface to envision on how people can be in control of incoming communication while on the go. In this concept, the mobile phone is a central hub that all communication comes through before being redirected to different channels (i.e. email, SMS, voicemail, etc.).</p>
<p><strong>Team members</strong></p>
<p>Nunzia Coco</p>
<p><strong>Personal contribution</strong></p>
<p>User research, concept development, interface design, prototyping with Flash, video scenarios</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/right-person-at-the-right-time/feed/</wfw:commentRss>
		</item>
		<item>
		<title>PhotoCaring</title>
		<link>http://www.localhiddenvariable.com/portfolio/photocaring/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/photocaring/#comments</comments>
		<pubDate>Tue, 05 May 2009 13:36:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[CIID]]></category>

		<category><![CDATA[Elderly]]></category>

		<category><![CDATA[UI Design]]></category>

		<category><![CDATA[User Research]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=39</guid>
		<description><![CDATA[
PhotoCaring
PhotoCaring is a concept design for an interactive surface that displays shared photographs belonging to residents of an elderly home. The photographs are displayed in a gallery format on a wall in one of the home’s common spaces where interacting with and sharing these personal photos will promote social well-being, nurture identity and will provide [...]]]></description>
			<content:encoded><![CDATA[<p><a title="PhotoCaring" href="http://www.localhiddenvariable.com/photocaring"><img class="alignnone size-full wp-image-137" title="PhotoCaring" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/photocaring1.jpg" alt="PhotoCaring" width="800" height="400" /></a></p>
<h3><a title="PhotoCaring" href="http://www.localhiddenvariable.com/photocaring">PhotoCaring</a></h3>
<p>PhotoCaring is a concept design for an interactive surface that displays shared photographs belonging to residents of an elderly home. The photographs are displayed in a gallery format on a wall in one of the home’s common spaces where interacting with and sharing these personal photos will promote social well-being, nurture identity and will provide a sense of home for everyone in the building. Throughout the duration of this project we made visits to several elderly homes around Copenhagen.</p>
<p><span id="more-39"></span>
<div class="ngg-galleryoverview" id="ngg-gallery-5">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=5&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-35" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/user_research_05.jpg" title="Inside an apartment" class="thickbox" rel="photocaring" >
				<img title="User research" alt="User research" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_user_research_05.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-32" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/hallway.jpg" title="Typical hallway at many elderly homes" class="thickbox" rel="photocaring" >
				<img title="Hallway" alt="Hallway" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_hallway.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-38" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/user_research_2.jpg" title="Analyzing insights back at school" class="thickbox" rel="photocaring" >
				<img title="Insights" alt="Insights" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_user_research_2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-37" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/user_research_09.jpg" title="Anne's photo wall helped validate our concept" class="thickbox" rel="photocaring" >
				<img title="Photo wall" alt="Photo wall" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_user_research_09.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-34" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/storyboardphotcaring.jpg" title="A storyboard describing how PhotoCaring works" class="thickbox" rel="photocaring" >
				<img title="Storyboard" alt="Storyboard" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_storyboardphotcaring.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-36" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/user_research_06.jpg" title="Paper prototypes and user testing with Anne" class="thickbox" rel="photocaring" >
				<img title="User testing" alt="User testing" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_user_research_06.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-33" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/photocaringfinal.jpg" title="Final exhibition included an animation, small projection and background information" class="thickbox" rel="photocaring" >
				<img title="Exhibition" alt="Exhibition" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_photocaringfinal.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-31" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/10.jpg" title="Screenshot from final animation" class="thickbox" rel="photocaring" >
				<img title="Screenshot" alt="Screenshot" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/photocaring/thumbs/thumbs_10.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p><strong>Background</strong></p>
<p>PhotoCaring is based on the insights gained from our one week <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/improving-the-elderly-home-experience-user-research-final-presentation/">user research workshop</a> for which we visited <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/user-research-in-copenhagens-elderly-homes/">elderly homes</a> throughout Copenhagen. PhotoCaring was designed to address the following three needs:</p>
<ul>
<li> A need for social interaction amongst the elderly that is based on common interests, experiences and personalities.</li>
<li> A need to maintain personal identity.</li>
<li> A need to create a sense of “home” in the building’s common spaces.</li>
</ul>
<p>During the two week GUI course, the period that this project was produced, we made a subsequent visit to one of the elderly homes. We conducted more specific research around our design concepts and user testing with paper prototypes. Some of our findings included:</p>
<ul>
<li> PhotoCaring was our strongest concept in terms of level of interaction for elderly people</li>
<li> Photos on different subjects proved to be a good conversation starter</li>
<li> Anne discussed her dissatisfaction with paintings hanging on the walls throughout the building</li>
<li> Anne showed us some outdated photos hanging on the hallway wall which contained people no longer living in the building</li>
<li> Anne showed us her own apartment which contained a wall of photos with notes on the back. Anne flipped over her photos to read the notes so that she could tell us where the photos were from.</li>
</ul>
<p>Final deliverables included a presentation in which we supported our concept with insights from our visits to elderly homes, an animation communicating how the interface works and a physical simulation in which we projected photos into picture frames on a wall.</p>
<p><object width="800" height="451" data="http://vimeo.com/moogaloop.swf?clip_id=4613279&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=4613279&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p><strong>Team members</strong></p>
<p>Ashwin Rajan<br />
Jacob Sikker Remin</p>
<p><strong>Personal contribution</strong></p>
<p>User research, concept development, paper prototyping, functional &amp; visual interface designs, Flash animation</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/photocaring/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Message in a Bottle</title>
		<link>http://www.localhiddenvariable.com/portfolio/message-in-a-bottle/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/message-in-a-bottle/#comments</comments>
		<pubDate>Mon, 04 May 2009 15:05:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[Arduino]]></category>

		<category><![CDATA[CIID]]></category>

		<category><![CDATA[Physical Computing]]></category>

		<category><![CDATA[Prototyping]]></category>

		<category><![CDATA[Tangible User Interface]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=44</guid>
		<description><![CDATA[
Message in a Bottle
As an exercise in physical computing, we created a wireless email notification device in the form of a wine bottle. All interaction is done physically and there are no buttons. The concept was to limit our compulsion to obsessively check the computer for new messages while also bringing characteristics of postal mail [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Message in a Bottle" href="http://www.localhiddenvariable.com/message-in-a-bottle"><img class="alignnone size-full wp-image-45" title="Message in a Bottle" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/messageinabottle.jpg" alt="Message in a Bottle" width="800" height="400" /></a></p>
<h3><a title="Message in a Bottle" href="http://www.localhiddenvariable.com/message-in-a-bottle">Message in a Bottle</a></h3>
<p>As an exercise in physical computing, we created a wireless email notification device in the form of a wine bottle. All interaction is done physically and there are no buttons. The concept was to limit our compulsion to obsessively check the computer for new messages while also bringing characteristics of postal mail to the digital world.</p>
<p><span id="more-44"></span><object width="800" height="459" data="http://vimeo.com/moogaloop.swf?clip_id=3066161&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&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=3066161&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object></p>
<p><strong>Background</strong></p>
<p>Message in a Bottle was built during a two week <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/physical-computing/">physical computing workshop</a> led by Massimo Banzi and Gwendolyn Floyd. Through ambient lighting, this wine bottle will display the amount of new emails from a set of specific contacts (i.e. friends from back home) which are defined in the user’s email client. Picking up the bottle will activate an LCD screen with a summary of the most recent message. Turning the bottle upside-down will delete this message from the bottle and load the next one. Once all messages have been read, the LCD screen and ambient light will shut off until new messages are received.</p>
<p>A key learning from <a title="Related blog article" href="http://www.localhiddenvariable.com/ciid/making-the-bottle/">this project</a> was prototyping with <em>smoke-and-mirror</em> techniques. Although the physical interactions with the bottle were fully functional (using Arduino, accelerometers and an LCD screen), the ability to receive emails was never developed. However we still needed to prototype the full experience for an exhibition setting. We accomplished this by building a wireless remote control (a second Arduino, networked with XBee) that could send fake emails to the bottle at any time.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-6">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=6&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-39" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1366.jpg" title="First step was to have all the components working on a breadboard (LCD, LED, Arduino, accelerometer, XBee)" class="thickbox" rel="message-in-a-bottle" >
				<img title="Electronics" alt="Electronics" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1366.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-40" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1428.jpg" title="Ujjval and Alice soldering the final circuit" class="thickbox" rel="message-in-a-bottle" >
				<img title="Soldering" alt="Soldering" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1428.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-41" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1434.jpg" title="The final circuit had to fit inside a wine bottle" class="thickbox" rel="message-in-a-bottle" >
				<img title="Final circuit" alt="Final circuit" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1434.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-44" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1476.jpg" title="Ujjval using the sand blaster to give the wine bottle a semi transparent finish" class="thickbox" rel="message-in-a-bottle" >
				<img title="Sand blasting" alt="Sand blasting" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1476.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-45" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1478.jpg" title="Ujjval working in the glass studio" class="thickbox" rel="message-in-a-bottle" >
				<img title="Drilling glass" alt="Drilling glass" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1478.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-42" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1441.jpg" title="The bottom of the bottle was cut off and later reattached" class="thickbox" rel="message-in-a-bottle" >
				<img title="Almost done" alt="Almost done" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1441.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-43" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1450.jpg" title="The final prototype, fully functional except for network connection" class="thickbox" rel="message-in-a-bottle" >
				<img title="Test final prototype" alt="Test final prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1450.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-46" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/dsc_1516.jpg" title="During the exhibition, we used a wireless remote to send fake emails to the bottle" class="thickbox" rel="message-in-a-bottle" >
				<img title="Presentation" alt="Presentation" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/message-in-a-bottle/thumbs/thumbs_dsc_1516.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p><strong>Team members</strong></p>
<p>Alice Pintus<br />
Ujjval Panchal</p>
<p><strong>Personal contribution</strong></p>
<p>Concept development, electronics, programming</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/message-in-a-bottle/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Adam Little</title>
		<link>http://www.localhiddenvariable.com/portfolio/hello-world/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/hello-world/#comments</comments>
		<pubDate>Mon, 04 May 2009 14:33:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=1</guid>
		<description><![CDATA[Hello! My name is Adam Little and I am an interaction designer who enjoys human centered design in collaborative, multicultural and cross disciplinary teams. I recently graduated from the Interaction Design Pilot Year, a Master&#8217;s level education at the Copenhagen Institute of Interaction Design in partnership with the Danish Design School.
I am interested in designing [...]]]></description>
			<content:encoded><![CDATA[<p><em>Hello!</em> My name is Adam Little and I am an interaction designer who enjoys human centered design in collaborative, multicultural and cross disciplinary teams. I recently graduated from the <a title="Interaction Design Pilot Year" href="http://ciid.dkds.dk/">Interaction Design Pilot Year</a>, a Master&#8217;s level education at the <a title="CIID" href="http://ciid.dk/">Copenhagen Institute of Interaction Design</a> in partnership with the <a href="http://dkds.dk">Danish Design School</a>.</p>
<p>I am interested in designing people-friendly products, services &amp; software and strategies that apply innovative technology to everyday life in meaningful ways.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/hello-world/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Prototypes as Games</title>
		<link>http://www.localhiddenvariable.com/portfolio/prototypes-as-games/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/prototypes-as-games/#comments</comments>
		<pubDate>Sun, 03 May 2009 19:24:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[Flash]]></category>

		<category><![CDATA[Game]]></category>

		<category><![CDATA[Physical Computing]]></category>

		<category><![CDATA[Processing]]></category>

		<category><![CDATA[Prototyping]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=232</guid>
		<description><![CDATA[
Prototypes as Games

If you are going to get your hands dirty with a new technology, why not make a game? Here are experiments with computer vision, interactive surfaces and Processing that all took the form of simple, playful games.

Reactivision Pilot Mixer
As an experiment in prototyping interactive, touch-screen surfaces with ReacTIVision, we designed a Flash game [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Prototypes as Games" href="http://www.localhiddenvariable.com/prototypes-as-games"><img class="alignnone size-full wp-image-233" title="Gaming Prototypes" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/06/game_prototypes.jpg" alt="Gaming Prototypes" width="800" height="401" /></a></p>
<h3><a title="Prototypes as Games" href="http://www.localhiddenvariable.com/prototypes-as-games">Prototypes as Games<br />
</a></h3>
<p>If you are going to get your hands dirty with a new technology, why not make a game? Here are experiments with computer vision, interactive surfaces and Processing that all took the form of simple, playful games.</p>
<p><span id="more-232"></span></p>

<div class="ngg-galleryoverview" id="ngg-gallery-8">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=8&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-57" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/storyboards.jpg" title="Face-Off storyboards" class="thickbox" rel="prototypes-as-games" >
				<img title="Face-Off storyboards" alt="Face-Off storyboards" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_storyboards.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-50" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/adamtestinggame.jpg" title="Adam testing game with laptop webcam" class="thickbox" rel="prototypes-as-games" >
				<img title="Adam testing game with laptop webcam" alt="Adam testing game with laptop webcam" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_adamtestinggame.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-55" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/picture-3.png" title="Screenshot of early Face-Off prototype" class="thickbox" rel="prototypes-as-games" >
				<img title="Screenshot of early Face-Off prototype" alt="Screenshot of early Face-Off prototype" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_picture-3.png" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-51" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/dsc04773.jpg" title="Adam &amp; Nunzia testing Face-Off prototype" class="thickbox" rel="prototypes-as-games" >
				<img title="Adam &amp; Nunzia testing Face-Off" alt="Adam &amp; Nunzia testing Face-Off" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_dsc04773.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-52" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/face-jams-josh.jpg" title="Josh &amp; James playing Face-Off during exhibition" class="thickbox" rel="prototypes-as-games" >
				<img title="Josh &amp; James playing Face-Off" alt="Josh &amp; James playing Face-Off" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_face-jams-josh.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-58" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/face-off.jpg" title="Face-Off wall projection" class="thickbox" rel="prototypes-as-games" >
				<img title="Face-Off" alt="Face-Off" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_face-off.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-53" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/img_2699.jpg" title="Pilot Mixer surface with fiducials" class="thickbox" rel="prototypes-as-games" >
				<img title="Pilot Mixer table" alt="Pilot Mixer table" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_img_2699.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-54" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/img_2701.jpg" title="Pilot Mixer Fiducials used to interact with table surface" class="thickbox" rel="prototypes-as-games" >
				<img title="Pilot Mixer Fiducials" alt="Pilot Mixer Fiducials" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_img_2701.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-56" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/reactivision.jpg" title="People playing the Pilot Mixer" class="thickbox" rel="prototypes-as-games" >
				<img title="Playing with Pilot Mixer" alt="Playing with Pilot Mixer" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_reactivision.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-59" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/reactivision_game.jpg" title="Pilot-Mixer screenshot" class="thickbox" rel="prototypes-as-games" >
				<img title="Pilot-Mixer screenshot" alt="Pilot-Mixer screenshot" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/prototypes-as-games/thumbs/thumbs_reactivision_game.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><strong>Reactivision Pilot Mixer</strong></p>
<p>As an experiment in prototyping interactive, touch-screen surfaces with <a title="ReacTIVision" href="http://reactivision.sourceforge.net/">ReacTIVision</a>, we designed a Flash game that allows people to mix the body parts of all the Pilot Year students.</p>
<p><object width="600" height="333"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3066223&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3066223&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="333"></embed></object></p>
<p><strong>Face-Off</strong></p>
<p>An experiment with computer vision resulted in another Flash game in which two people dancing must work together to keep the music going. Two players face a webcam which projects an image of themselves in the wall in front of them. The players take turns dancing, but if one of them dances at the wrong time then the song starts over.</p>
<p><object width="600" height="333"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3066196&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3066196&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="333"></embed></object></p>
<p><strong>Wii Voodoo</strong></p>
<p>An experiment in using a Nintendo Wii controller as input for a computer. I used Processing to create a simple application that allows users to control a video of myself. By moving the Nintendo Wii controller from side to side, users can physically move me in my seat. Unexpectedly, a sort of game emerged to see who can make me sit up straight and eat my food.</p>
<p><object width="550" height="415"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3524546&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3524546&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="415"></embed></object></p>
<p><strong>Team members</strong></p>
<p>Ashwin Rajan, Eilidh Dickson, Erlend Kyte, Francesco Mondelli, Hung-Lin Hsu, Magnus Bendtsen, Nina Christoffersen, Nunzia Coco, Tobias Toft<a title="Siddharth Muthyala" href="http://www.siddharthmuthyala.com"></a></p>
<p><strong>Personal contribution</strong></p>
<p>Concept development, light programming with ActionScript and Processing</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/prototypes-as-games/feed/</wfw:commentRss>
		</item>
		<item>
		<title>PEPY</title>
		<link>http://www.localhiddenvariable.com/portfolio/pepy/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/pepy/#comments</comments>
		<pubDate>Sun, 03 May 2009 15:31:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[UI Design]]></category>

		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=52</guid>
		<description><![CDATA[
PEPY
PEPY is a grassroots NGO dedicated to sustainable tourism and educational development in rural Cambodia. I spent two months at their Phnom Penh office working to launch a new website promoting their adventure bicycle treks and a social network to keep past participants and volunteers involved in the amazing work PEPY does throughout Cambodia.

PEPY supports [...]]]></description>
			<content:encoded><![CDATA[<p><a title="PEPY" href="http://www.localhiddenvariable.com/pepy"><img class="alignnone size-full wp-image-53" title="PEPY" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/pepy.jpg" alt="PEPY" width="800" height="400" /></a></p>
<h3><a title="PEPY" href="http://www.localhiddenvariable.com/pepy">PEPY</a></h3>
<p>PEPY is a grassroots NGO dedicated to sustainable tourism and educational development in rural Cambodia. I spent two months at their Phnom Penh office working to launch a new website promoting their adventure bicycle treks and a social network to keep past participants and volunteers involved in the amazing work PEPY does throughout Cambodia.</p>
<p><span id="more-52"></span><img class="alignnone size-full wp-image-155" title="PEPY Tours homepage" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/pepyscreen1.jpg" alt="PEPY Tours homepage" width="700" height="503" /></p>
<p>PEPY supports their educational projects with money raised through bicycle treks that combine adventure and volunteering. This sustainable tourism venture was growing and needed it&#8217;s own website, so I helped them launch <a title="PEPY Tours" href="http://www.pepytours.com">pepytours.com</a>.</p>
<p><img class="alignnone size-full wp-image-156" title="PEPY Tours CMS" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/pepyscreen2.jpg" alt="PEPY Tours CMS" width="700" height="507" /></p>
<p>The staff responsible for PEPY&#8217;s bicycle tours is made of volunteers that stay for 6 month internships. With such high turnover, they needed a website that was easy to update. They also needed something cheap. PEPYTours.com was built with Joomla, an open source CMS.</p>
<p><img class="alignnone size-full wp-image-157" title="PEPY social network on Ning" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/pepyscreen3.jpg" alt="PEPY social network on Ning" width="700" height="502" /></p>
<p>With so many volunteers and bicycle riders coming to Camboida to contribute to PEPY&#8217;s educational projects, they also needed a forum for sharing stories and staying in touch. We used a free, online service called Ning to launch a customized social network named <a title="The PEPY People Network" href="http://pepyride.ning.com/">The PEPY People Network</a>. It now has more than 200 members with hundreds of photos and frequently updated blog posts. Because of so many great stories being shared by past participants, The PEPY People Network was made public and now serves as a tool to attract new people to Cambodia.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/pepy/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Fah Diow Foundation</title>
		<link>http://www.localhiddenvariable.com/portfolio/fah-diow-foundation/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/fah-diow-foundation/#comments</comments>
		<pubDate>Sat, 02 May 2009 15:25:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[UI Design]]></category>

		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=48</guid>
		<description><![CDATA[
Fah Diow Foundation
Fah Diow is a non-profit organization that works with communities in Southern Thailand. Working from their Krabi office, it was my duty to review and redevelop the Fah Diow website in association with members of its Thai team, provide in house training on digital media development and provide technical and creative support for [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Fah Diow Foundation" href="http://www.localhiddenvariable.com/fah-diow-foundation"><img class="alignnone size-full wp-image-49" title="Fah Diow Foundation" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/fahdiow.jpg" alt="Fah Diow Foundation" width="800" height="400" /></a></p>
<h3><a title="Fah Diow Foundation" href="http://www.localhiddenvariable.com/fah-diow-foundation">Fah Diow Foundation</a></h3>
<p>Fah Diow is a non-profit organization that works with communities in Southern Thailand. Working from their Krabi office, it was my duty to review and redevelop the Fah Diow website in association with members of its Thai team, provide in house training on digital media development and provide technical and creative support for Fah Diow&#8217;s community based digital photography and digital video projects.</p>
<p><span id="more-48"></span>
<div class="ngg-galleryoverview" id="ngg-gallery-9">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=9&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-64" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_1168.jpg" title="Young students drawing at the Youth Alert workshop in Ao Nang" class="thickbox" rel="fahdiow" >
				<img title="Students at workshop" alt="Students at workshop" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_1168.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-65" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_1318.jpg" title="Young students taking photos on Koh Phi Phi" class="thickbox" rel="fahdiow" >
				<img title="Students taking photos" alt="Students taking photos" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_1318.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-66" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_1749.jpg" title="Student outside a classroom at Laem Tong" class="thickbox" rel="fahdiow" >
				<img title="Thai Classroom" alt="Thai Classroom" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_1749.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-67" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_1863.jpg" title="Jiab during a Youth Alert workshop" class="thickbox" rel="fahdiow" >
				<img title="Jiab leading workshop" alt="Jiab leading workshop" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_1863.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-68" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_1933.jpg" title="Eddie following young students as they show him areas surrounding their school" class="thickbox" rel="fahdiow" >
				<img title="Eddie following children" alt="Eddie following children" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_1933.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-69" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_2308.jpg" title="Yuth and students presenting a map of their village to the local community" class="thickbox" rel="fahdiow" >
				<img title="Yuth and students" alt="Yuth and students" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_2308.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-70" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_2507.jpg" title="A staged photo taken for the CHARM Project about coastal habitats in Southern Thailand" class="thickbox" rel="fahdiow" >
				<img title="CHARM Project Photo" alt="CHARM Project Photo" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_2507.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-71" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/img_1092.jpg" title="Yod working with students at a Youth Alert workshop" class="thickbox" rel="fahdiow" >
				<img title="Yod working with students" alt="Yod working with students" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/fahdiow/thumbs/thumbs_img_1092.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
<p>I helped launch a new website for the <a title="Fah Diow Foundation" href="http://fahdiow.net/">Fah Diow Foundation</a>, focusing on the work that they do with children and teachers in communities around Souther Thailand. Other responsibilites included helping local staff with skills around digital media such as video editing, digital photography, blogging and using web based tools (Flickr, YouTube, etc.).</p>
<p><img class="alignnone size-full wp-image-160" title="Fah Diow homepage" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/fahdiow1.jpg" alt="Fah Diow homepage" width="700" height="503" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/fah-diow-foundation/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Record Player Drawings</title>
		<link>http://www.localhiddenvariable.com/portfolio/record-player-drawings/</link>
		<comments>http://www.localhiddenvariable.com/portfolio/record-player-drawings/#comments</comments>
		<pubDate>Fri, 01 May 2009 16:07:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[projects]]></category>

		<category><![CDATA[Drawing]]></category>

		<category><![CDATA[Generative]]></category>

		<guid isPermaLink="false">http://www.localhiddenvariable.com/?p=56</guid>
		<description><![CDATA[
Record Player Drawings
A series of generative drawings created with modified turntables. While one turntable plays a record, a second turntable simultaneously makes a pencil drawing based on the grooves in the record being spun. The idea was to take a person’s favorite record and then give them a drawing of it.

Click thumbnail to view larger [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Record Player Drawings" href="http://www.localhiddenvariable.com/record-player-drawings/"><img class="alignnone size-full wp-image-57" title="Record Player Drawings" src="http://www.localhiddenvariable.com/wp-content/uploads/2009/05/recordplayerdrawing.jpg" alt="Record Player Drawings" width="800" height="400" /></a></p>
<h3><a title="Record Player Drawings" href="http://www.localhiddenvariable.com/record-player-drawings/">Record Player Drawings</a></h3>
<p>A series of generative drawings created with modified turntables. While one turntable plays a record, a second turntable simultaneously makes a pencil drawing based on the grooves in the record being spun. The idea was to take a person’s favorite record and then give them a drawing of it.</p>
<p><span id="more-56"></span>
<div class="ngg-galleryoverview" id="ngg-gallery-7">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="/feed/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.localhiddenvariable.com/portfolio/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=7&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-48" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/record-player-drawings/record1.jpg" title="Two turntables were connected so that the arms moved together" class="thickbox" rel="record-player-drawings" >
				<img title="Turntables" alt="Turntables" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/record-player-drawings/thumbs/thumbs_record1.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-49" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/record-player-drawings/record2.jpg" title="A pencil was at the end of one arm" class="thickbox" rel="record-player-drawings" >
				<img title="Pencil" alt="Pencil" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/record-player-drawings/thumbs/thumbs_record2.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-47" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/record-player-drawings/artshow_03.jpg" title="An exhibition with some friends" class="thickbox" rel="record-player-drawings" >
				<img title="Exhibit" alt="Exhibit" src="http://www.localhiddenvariable.com/portfolio/wp-content/gallery/record-player-drawings/thumbs/thumbs_artshow_03.jpg" width="190" height="150" />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
<p><span class="articlecaption">Click thumbnail to view larger image</span></p>
<p>These drawings were made by connecting the arms of the two turntables with hinges from a pantograph. I made four drawings, sides A + B of the Rocky soundtrack and sides A + B of the Beverly Hills Cop soundtrack.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.localhiddenvariable.com/portfolio/record-player-drawings/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
