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

<channel>
	<title>Eugene Siew</title>
	<atom:link href="http://www.eugenesiew.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.eugenesiew.com</link>
	<description>The portal to the Experience Designer and Fusion Production sites</description>
	<lastBuildDate>Sun, 05 Jun 2011 19:51:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>NIRD</title>
		<link>http://www.eugenesiew.com/nird/</link>
		<comments>http://www.eugenesiew.com/nird/#comments</comments>
		<pubDate>Thu, 24 Feb 2011 21:12:11 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[dpm]]></category>
		<category><![CDATA[erik]]></category>
		<category><![CDATA[model]]></category>
		<category><![CDATA[nird]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[theory]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=105</guid>
		<description><![CDATA[We came up with a Design Process Model that would help designers integrate reflection into their daily practice.]]></description>
			<content:encoded><![CDATA[<p>We came up with a Design Process Model called <strong>NIRD</strong> &#8211; a <strong>N</strong>on-obtrusive way to <strong>I</strong>ntegrate <strong>R</strong>eflection into <strong>D</strong>aily practice. This was a collaboration with <a href="http://www.annaeaglin.com" target="_blank">Anna Eaglin</a>, <a href="http://bash.am/" target="_blank">Chris Basham</a>, and <a href="http://www.xiyingwang.com/" target="_blank">Xiying Wang</a>.</p>
<p><strong>The Problem</strong></p>
<p>According to Donald Schön, being reflective about the decisions you make as a designer helps a person understand why they do what they do, and it also helps them build a repertoire that will aid when encountering new design situations.</p>
<p>However, we found from our primary research that designers understand the value of reflection, but do not reflect because of three main issues:</p>
<ul>
<li>They are not sure <strong>when</strong> to reflect</li>
<li>They are not sure <strong>how</strong> to reflect</li>
<li>They are not sure <strong>what</strong> to reflect upon</li>
</ul>
<h4><strong> </strong></h4>
<p>Based on the issues uncovered, we created our solution that had designers reflecting five times a day via short activities.</p>
<ul>
<li><strong>When</strong>: Morning, before lunch, during lunch, after lunch, and at the end of the day (five set times).</li>
<li><strong>How</strong>: Blog post, twitter, text message, post-it note, sketch, video commentary, etc.</li>
<li><strong>What</strong>: The current project.</li>
</ul>
<p>Testing this method ourselves, we found that it <strong>did not work</strong> for the following reasons:</p>
<ul>
<li>The <strong>when</strong> was too structured and did not allow for flexibility</li>
<li>The <strong>how</strong> was too varied and provided too many options</li>
<li>The <strong>what</strong> was too specific; Often projects can move slowly and we found we were struggling to come up with things to reflect upon</li>
</ul>
<p>In order for our model to be successful, the following changes were integrated:</p>
<ul>
<li>The <strong>when</strong> is flexible</li>
<li>The <strong>what</strong> is any event in your life</li>
<li>The <strong>how</strong> is a specific activity</li>
</ul>
<h4><strong> </strong></h4>
<p>Based on our insights, we created a <strong>N</strong>on-obtrusive way to <strong>I</strong>ntegrate <strong>R</strong>eflection into <strong>D</strong>aily practice <strong>(NIRD)</strong>.</p>
<p>Using a pen and a post-it note, the designer keeps a log of any event in their day (personal or professional) in the form of a mind map that grows throughout the day. Then, at the end of the day, an overall reflection can be written on the back of the Post-It.</p>
<p><img title="NIRD Model" src="http://www.annaeaglin.com/wp-content/uploads/2010/12/Screen-shot-2010-12-30-at-2.32.41-PM.png" alt="" width="599" height="442" /></p>
<p>This final incarnation of the model has a very low barrier to entry, is quick and simple, and the materials are ready at hand. The Post-Its can be kept within a notebook or sketch book, daily planner, or organized in many other ways.</p>
<p>We also found this model is flexible enough to allow people to incorporate it into their lives in many different ways. Below are four variations:</p>
<p><img title="Method Variations" src="http://www.annaeaglin.com/wp-content/uploads/2010/12/Screen-shot-2010-12-30-at-2.58.44-PM.png" alt="" width="582" height="435" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/nird/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>After Effects Projects</title>
		<link>http://www.eugenesiew.com/after-effects-projects/</link>
		<comments>http://www.eugenesiew.com/after-effects-projects/#comments</comments>
		<pubDate>Thu, 24 Feb 2011 21:01:35 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[after effects]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[t354]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=104</guid>
		<description><![CDATA[I took a class on Program Graphics and Animation in Spring 2010, and this page showcases some of the projects I created using After Effects.]]></description>
			<content:encoded><![CDATA[<p>I took a class on Program Graphics and Animation in Spring 2010. We explored using Photoshop to create graphics and Final Cut Pro to create basic effects. We spent the bulk of the semester looking at After Effects to create various types of animations. Below are the 3 main projects I created in the class:</p>
<p><object width="950" height="559"><param name="movie" value="http://www.youtube.com/e/QNKEKKcQZog"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/e/QNKEKKcQZog" type="application/x-shockwave-flash" width="950" height="559" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><object width="950" height="559"><param name="movie" value="http://www.youtube.com/e/KZMt_erbm4s"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/e/KZMt_erbm4s" type="application/x-shockwave-flash" width="950" height="559" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><object width="950" height="559"><param name="movie" value="http://www.youtube.com/e/0c5gr0dbElM"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/e/0c5gr0dbElM" type="application/x-shockwave-flash" width="950" height="559" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/after-effects-projects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shoot Now!</title>
		<link>http://www.eugenesiew.com/shoot-now/</link>
		<comments>http://www.eugenesiew.com/shoot-now/#comments</comments>
		<pubDate>Tue, 25 Jan 2011 22:34:19 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[basic principles]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[lulu]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=95</guid>
		<description><![CDATA[I self-published a book on Lulu.com about basic photography principles, using the Canon SD 1200 IS as a model.]]></description>
			<content:encoded><![CDATA[
<a href='http://www.eugenesiew.com/shoot-now/shoot-now-front-cover/' title='Shoot Now Front Cover'><img width="150" height="119" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Shoot-Now-Front-Cover-150x119.jpg" class="attachment-thumbnail" alt="Shoot Now Front Cover" title="Shoot Now Front Cover" /></a>
<a href='http://www.eugenesiew.com/shoot-now/page-3/' title='Page 3'><img width="150" height="119" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Page-3-150x119.jpg" class="attachment-thumbnail" alt="Page 3 from Shoot Now" title="Page 3" /></a>
<a href='http://www.eugenesiew.com/shoot-now/page-4/' title='Page 4'><img width="150" height="119" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Page-4-150x119.jpg" class="attachment-thumbnail" alt="Page 4 from Shoot Now" title="Page 4" /></a>
<a href='http://www.eugenesiew.com/shoot-now/page-7/' title='Page 7'><img width="150" height="119" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Page-7-150x119.jpg" class="attachment-thumbnail" alt="Page 7 from Shoot Now" title="Page 7" /></a>
<a href='http://www.eugenesiew.com/shoot-now/page-10/' title='Page 10'><img width="150" height="119" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Page-10-150x119.jpg" class="attachment-thumbnail" alt="Page 10 from Shoot Now" title="Page 10" /></a>
<a href='http://www.eugenesiew.com/shoot-now/shoot-now-foldout/' title='Shoot Now - Foldout'><img width="150" height="115" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Shoot-Now-Foldout-150x115.jpg" class="attachment-thumbnail" alt="Shoot Now - Foldout" title="Shoot Now - Foldout" /></a>

<p>I self-published a book on <a title="Go to Eugene's Author Spotlight on Lulu.com" href="http://www.lulu.com/spotlight/efusion3atgmaildotcom" target="_blank">Lulu.com</a> about basic photography principles, using the Canon SD 1200 IS as a model. The book is aimed primarily at beginners using point-and-shoot cameras, introducing them to concepts such as:</p>
<ul>
<li>Holding the camera</li>
<li>Focusing</li>
<li>Composition</li>
<li>Positioning</li>
<li>Shooting Indoors and Outdoors (White Balance and Flash control)</li>
<li>Importing and Displaying photos</li>
</ul>
<p>I also created a Letter-sized foldout guide that contains the most salient principles of the book for easy access and referencing while in the field.</p>
<p>The book is available in both print and PDF on <a title="Go to Eugene's Author Spotlight on Lulu.com" href="http://www.lulu.com/spotlight/efusion3atgmaildotcom" target="_blank">Lulu.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/shoot-now/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pirate Navigator</title>
		<link>http://www.eugenesiew.com/pirate-navigator/</link>
		<comments>http://www.eugenesiew.com/pirate-navigator/#comments</comments>
		<pubDate>Sun, 23 Jan 2011 15:05:55 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[experience design]]></category>
		<category><![CDATA[museum exhibit]]></category>
		<category><![CDATA[section 508]]></category>
		<category><![CDATA[video prototype]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=93</guid>
		<description><![CDATA[We designed a museum exhibit that engaged participants in 17th Century navigation techniques. Set in the form of a pirate treasure hunt, participants found artifacts and learned little-known facts about historical pirates. The project took seven weeks to complete.]]></description>
			<content:encoded><![CDATA[<p><a href="#Overview">Overview</a> | <a href="#Team">Team</a> | <a href="#Role">Role &amp; Responsibilities</a> | <a href="#Skills">Skills</a></p>
<p><iframe src="http://player.vimeo.com/video/11462990" width="950" height="534" frameborder="0"></iframe></p>
<h2><a id="Overview" name="Overview"></a>Overview</h2>
<p>We designed a museum exhibit that engaged participants in 17th Century navigation techniques. Set in the form of a pirate treasure hunt, participants found artifacts and learned little-known facts about historical pirates. The project took seven weeks to complete.</p>
<h3>Research</h3>
<p>We started by visiting the <a title="Go to the Children's Museum of Indianapolis website" href="http://www.childrensmuseum.org/" target="_blank">Children&#8217;s Museum of Indianapolis</a> to find out for ourselves what qualities engaging various exhibits had on people. We found that:</p>
<ul>
<li>Immersive environments made for highly-engaging experiences (especially role-playing)</li>
<li>Engaging experiences led to higher educational value</li>
<li>Immersive and engaging experiences were highly enjoyable</li>
</ul>
<p>As this project required full consideration for universal accessibility to our exhibit, we also researched and prototyped three different disabilities (cataracts, tinnitus and ADHD) that each team member would experience in order to draw design insights.</p>
<h3>Concept</h3>
<p>From our observations, we determined that the core of our design would need to be immersive,  enjoyable and educational, as well as incorporate role-play. After brainstorming various themes, we decided to do a pirate treasure hunt using navigational techniques employed by pirates and sailors of the 17th Century.</p>
<h3>First Prototype</h3>
<p>After researching various historical navigation techniques, we made a quick prototype of an indoor exhibit that employed a modified version of &#8220;dead reckoning&#8221;: navigation by &#8220;the stars&#8221; and determining distance by human paces. After several rounds of usability evaluations, we realized that our method would require tools similar to those used in an actual dead reckoning technique, as pacing distances varied from person to person. We also realized that familiarity with the space we were using for our prototype skewed the participant&#8217;s experience.</p>
<h3>Second Prototype</h3>
<p>We decided to provide participants with a compass and a spool of knotted rope (inspired by a <a title="Wikipedia article on Chip Log" href="http://en.wikipedia.org/wiki/Chip_log" target="_blank">chip log</a>) , and relocated our prototype to an outdoor location. We tested two pairs and a group of four to determine collaborative qualities in the experience. The tests were done both in the day and night to determine the prototype&#8217;s feasibility in various lighting conditions.</p>
<p>The results were very favorable; teams enjoyed the experience, and suggested that we expand the scale and difficulty of the treasure hunt, improve initial training of the navigational tools, and introduce mini-puzzles to be solved before revealing clues.</p>
<h2><a id="Team" name="Team"></a>Team</h2>
<p><a title="Go to Chris Basham's website" href="http://bash.am/" target="_blank">Chris Basham</a><br />
Pan Yue</p>
<h2><a id="Role" name="Role"></a>Role &amp; Responsibilities</h2>
<p>Facilitator &#8211; led the team through the design process<br />
Videographer &#8211; shot and edited experience design video</p>
<h2><a id="Skills" name="Skills"></a>Skills</h2>
<p>Ideation<br />
Videography<br />
Photography<br />
Prototyping<br />
Usability testing<br />
Video editing/animation<br />
Presenting</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/pirate-navigator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cultural Probe</title>
		<link>http://www.eugenesiew.com/cultural-probe/</link>
		<comments>http://www.eugenesiew.com/cultural-probe/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 03:36:02 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[cultural probe]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=69</guid>
		<description><![CDATA[For our Interaction Design Methods course at Indiana University, teams were tasked to design a cultural probe to send to a group of elderly citizens in San Francisco. The goal was to understand their beliefs, desires and preferences, in order to aid our design of a public interactive art installation to encourage their engagement with the city's nightlife.]]></description>
			<content:encoded><![CDATA[<p><a href="#Overview">Overview</a> | <a href="#Team">Team</a> | <a href="#Role">Role &amp; Responsibilities</a> | <a href="#Skills">Skills</a></p>
<h2><a id="Overview" name="Overview"></a>Overview</h2>
<p>For our Interaction Design Methods course at Indiana University,  teams were tasked to design a cultural probe to send to a group of  elderly citizens in San Francisco. The goal was to understand their  beliefs, desires and preferences, in order to aid our design of a public  interactive art installation to encourage their engagement with the  city&#8217;s nightlife.</p>
<div class="wp-caption aligncenter" style="width: 250px"><img src="../xd/images/6.%20Cultural%20Probe/Cultural%20Probe-001.jpg" alt="Cultural probe 1" width="240" height="320" /><p class="wp-caption-text">Cultural probe contents. We provided a clay bird house that our audience could paint on as a warm-up to the rest of the probe&#39;s contents, and a packet of toy dinosaurs to encourage whimsical thinking about visiting museums.</p></div>
<div class="wp-caption aligncenter" style="width: 330px"><img src="../xd/images/6.%20Cultural%20Probe/Cultural%20Probe-002.jpg" alt="Cultural probe 2" width="320" height="240" /><p class="wp-caption-text">We provided a specimen thousand dollar bill and asked our audience to write down in the notebook (provided in the probe package) what activities would they engage in if they were in downtown San Francisco at night.</p></div>
<div class="wp-caption aligncenter" style="width: 330px"><img src="../xd/images/6.%20Cultural%20Probe/Cultural%20Probe-003.jpg" alt="Cultural probe 3" width="320" height="240" /><p class="wp-caption-text">Instruction contained within dollar bill</p></div>
<div class="wp-caption aligncenter" style="width: 250px"><img src="../xd/images/6.%20Cultural%20Probe/Cultural%20Probe-004.jpg" alt="Cultural probe 4" width="240" height="320" /><p class="wp-caption-text">We provided a postcard with questions to encourage our audience to respond and mail back to our design team. The questions were: &quot;What place does music have in your life?&quot; and &quot;What is the most important thing in your life?&quot;</p></div>
<div class="wp-caption aligncenter" style="width: 330px"><img src="../xd/images/6.%20Cultural%20Probe/Cultural%20Probe-005.jpg" alt="Cultural probe 5" width="320" height="240" /><p class="wp-caption-text">We provided a set of invitation cards to simulate our audience inviting their friends to an event downtown, and asked who they would invite, and what type of party and activities they would engage in.</p></div>
<h2><a id="Team" name="Team"></a>Team</h2>
<p>Ravikumar Jayaraman<br />
<a href="http://erlipton.com/">Evan Lipton</a></p>
<h2><a id="Role" name="Role"></a>Role &amp; Responsibilities</h2>
<p>Facilitator &#8211; led the team through the design process<br />
Photographer &#8211; documented the team&#8217;s design process through images</p>
<h2><a id="Skills" name="Skills"></a>Skills</h2>
<p>Ideation<br />
Photography<br />
Prototyping<br />
Usability testing<br />
Paper write-up / editing<br />
Presenting</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/cultural-probe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Football Tablet App</title>
		<link>http://www.eugenesiew.com/football-tablet-app/</link>
		<comments>http://www.eugenesiew.com/football-tablet-app/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 03:19:56 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[football]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[rapid]]></category>
		<category><![CDATA[tablet]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=68</guid>
		<description><![CDATA[We designed an application that would allow football coaches to review video clips of previous plays in order to provide richer visual examples as they coach their players. The app would wirelessly download video clips from a central video server to a tablet PC, and both players and coaches can review, pan, zoom, pull up specific information (and related video clips) of a particular player, and annotate information that can be passed around to other team members for quick dissemination of information.]]></description>
			<content:encoded><![CDATA[<p><a href="#Overview">Overview</a> | <a href="#Team">Team</a> | <a href="#Role">Role &amp; Responsibilities</a> | <a href="#Skills">Skills</a> | <a href="#Downloads">Downloads &amp; Links</a></p>
<h2><a id="Overview" name="Overview"></a>Overview</h2>
<p>We designed an application that would allow football coaches to  review video clips of previous plays in order to provide richer visual  examples as they coach their players. The app would wirelessly download  video clips from a central video server to a tablet PC, and both players  and coaches can review, pan, zoom, pull up specific information (and  related video clips) of a particular player, and annotate information  that can be passed around to other team members for quick dissemination  of information.</p>
<p><img src="../xd/images/5.%20Football%20Tablet/Visualization%20Prototype%20Activity-018.jpg" alt="Football tablet first screen" width="320" height="213" /><img src="../xd/images/5.%20Football%20Tablet/Visualization%20Prototype%20Activity-019.jpg" alt="Football tablet second screen" width="320" height="213" /><img src="../xd/images/5.%20Football%20Tablet/Visualization%20Prototype%20Activity-020.jpg" alt="Football tablet final screen" width="320" height="213" /></p>
<p>Progression of screen states for the Football Tablet App</p>
<h2><a id="Team" name="Team"></a>Team</h2>
<p>Ravikumar Jayaraman<br />
<a href="http://erlipton.com/">Evan Lipton</a><br />
Chenchun Lee</p>
<h2><a id="Role" name="Role"></a>Role &amp; Responsibilities</h2>
<p>Photographer &#8211; documented the team&#8217;s design process through images<br />
Usability test facilitator &#8211; conducted the usability test with several users</p>
<h2><a id="Skills" name="Skills"></a>Skills</h2>
<p>Ideation<br />
Photography<br />
Prototyping<br />
Usability testing<br />
Presenting</p>
<h2><a id="Downloads" name="Downloads"></a>Downloads &amp; Links</h2>
<p><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/Footballtablet.pdf"><img class="alignnone size-full wp-image-73" title="Download usability test document" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Adobe-PDF_48.png" alt="Download usability test document" width="48" height="48" /></a>Usability test document</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/football-tablet-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Thermostat (Re-designed)</title>
		<link>http://www.eugenesiew.com/thermostat-re-designed/</link>
		<comments>http://www.eugenesiew.com/thermostat-re-designed/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 03:15:32 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[idp]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[re-design]]></category>
		<category><![CDATA[thermostat]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=67</guid>
		<description><![CDATA[The challenge in this Interaction Design Practice project was to come up with a re-design of the ubiquitous thermostat (hypothetically as a designer for Honeywell) that would allow users to understand and operate it more intuitively.]]></description>
			<content:encoded><![CDATA[<p><a href="#Overview">Overview</a> | <a href="#Team">Team</a> | <a href="#Role">Role &amp; Responsibilities</a> | <a href="#Skills">Skills</a> | <a href="#Downloads">Downloads &amp; Links</a></p>
<h2><a id="Overview" name="Overview"></a>Overview</h2>
<p>The challenge in this Interaction Design Practice project was to come  up with a re-design of the ubiquitous thermostat (hypothetically as a  designer for Honeywell) that would allow users to understand and operate  it more intuitively. Based on our research, we came up with a design  that would incorporate a thumb heat scanner to automatically measure the  user&#8217;s temperature and set the thermostat based on that reading,  aggregated against the user&#8217;s predefined ideal temperature settings and  the current room temperature to prevent wide fluctuations in settings.  In this manner, the design would:</p>
<ul>
<li>Make the user feel that s/he was communicating their desired temperature intuitively to the thermostat</li>
<li>Allow the user to be oblivious of how it works, i.e. take away the need to know how it works</li>
<li>Empower the user to feel that s/he was in control</li>
<li>Prevent the user from practicing &#8220;bad habits&#8221; from their past experiences, e.g. cranking the settings</li>
</ul>
<div class="wp-caption aligncenter" style="width: 330px"><img src="../xd/images/4.%20Thermostat/Thermostat%20initial%20sketch.jpg" alt="Thermostat initial sketch" width="320" height="277" /><p class="wp-caption-text">Thermostat initial sketch</p></div>
<div class="wp-caption aligncenter" style="width: 330px"><img src="../xd/images/4.%20Thermostat/Thermostat%20first%20design.jpg" alt="Thermostat first design" width="320" height="263" /><p class="wp-caption-text">First design</p></div>
<div class="wp-caption aligncenter" style="width: 330px"><img src="../xd/images/4.%20Thermostat/Thermostat%20final%20design.jpg" alt="Thermostat final design" width="320" height="415" /><p class="wp-caption-text">Final design</p></div>
<h2><a id="Team" name="Team"></a>Team</h2>
<p><a href="http://www.marisolvillacres.com/">Marisol Villacres</a></p>
<h2><a id="Role" name="Role"></a>Role &amp; Responsibilities</h2>
<p>Co-designer &#8211; involved in the conceptualization and ideation process<br />
Videographer &#8211; documented usability tests and produced video clips</p>
<h2><a id="Skills" name="Skills"></a>Skills</h2>
<p>Ideation<br />
Videography<br />
Prototyping<br />
Usability testing<br />
Paper write-up / editing<br />
Presenting</p>
<h2><a id="Downloads" name="Downloads"></a>Downloads &amp; Links</h2>
<p><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/Thermostat.pdf"><img class="alignnone size-full wp-image-73" title="Download design document" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Adobe-PDF_48.png" alt="Download design document" width="48" height="48" /></a>Design document</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/thermostat-re-designed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quiz App for the Palm Pre</title>
		<link>http://www.eugenesiew.com/quiz-app-for-the-palm-pre/</link>
		<comments>http://www.eugenesiew.com/quiz-app-for-the-palm-pre/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 03:09:25 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[idp]]></category>
		<category><![CDATA[palm pre]]></category>
		<category><![CDATA[quiz app]]></category>
		<category><![CDATA[section 508]]></category>
		<category><![CDATA[smartphone]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=66</guid>
		<description><![CDATA[This quiz app was one of the design projects in the Interaction Design Practice course at Indiana University. Teams were challenged to come up with a multiple-choice quiz application that would:

    * Facilitate an intuitive means of answer input
    * Provide suitable feedback for the answer
    * Levarage the capabilities of the Palm Pre
    * Comply with Section 508 accessibility guidelines]]></description>
			<content:encoded><![CDATA[<p><a href="#Overview">Overview</a> | <a href="#Team">Team</a> | <a href="#Role">Role &amp; Responsibilities</a> | <a href="#Skills">Skills</a> | <a href="#Downloads">Downloads &amp; Links</a></p>
<h2><a id="Overview" name="Overview"></a>Overview</h2>
<p>This quiz app was one of the design projects in the Interaction  Design Practice course at Indiana University. Teams were challenged to  come up with a multiple-choice quiz application that would:</p>
<ul>
<li>Facilitate an intuitive means of answer input</li>
<li>Provide suitable feedback for the answer</li>
<li>Levarage the capabilities of the Palm Pre</li>
<li>Comply with Section 508 accessibility guidelines</li>
</ul>
<p>We took on the metaphor of a real-world paper quiz and designed an  app that simluated the natural experience of taking a paper-based quiz  with the affordances of a mobile device. We felt that the familiarity  factor would result in greater productivity, and the quick and natural  feel would result in an enjoyable experience.</p>
<p>&nbsp;</p>
<p><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/IDP-Project-2-Meeting-6-001.jpg"><img class="alignnone size-medium wp-image-77" title="IDP Project 2 Meeting 6-001" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/IDP-Project-2-Meeting-6-001-224x300.jpg" alt="Image of Quiz App question screen" width="224" height="300" /></a><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/IDP-Project-2-Meeting-6-002.jpg"><img class="alignnone size-medium wp-image-78" title="IDP Project 2 Meeting 6-002" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/IDP-Project-2-Meeting-6-002-224x300.jpg" alt="Image of Quiz App answer screen" width="224" height="300" /></a><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/IDP-Project-2-Meeting-6-003.jpg"><img class="alignnone size-medium wp-image-79" title="IDP Project 2 Meeting 6-003" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/IDP-Project-2-Meeting-6-003-224x300.jpg" alt="Image of Quiz App feedback screen" width="224" height="300" /></a></p>
<p>Progression of screen states for the Palm Pre Quiz App</p>
<h2><a id="Team" name="Team"></a>Team</h2>
<p>Dan Richert<br />
<a href="http://www.samanthamerritt.com/">Samantha Merritt</a><br />
<a href="http://katieodonnell.com/">Katie O&#8217;Donnell </a></p>
<h2><a id="Role" name="Role"></a>Role &amp; Responsibilities</h2>
<p>Photographer &#8211; documented the team&#8217;s design process through images<br />
Notetaker &#8211; documented team meetings and recorded design decisions</p>
<h2><a id="Skills" name="Skills"></a>Skills</h2>
<p>Ideation<br />
Photography<br />
Prototyping<br />
Usability testing<br />
Paper write-up / editing<br />
Presenting</p>
<h2><a id="Downloads" name="Downloads"></a>Downloads &amp; Links</h2>
<p><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/Quizapp.pdf"><img class="alignnone size-full wp-image-73" title="Download design document" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Adobe-PDF_48.png" alt="Download design document" width="48" height="48" /></a>Design document</p>
<p><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/Quizapp.ppt"><img class="alignnone size-full wp-image-74" title="Download Powerpoint Presentation" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/PowerPnt-48.png" alt="Download Powerpoint Presentation" width="48" height="48" /></a>Presentation</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/quiz-app-for-the-palm-pre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Moogle</title>
		<link>http://www.eugenesiew.com/moogle/</link>
		<comments>http://www.eugenesiew.com/moogle/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 03:01:21 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[crate and barrel]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[idp]]></category>
		<category><![CDATA[mirror]]></category>
		<category><![CDATA[moogle]]></category>
		<category><![CDATA[weasley clock]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=62</guid>
		<description><![CDATA[Moogle is an interactive mirror design as one of the projects for the  Interaction Design Practice course at Indiana University. In this project, teams were tasked to create a digital line of furniture for a  hypothetical partnership between Crate and Barrel and Google.]]></description>
			<content:encoded><![CDATA[<p><a href="#Overview">Overview</a> | <a href="#Team">Team</a> | <a href="#Role">Role &amp; Responsibilities</a> | <a href="#Skills">Skills</a> | <a href="#Downloads">Downloads &amp; Links</a></p>
<h2><a id="Overview" name="Overview"></a>Overview</h2>
<p>Moogle is an interactive mirror design as one of the projects for the  Interaction Design Practice course at Indiana University. In this project, teams were tasked to create a digital line of furniture for a  hypothetical partnership between Crate and Barrel and Google. Inspiration for each team&#8217;s designed was to be derived from the <a href="http://en.wikipedia.org/wiki/Magical_objects_in_Harry_Potter#Weasley_family_clock">Weasley clock</a> (from Harry Potter). Given the context-aware nature of the clock, our team decided on a one-way ambient device that only displayed what loved ones would send to the mirror as information and images input via a web  interface. This information would be represented as floating blobs that  would shrink and fade over time.</p>
<p><center><br />

<object id='monFlash' type='application/x-shockwave-flash' data='http://www.eugenesiew.com/wp-content/plugins/hana-flv-player/template_maxi_1.6.0/template_maxi/player_flv_maxi.swf' width='400' height='330'><param name='movie' value='http://www.eugenesiew.com/wp-content/plugins/hana-flv-player/template_maxi_1.6.0/template_maxi/player_flv_maxi.swf' /><param name='allowFullScreen' value='true' /><param name='wmode' value='transparent'><param name='FlashVars' value='flv=http://www.eugenesiew.com/wp-content/uploads/2011/01/MirrorProject3.flv&amp;width=400&amp;height=330&amp;autoplay=1&amp;autoload=1&amp;loop=1&amp;onclicktarget=_self&amp;showstop=1&amp;showvolume=1&amp;showtime=1&amp;showfullscreen=1&amp;srt=1' />
*Video:moogle mirror

</object><br />
</center></p>
<h2><a id="Team" name="Team"></a>Team</h2>
<p>Holt Ellis<br />
<a href="http://varunkhanduja.com/">Varun Khanduja</a><br />
<a href="http://erlipton.com/">Evan Lipton</a></p>
<h2><a id="Role" name="Role"></a>Role &amp; Responsibilities</h2>
<p>Photographer &#8211; documented the team&#8217;s design process through images<br />
Usability test facilitator &#8211; conducted the usability test with several users</p>
<h2><a id="Skills" name="Skills"></a>Skills</h2>
<p>Ethnography<br />
Interview<br />
Ideation<br />
Sketching<br />
Photography<br />
Paper prototyping<br />
Usability testing<br />
Paper write-up / editing<br />
Presenting</p>
<h2><a id="Downloads" name="Downloads"></a>Downloads &amp; Links</h2>
<p><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/Moogle.ppt"><img class="alignnone size-full wp-image-74" title="Download Powerpoint Presentation" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/PowerPnt-48.png" alt="Download Powerpoint Presentation" width="48" height="48" /></a>Presentation (contains large movie file)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/moogle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.eugenesiew.com/wp-content/uploads/2011/01/MirrorProject3.flv" length="2157309" type="video/x-flv" />
		</item>
		<item>
		<title>WALC (Walking Around the Local Community)</title>
		<link>http://www.eugenesiew.com/walc/</link>
		<comments>http://www.eugenesiew.com/walc/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 02:24:34 +0000</pubDate>
		<dc:creator>Eugene</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[chi]]></category>
		<category><![CDATA[idp]]></category>
		<category><![CDATA[student design competition]]></category>
		<category><![CDATA[walc]]></category>

		<guid isPermaLink="false">http://www.eugenesiew.com/?p=56</guid>
		<description><![CDATA[The WALC (Walking Around the Local Community) system — an incentivized walking system based on local currency programs — was designed for the CHI 2010 Student Design Competition. This community-level system uses portable progress tracking devices, an interactive city display, and community/business integration technologies. It is a unique collection of existing technology components and visual interaction linked by the personal carabiner device that will track the walking progress of the community participants.]]></description>
			<content:encoded><![CDATA[<p><a href="#Overview">Overview</a> | <a href="#Team">Team</a> | <a href="#Role">Role &amp; Responsibilities</a> | <a href="#Skills">Skills</a> | <a href="#Downloads">Downloads &amp; Links</a></p>
<h2><a id="Overview" name="Overview"></a>Overview</h2>
<p>The WALC (Walking Around the Local Community) system — an  incentivized walking system based on local currency programs — was  designed for the <a href="http://www.chi2010.org/authors/cfp-sdc.html">CHI 2010 Student Design Competition</a>.  This community-level system uses portable progress tracking devices, an  interactive city display, and community/business integration  technologies. It is a unique collection of existing technology  components and visual interaction linked by the personal carabiner  device that will track the walking progress of the community  participants.</p>
<p><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/System.jpg"><img class="size-full wp-image-59 alignnone" title="System diagram" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/System.jpg" alt="Diagram of the WALC system" width="320" height="152" /></a><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/board.jpg"><img class="alignnone size-full wp-image-58" title="Interactive board" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/board.jpg" alt="Image of man looking at interactive board" width="320" height="229" /></a><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/bag.jpg"><img class="alignnone size-full wp-image-57" title="Carabiner on bag" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/bag.jpg" alt="Image of carabiner attached to a bag" width="283" height="180" /></a></p>
<p><iframe src="http://player.vimeo.com/video/8687038" width="950" height="534" frameborder="0"></iframe></p>
<h2>Team</h2>
<p><a href="http://www.samanthamerritt.com/">Samantha Merritt</a><br />
Candace Buggs<br />
<a href="http://experiencist.com/">Anthony Nguyen</a></p>
<h2><a id="Role" name="Role"></a>Role &amp; Responsibilities</h2>
<p>Photographer &#8211; documented the team&#8217;s design process through images<br />
Notetaker &#8211; documented team meetings and recorded design decisions</p>
<h2><a id="Skills" name="Skills"></a>Skills</h2>
<p>Ethnography<br />
Ideation<br />
Photography<br />
Prototyping<br />
Usability testing<br />
Paper write-up / editing<br />
Presenting</p>
<h2><a id="Downloads" name="Downloads"></a>Downloads &amp; Links</h2>
<p><a href="../xd/portfolio/1.%20WALC/WALCSystemDesignCompetitionPaper-v4e.pdf"></a><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/WALCSystemDesignCompetitionPaper-v4e.pdf"><img class="alignnone size-full wp-image-73" title="Download CHI Paper" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/Adobe-PDF_48.png" alt="Download CHI Paper" width="48" height="48" /></a> CHI paper</p>
<p><a href="../xd/portfolio/1.%20WALC/WALC.ppt"></a><a href="http://www.eugenesiew.com/wp-content/uploads/2011/01/WALC.ppt"><img class="alignnone size-full wp-image-74" title="Download Powerpoint Presentation" src="http://www.eugenesiew.com/wp-content/uploads/2011/01/PowerPnt-48.png" alt="Download Powerpoint Presentation" width="48" height="48" /></a> Presentation</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eugenesiew.com/walc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: basic
Database Caching using disk: basic
Object Caching 994/1153 objects using disk: basic

Served from: www.eugenesiew.com @ 2012-02-22 23:53:29 -->
