<?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>michelle li &#187; tangible</title>
	<atom:link href="http://michelleli.ca/tag/tangible/feed/" rel="self" type="application/rss+xml" />
	<link>http://michelleli.ca</link>
	<description></description>
	<lastBuildDate>Sun, 20 May 2012 05:57:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Bret Victor&#8217;s Rant of the Future of Interaction Design</title>
		<link>http://michelleli.ca/blog/inspiration/bret-victors-rant-of-the-future-of-interaction-design/</link>
		<comments>http://michelleli.ca/blog/inspiration/bret-victors-rant-of-the-future-of-interaction-design/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 15:54:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[everyday]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1332</guid>
		<description><![CDATA[As a reaction to Microsoft&#8217;s recent future vision video, software engineer (and a former concept designer at Apple) Bret Victor wrote a fantastic post entitled &#8220;A Brief Rant On The Future Of Interaction Design.&#8221; Victor rants that this future vision is not visionary at all. It focuses too much on screen interaction, which is is not [...]]]></description>
			<content:encoded><![CDATA[<p>As a reaction to Microsoft&#8217;s recent <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy55b3V0dWJlLmNvbS93YXRjaD92PWE2Y05kaE9Ld2kw">future vision video</a>, software engineer (and a former concept designer at Apple) <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3dvcnJ5ZHJlYW0uY29tLw==">Bret Victor</a> wrote a fantastic post entitled &#8220;<a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3dvcnJ5ZHJlYW0uY29tL0FCcmllZlJhbnRPblRoZUZ1dHVyZU9mSW50ZXJhY3Rpb25EZXNpZ24v">A Brief Rant On The Future Of Interaction Design</a>.&#8221;</p>
<p>Victor rants that this future vision is not visionary at all. It focuses too much on screen interaction, which is is not that much different from our experience with our current devices. Case in point, look at all these &#8216;future&#8217; interactions in Microsoft&#8217;s concept:</p>
<p><img class="alignnone size-full wp-image-1335" title="MS_future_vision" src="http://michelleli.ca/wp-content/uploads/2011/11/MS_future_vision.png" alt="" width="600" height="295" /></p>
<p>Each one of these scenes involves a flat screen. Yet, Victor also points out (and passionately so) that each interaction touchpoint involves the use of&#8230; hands! As humans, we have not only our fingers but our hands, arms and entire bodies that enable us to manipulate and interact with the natural world and to understand the tactile feedback we receive in return. So why should we be limited to finger pointing on a screen?</p>
<p>He illustrates the many ways in which we can use our hands to manipulate things that we could not possibly express via screen-based interactions:</p>
<p><img class="alignnone size-full wp-image-1334" title="bret_victor_hands" src="http://michelleli.ca/wp-content/uploads/2011/11/bret_victor_hands.jpg" alt="" width="602" height="514" /></p>
<p>Rather than limiting people to finger tapping/swiping, we should be inspired by our own human capabilities to design and enable a richer and more expressive interaction with our future tools.</p>
<blockquote><p>Despite how it appears to the culture at large, technology doesn&#8217;t just <em>happen</em>. It doesn&#8217;t emerge spontaneously, like mold on cheese. Revolutionary technology comes out of long research, and research is performed and funded by inspired people.</p>
<p>And this is my plea — be inspired by the untapped potential of human capabilities. Don&#8217;t just extrapolate yesterday&#8217;s technology and then cram people into it. [...] Pictures Under Glass is old news. Let&#8217;s start using our hands.</p></blockquote>
<p>Victor ends with a question that nicely sums up his entire point:</p>
<blockquote><p>With an entire body at your command, do you seriously think the Future Of Interaction should be a <em>single finger?</em></p></blockquote>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1332" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/inspiration/bret-victors-rant-of-the-future-of-interaction-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fun. Cubed.</title>
		<link>http://michelleli.ca/blog/design/fun-cubed/</link>
		<comments>http://michelleli.ca/blog/design/fun-cubed/#comments</comments>
		<pubDate>Wed, 17 Aug 2011 20:11:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[play]]></category>
		<category><![CDATA[system]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1322</guid>
		<description><![CDATA[Combining aspects of Lego, video game, and board games, Sifteo Cubes are a new way to play. The prototype concept was introduced in a 2009 TED talk by David Merrill, and now these interactive wireless blocks are coming to market. Showcasing innovating interaction design, these 1.5&#8243;-inch cubes with full colour screens are motion- and context-aware allowing [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1323" title="sifteo_chroma_shuffle_600" src="http://michelleli.ca/wp-content/uploads/2011/08/sifteo_chroma_shuffle_600.jpg" alt="" width="600" height="400" /></p>
<p>Combining aspects of Lego, video game, and board games, <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cHM6Ly93d3cuc2lmdGVvLmNvbS8=">Sifteo Cubes</a> are a new way to play. The prototype concept was introduced in a <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy50ZWQuY29tL3RhbGtzL2xhbmcvZW5nL2RhdmlkX21lcnJpbGxfZGVtb3Nfc2lmdGFibGVzX3RoZV9zbWFydF9ibG9ja3MuaHRtbA==">2009 TED talk by David Merrill</a>, and now these interactive wireless blocks are coming to market. Showcasing innovating interaction design, these 1.5&#8243;-inch cubes with full colour screens are motion- and context-aware allowing players to shake, tilt, jolt, rotate, slide and click to affect neighbouring tiles.</p>
<blockquote><p>They pioneer something the company calls “Intelligent Play,” which is a vaguely elevated term for a toy that manages to be both fun and smart. They’re video games for people who hate video games. [...] “We&#8217;re not trying to compete with Nintendo, Microsoft, EA and others,” Sifteo spokesman Paul Doherty tells Co.Design. “We&#8217;re trying to create games that promote learning, spatial reasoning and truly interactive play.”</p></blockquote>
<p>See the Sifteo cubes in action:</p>
<p><iframe width="560" height="349" src="http://www.youtube.com/embed/dF0NOtctaME" frameborder="0" allowfullscreen></iframe></p>
<p>via <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5mYXN0Y29kZXNpZ24uY29tLzE2NjQ3NjIvc2lmdGVvLWN1YmVzLWFyZS1vdXQtdG9kYXktYW5kLWV2ZW4tYmV0dGVyLXRoYW4teW91LWltYWdpbmVk">Co.Design</a></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1322" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/fun-cubed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MIT&#8217;s Recompose Concept</title>
		<link>http://michelleli.ca/blog/design/mits-recompose-concept/</link>
		<comments>http://michelleli.ca/blog/design/mits-recompose-concept/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 14:27:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[kinetic]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[tangible]]></category>
		<category><![CDATA[touch]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1243</guid>
		<description><![CDATA[MIT Media Lab&#8217;s Tangible Media Group have developed Recompose, an experimental touch interface that provides tactile feedback. Recompose is a new system for manipulation of an actuated surface. By collectively utilizing the body as a tool for direct manipulation alongside gestural input for functional manipulation, we show how a user is afforded unprecedented control over [...]]]></description>
			<content:encoded><![CDATA[<p><object id="embedded_player" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://service.twistage.com/plugins/player.swf?p=fastcodesign_episode&amp;v=498de0d6f366f&amp;autoplay=false" /><param name="bgcolor" value="#000000" /><param name="allowfullscreen" value="true" /><param name="base" value="http://service.twistage.com" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://service.twistage.com/plugins/player.swf?p=fastcodesign_episode&amp;v=498de0d6f366f&amp;autoplay=false" /><embed id="embedded_player" type="application/x-shockwave-flash" width="600" height="300" src="http://service.twistage.com/plugins/player.swf?p=fastcodesign_episode&amp;v=498de0d6f366f&amp;autoplay=false" allowscriptaccess="always" base="http://service.twistage.com" allowfullscreen="true" bgcolor="#000000" data="http://service.twistage.com/plugins/player.swf?p=fastcodesign_episode&amp;v=498de0d6f366f&amp;autoplay=false"></embed></object></p>
<p>MIT Media Lab&#8217;s Tangible Media Group have developed <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2tpd2kubWVkaWEubWl0LmVkdS9yZWNvbXBvc2Uv">Recompose</a>, an experimental touch interface that provides tactile feedback.</p>
<blockquote><p>Recompose is a new system for manipulation of an actuated surface. By collectively utilizing the body as a tool for direct manipulation alongside gestural input for functional manipulation, we show how a user is afforded unprecedented control over an actuated surface.</p></blockquote>
<p>Made up of motorized tiles that pop up/down, the 3D interface can be directly manipulated by pressing down on the tiles or simply using gestures by waving your had over various areas of the surface, which move in response to your input. The feedback is a 3D visualization of the user&#8217;s physical interaction with the tiles. A camera and projector, combined with computer vision are used to recognize and understand the language of the physical interactions.<br />
<img class="alignnone size-full wp-image-1245" title="MIT recompose" src="http://michelleli.ca/wp-content/uploads/2011/02/MIT-recompose1.png" alt="" width="600" height="394" /><img title="MIT recompose gestural interactions" src="http://michelleli.ca/wp-content/uploads/2011/03/MIT-recompose-gestural-interactions.png" alt="" width="600" height="334" /></p>
<p>via <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5mYXN0Y29kZXNpZ24uY29tLzE2NjMyMjkvbWl0cy1yZWNvbXBvc2UtaXMtYS10b3VjaC1zY3JlZW4ta2V5Ym9hcmQtYW5kLTMtZC1kaXNwbGF5LXZpZGVv">Fast Company</a></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1243" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/mits-recompose-concept/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Memorables</title>
		<link>http://michelleli.ca/projects/memorables/</link>
		<comments>http://michelleli.ca/projects/memorables/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 07:12:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[projects]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=856</guid>
		<description><![CDATA[Memorables integrate marbles within a tangible, playful system to store tidbits of memories for reflection, sharing, and exploration.]]></description>
			<content:encoded><![CDATA[<div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p></p>
<p><strong>Master&#8217;s Capstone Project</strong><br />
Spring/Summer 2009<br />
School of Design, Hong Kong Polytechnic University</p>
<p><strong>Team: </strong>Michelle Li<br />
<strong>Role: </strong>Everything<br />
<a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL21pY2hlbGxlbGkuY2EvdGFnL3RoZXNpcy8=">Process blog</a></p>
<p><em>To</em> <em>lose one’s marbles </em>is an expression meaning to lose one’s mind or to forget. I play on this phrase for my concept direction. Baby Boomers are afraid of forgetting, whether through the natural aging process of inheriting Alzheimer’s Disease. Marbles harken back to childhood nostalgia; they can be used as playful, portable, tangible devices to store tidbits of memories for reflection, sharing and exploration. </p>
<p>Memorables is composed of a set of devices designed for recording, playing and transferring/sharing memories. Pictures, sounds, videos, and text can be transferred to marbles via the Recorder device. Memories can be transferred between people through the simple click of two marbles together. Memory players come in multiple forms that play on the various tactile qualities of marbles, whether it be swirling a handful in the Mixer bowl or stacking them in the Tumbler. The Reminder system is a portable way of carrying and displaying reminder events and lists.<br />
</div>
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p></p>
<div id="slider">
<ul>
<li><img src="../../wp-content/uploads/2009/08/memorabes-mixer.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-tumbler.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-reminder.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-recorder1.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-poster.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-interaction-model-2.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-system-overview1.jpg" /></li>
</ul>
</div>
<p></div><br />
<div style="clear: both;"></div></p>
<p><div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p><br />
<strong>Scope Definition</strong><br />
I chose to focus my research and design on aging baby boomers. I found this group especially interesting as the demographic shift is monumental and global and the aging population will be more healthy, affluent, educated, and active than ever. I believe it is important for design to be universal and transgenerational, however, there is little focus on designing for this new aging demographic. Therefore, it was interesting to research and to find new design opportunities that addresses the needs of this group, whether it be communication, lifestyle, health, hobbies/interests, psychological/sociological, etc.<br />
</div>
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p><br />
<iframe src="http://www.slideshare.net/slideshow/embed_code/12907910" width="550" height="451" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe><br/><br/><br />
</div><br />
<div style="clear: both;"></div></p>
<p><div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p><br />
<strong>User Research &#038; Concept Direction</strong><br />
The wonderful thing about the aging Baby Boomers I interviewed, as opposed to the current elderly population, is that they enjoy staying active through hobbies, sports and enjoyable activities. Another thing is their engagement in play to stimulate their minds as well as maintain social connectedness. I researched existing tangible, playful forms, and brainstormed ideas for possible design opportunities.<br />
</div>
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p></p>
<div id="slider2">
<ul>
<li><img src="../../wp-content/uploads/2009/08/artefact_1.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/artefact_2.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/user_interviews1-550x373.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/user_interviews2-550x373.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/sketch1-550x391.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/sketch2-550x391.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/sketch3-550x394.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/sketch4-550x392.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/sketch5-550x390.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/sketch-interaction-model-550x366.jpg" /></li>
</ul>
</div>
<p></div><br />
<div style="clear: both;"></div></p>
<p><div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p><br />
<strong>Physical Prototpying</strong><br />
To implement a working model of my memory marbles as proof of concept, I looked into various possible technologies for the detection of marbles and transfer/reading of data. RFID and Bluetooth were the most common and appropriate technologies for an ideal implementation. Due to project time constraints, I decided to simulate a working interactive model using micro-controllers and sensors to communicate between the physical model and PC. Light sensors installed underneath the physical model are triggered when marbles are placed on top, effectively blocking light input, and signals are sent to the Processing program to output audio/visual displays.<br />
</div>
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p>
<div id="slider3">
<ul>
<li><img src="../../wp-content/uploads/2009/08/sketch_technical.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-physical-model-design.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-physical-modelling.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-process-1.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-in-action.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-visualization.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/08/memorables-code.jpg" /></li>
</ul>
</div>
<p><br class="blank"/></p>

<!-- Iframe plugin v.2.2 (wordpress.org/extend/plugins/iframe/) -->
<iframe src="http://player.vimeo.com/video/42047472" width="550" height="320" frameborder="0" scrolling="no" class="iframe-class"></iframe><br />
<br class="blank"/><br />

<!-- Iframe plugin v.2.2 (wordpress.org/extend/plugins/iframe/) -->
<iframe src="http://player.vimeo.com/video/5681638" width="550" height="309" frameborder="0" scrolling="no" class="iframe-class"></iframe>
<p></div><br />
<div style="clear: both;"></div></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=856" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/projects/memorables/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Humanthesizer</title>
		<link>http://michelleli.ca/blog/calvin-harris-humanthesizer/</link>
		<comments>http://michelleli.ca/blog/calvin-harris-humanthesizer/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 20:38:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=822</guid>
		<description><![CDATA[Electro-pop artist, Calvin Harris, uses bodies as a human synthesizers to create music using Bare Conductive, a skin-safe conductive ink. By applying ink onto the skin, a closed circuit can be created via touch, gesture and movement to allow electrical currents to flow through. Watch the making of video below. Here is a video explaining [...]]]></description>
			<content:encoded><![CDATA[<p><object width="480" height="295" data="http://www.youtube.com/v/IObPkUFq0hg&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/IObPkUFq0hg&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object></p>
<p>Electro-pop artist, <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5jYWx2aW5oYXJyaXMuY28udWsv">Calvin Harris</a>, uses bodies as a human synthesizers to create music using <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5iYXJlY29uZHVjdGl2ZS5jb20=">Bare Conductive</a>, a skin-safe conductive ink. By applying ink onto the skin, a closed circuit can be created via touch, gesture and movement to allow electrical currents to flow through. Watch the making of video below.</p>
<p><object width="480" height="295" data="http://www.youtube.com/v/up1wraRnriI&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/up1wraRnriI&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object></p>
<p>Here is a video explaining more about Bare and the exploration of the technology through dance and movement.</p>
<p><object width="425" height="344" data="http://www.youtube.com/v/LsKLdQH1xdQ&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/LsKLdQH1xdQ&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=822" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/calvin-harris-humanthesizer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Microsoft&#8217;s Tangible Vision</title>
		<link>http://michelleli.ca/blog/microsofts-tangible-vision/</link>
		<comments>http://michelleli.ca/blog/microsofts-tangible-vision/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 09:03:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[tangible]]></category>
		<category><![CDATA[thesis]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=752</guid>
		<description><![CDATA[I found a video from Microsoft Research envisioning applications for touch interfaces. What I found really neat was the similarity of the bowl idea to my marble player, in which media storage devices are thrown in and images are projected onto the sides (@1:30 in the video).]]></description>
			<content:encoded><![CDATA[<p>I found a video from Microsoft Research envisioning applications for touch interfaces. What I found really neat was the similarity of the bowl idea to my marble player, in which media storage devices are thrown in and images are projected onto the sides (@1:30 in the video).</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/muibPAUvOXk&#038;hl=en&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/muibPAUvOXk&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=752" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/microsofts-tangible-vision/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inspiration: Bubblegum Sequencer</title>
		<link>http://michelleli.ca/blog/inspiration/inspiration-bubblegum-sequencer/</link>
		<comments>http://michelleli.ca/blog/inspiration/inspiration-bubblegum-sequencer/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 11:27:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[marbles]]></category>
		<category><![CDATA[tangible]]></category>
		<category><![CDATA[thesis]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=723</guid>
		<description><![CDATA[Bubblegum Sequencer is another inspirational tangible device allowing one to create drumloops by physically organizing gumballs a grid of holes.]]></description>
			<content:encoded><![CDATA[<p><a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2JhY2tpbi5kZS9ndW1iYWxsLw==">Bubblegum Sequencer</a> is another inspirational tangible device allowing one to create drumloops by physically organizing gumballs a grid of holes.</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/ziIdjrR_MRs&#038;hl=en&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ziIdjrR_MRs&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=723" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/inspiration/inspiration-bubblegum-sequencer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marble Interactions</title>
		<link>http://michelleli.ca/blog/marble-interactions/</link>
		<comments>http://michelleli.ca/blog/marble-interactions/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 14:34:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[tangible]]></category>
		<category><![CDATA[thesis]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=794</guid>
		<description><![CDATA[Exploring marble games and contraptions and different forms for my Memory Marbles. Sketching out possible interactions with Memory Marbles.]]></description>
			<content:encoded><![CDATA[<p>Exploring marble games and contraptions and different forms for my Memory Marbles.</p>
<p><img class="alignnone size-full wp-image-795" title="games_forms" src="http://michelleli.ca/wp-content/uploads/2009/06/games_forms.jpg" alt="games_forms" width="600" height="426" /></p>
<p>Sketching out possible interactions with Memory Marbles.</p>
<p><img class="alignnone size-full wp-image-796" title="interaction_model-sketch1" src="http://michelleli.ca/wp-content/uploads/2009/06/interaction_model-sketch1.jpg" alt="interaction_model-sketch1" width="600" height="399" /></p>
<p><img class="alignnone size-full wp-image-797" title="interaction_model-sketch2" src="http://michelleli.ca/wp-content/uploads/2009/06/interaction_model-sketch2.jpg" alt="interaction_model-sketch2" width="600" height="305" /></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=794" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/marble-interactions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mazu</title>
		<link>http://michelleli.ca/projects/mazu/</link>
		<comments>http://michelleli.ca/projects/mazu/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 23:18:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[projects]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=534</guid>
		<description><![CDATA[Modular communication system that keeps solo travellers in touch with loved ones back home, while also providing a safety net for the traveller in medical emergencies.]]></description>
			<content:encoded><![CDATA[<div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p>
<p><strong>User Research, Interaction Design</strong><br />
Spring 2009<br />
School of Design, Hong Kong Polytechnic University in collaboration with Beijing Tsing Hua University</p>
<p><strong>Team: </strong><br />
Omar Ramirez, Rui Wang, Michelle Li <span style="color: #6b6b6b;">(Hong Kong PolyU)</span><br />
Pai Liu, Han Tang, Litang Wang <span style="color: #6b6b6b;">(Tsing Hua University)</span><br />
<span style="color: #6b6b6b;"><strong style="color: #000000;">Role: </strong><span style="color: #000000;">User research and interviews, concept development, web UI, interaction model poster, product photography, process report, presentation</span></span></p>
<p>Named after the Chinese goddesss of the sea, protector and guiding light of sailors and fishermen out at sea, Mazu is a modular communication system that keeps solo travellers in touch with loved ones back home while also providing a safety net for the traveller in medical emergencies. The system consists of a sleek tabletop device holding four wearable devices. The independent traveller will take and wear one of the Mazu pieces, which transmits GPS data and emotional state information back to the core Mazu block as a way for loved ones to keep an eye on the traveller as he embarks on his adventures.</p>
<p></div><br />
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p></p>
<div id="slider">
<ul>
<li><img src="../../wp-content/uploads/2009/06/mazu-product1.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-product2.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-product3.jpg.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-product6.jpg" alt="" /></li>
</ul>
</div>
<p></div><br />
<div style="clear: both;"></div></p>
<div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p>
<p><strong>User Research</strong></p>
<p>The team targeted a broad group of travellers that we categorized as the Wandering Traveller, who is spontaneous, free-spirited and loves to connect with the local culture and people while exploring the world. To get a better sense of these travellers, we set up an <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3dhbmRlcmluZ3RyYXZlbGxlci5lbHVzaXZlbmVzcy5vcmc=">online survey</a> to collect stories, memories, and photos of people’s travel experiences to understand their values, motivations and what they deem important while abroad. We conducted in-depth interviews to get a better sense of their various backgrounds and demographics, their motivations for travelling alone, and to understand their different concerns and needs while travelling. Synthesizing our user data, we found a positive correlation between the sense of adventure of the travellers and their level of sociability, that is, their willingness to speak to strangers and meet new people. The travellers exhibiting the highest correlation are more likely to travel on their own and to venture out of their comfort zone. </p>
<p></div><br />
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p></p>
<div id="slider2">
<ul>
<li><img src="../../wp-content/uploads/2009/06/story_aj_web-550x388.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/story_karen_web-550x388.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/interview_alfred_web-550x388.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/interview_inga_web-550x388.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/interview_jeremy_web-550x388.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/solo_culture_seekers-550x388.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-user-characteristics.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-travel_locations.jpg" alt="" /></li>
</ul>
</div>
<p></div><br />
<div style="clear: both;"></div></p>
<div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p><br />
<strong>Identifying Problems and Opportunities</strong></p>
<p>From analyzing our data we decided to focus our target group on what we categorized as the Solo Culture Seeker. The culture seekers are those who enjoy travelling outside of their country/continent in search of different cultural experiences. The solo traveller chooses to visit a new destination to explore a different way of living, gain new perspectives of the world and to challenge oneself. We came to realize that while travelling, our target users do not care to make the effort to keep in touch with people back home, however, their family and friends may be concerned about their well-being or are simply interested in their travels and locations they have visited. It was only when a few people in our target group had encountered various medical emergencies on their travels that they longed to get into contact with their loved ones back home. We identified problems that our interviewees had encountered and created storyboards illustrating our users&#8217; experiences. We then designed ideal scenarios to address and solve those problems.<br />
</div><br />
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p><br />
<iframe src="http://www.slideshare.net/slideshow/embed_code/12840513" width="550" height="451" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe><br/><br/><br />
</div><br />
<div style="clear: both;"></div>
<div style="width:35%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p><br />
<strong>Interaction Design</strong><br />
Mazu records a log of the traveller&#8217;s data like location, physiological data, health stats, activity states (awake or asleep). Medical records may also be stored  in Mazu in the case of emergencies. Overall health and emotional state information are transmitted back to the core Mazu block at home in an interpreted form of colour, light intensity, and pulse&#8211; giving the traveller&#8217;s loved ones a sense of connectedness and presence over distance. Loved ones can also check the traveller’s detailed profile online to view his past locations, current location and general health. Messages can also send a short message to the traveller that can be received on the traveller&#8217;s device. In medical emergencies, the traveller can present Mazu&#8217;s stored medical records and the physiological data logs to medical professionals, who can easily review and analyze with minimal language barriers.  Finally, a quick press of the emergency button on the device informs family back home of the health emergency so that members can go online, find out the contact details of his medical institution and easily get in touch.</p>
<p></div><br />
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p>
<div id="slider3">
<ul>
<li><img src="../../wp-content/uploads/2009/06/mazu-sketch.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-digital-interface.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-1_web_interface_home.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-2_web_interface_profile.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-3_web_interface_emergency.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-poster-b.jpg" alt="" /></li>
<li><img src="../../wp-content/uploads/2009/06/mazu-poster-b-users.jpg" alt="" /></li>
</ul>
</div>
<p>&nbsp;</p>

<!-- Iframe plugin v.2.2 (wordpress.org/extend/plugins/iframe/) -->
<iframe src="http://player.vimeo.com/video/5096419" width="550" height="309" frameborder="0" scrolling="no" class="iframe-class"></iframe><br />
</div><br />
<div style="clear: both;"></div>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=534" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/projects/mazu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vending Machine Explorations</title>
		<link>http://michelleli.ca/projects/vending-machine-explorations/</link>
		<comments>http://michelleli.ca/projects/vending-machine-explorations/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 06:16:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[projects]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1661</guid>
		<description><![CDATA[Exploration of the vending machine's physical interaction to explore alternate solutions to improve the interaction process.]]></description>
			<content:encoded><![CDATA[<div style="width:30%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p></p>
<p><strong>Tangible Interaction</strong><br />
Winter 2009<br />
School of Design, Hong Kong Polytechnic University</p>
<p><strong>Team:</strong> James Geng, Michelle Li<br />
<strong>Role: </strong>Task scenario analysis, interaction/UI design, physical prototyping, user testing &amp; evaluation</p>
<p>In a Tangible Interaction workshop we examined existing examples of physical interaction to explore alternate solutions to improve the interaction. My partner and I considered the example of the vending machine, in which the physical action sequence of inserting coins, pressing a button to select a drink and bending down to collect the drink completes the interaction process. In Hong Kong, rather than inserting coins however, one may simply swipe the Octopus to deduct the stored-value on the card rather than using coins. The common swooping action of inserting coins/swiping card and collecting the drink is quite simple and universal among vending machines, but there are problem interaction points one may encounter with this existing model. We focused our analysis on the drink machines we found on the HK PolyU campus and carried out a task analysis of buying a drink.</p>
<p>After walking through the scenario we documented the problems we encountered during the phases of transaction, information display and selection, accessibility. Design requirements we considered for a new concept included: natural and intuitive gestures and process, contextualized interaction based on learning and social awareness, easy-to-use interface to reduce errors, encourage exploration and and browsing, create an enjoyable, delightful, and sociable user experience. We then decided on incorporating a contextualized touch screen interface to give users a (virtual) tangible interaction while providing visual information and creating an enjoyable experience.<br />
</div>
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p><br />
        <img src="../../wp-content/uploads/2009/03/TUI-scenario-storyboard-2.jpg" /><br />
	<img src="../../wp-content/uploads/2009/03/TUI-new-interaction-flow.jpg" /><br />
</div><br />
<div style="clear: both;"></div>
<div style="width:30%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p><br />
<em>Design Concept</em></p>
<p>When not in use, the vending machine’s screen displays featured and most popular drinks to attract and engage passers-by. Sensors can detect when a person is standing in front of the machine, which will then display the drink menu. The menu displays large icons detailing the images of available drinks and associated prices. Users can explore the drink offers simply by touching the drink of interest to view its details (nutritional value, volume, etc.) Users make their drink selection then choose their method of payment. A bucket container for coins allows just one gesture of dropping coins instead of inserting coins individually into a slot. The drink slides out at arm level users can easily grab their drink with little effort.<br />
</div><br />
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p><br />
     
<!-- Iframe plugin v.2.2 (wordpress.org/extend/plugins/iframe/) -->
<iframe src="http://player.vimeo.com/video/35298677" width="550" height="413" frameborder="0" scrolling="no" class="iframe-class"></iframe><br />
</div><br />
<div style="clear: both;"></div>
<div style="width:30%; float: left; padding-right: 5%; display: inline;" class="post_column_1"><p><br />
<em>Prototyping &amp; User Testing</em></p>
<p>To evaluate our new vending machine re-design, we prototyped a life-sized physical model on which to conduct our user testing. We tested the prototype with 3 users and came up with some initial results to help us make improvements on the next design iteration. Fast prototyping of a physical model allowed us to quickly test and validate our ideas while highlighting problems to solve in the next iteration. In the book <span style="text-decoration: underline;">The Art of Innovation</span><em>, </em>one IDEO designer talks about “build[ing] to learn.” And indeed, our prototype helped us shape an improved vending machine concept that was understood by everyone and created an enjoyable user interaction and experience.</p>
<p></div><br />
<div style="width:60%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p>
<div id="slider">
<ul>
<li><img src="../../wp-content/uploads/2009/03/TUI-yoki.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/03/TUI-jeremy.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/03/TUI-chris.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/03/TUI-screen.jpg" /></li>
<li><img src="../../wp-content/uploads/2009/03/TUI-vmachine_dynamic_ui_flow-600x300.jpg" /></li>
</ul>
</div>
<p></div><br />
<div style="clear: both;"></div></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1661" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/projects/vending-machine-explorations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

