<?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>Thu, 02 Feb 2012 05:15:45 +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>0</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>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>Vending Machine Evaluation</title>
		<link>http://michelleli.ca/blog/vending-machine-evaluation/</link>
		<comments>http://michelleli.ca/blog/vending-machine-evaluation/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 16:17:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=140</guid>
		<description><![CDATA[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. User Testing In general, users liked the coin bucket for dropping [...]]]></description>
			<content:encoded><![CDATA[<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.</p>
<p><img class="size-full wp-image-246 alignnone" title="vmachine_prototype_web" src="http://michelleli.ca/wp-content/uploads/2009/03/vmachine_prototype_web.jpg" alt="vmachine_prototype_web" width="600" height="422" /></p>
<h3>User Testing</h3>
<p><img class="alignnone size-thumbnail wp-image-228" title="cimg0835-2" src="http://michelleli.ca/wp-content/uploads/2009/04/cimg0835-2-150x150.jpg" alt="cimg0835-2" width="150" height="150" /><img class="alignnone size-thumbnail wp-image-227" title="cimg0819-2" src="http://michelleli.ca/wp-content/uploads/2009/04/cimg0819-2-150x150.jpg" alt="cimg0819-2" width="150" height="150" /><img class="alignnone size-thumbnail wp-image-226" title="cimg0813-2" src="http://michelleli.ca/wp-content/uploads/2009/04/cimg0813-2-150x150.jpg" alt="cimg0813-2" width="150" height="150" /><br />
<br clear="all" /></p>
<p>In general, users liked the coin bucket for dropping change all at once and especially the idea of being able to pay for a drink with a combination of coins and Octopus card. Having a touch-based screen with clear icons made it easier to make selections and updating the screen view based on context made it easier to understand (for example, only showing pictures of the available drinks). Additionally, users enjoyed ease of collecting the drink without needing to bend down to pick it up.</p>
<p>However, our interface and screen flow still didn&#8217;t easily support the task of buying multiple drinks or different kinds of drinks in one transaction. Thus, we re-thought our interface as a single dynamic screen to provide clear feedback of user choices and actions through animations. For ease of use, the interface supports variations of actions, whether it be simple selection and/or drag &amp; drop, allows mistake fixes, and provides prompts to help users when no input/action has been received for a while.</p>
<p><img class="size-medium wp-image-243 alignnone" title="dynamic_interface_600" src="http://michelleli.ca/wp-content/uploads/2009/04/dynamic_interface_600-300x212.jpg" alt="dynamic_interface_600" width="300" height="212" /><br />
<br clear="all" /></p>
<p><img class="alignnone size-large wp-image-248" title="vmachine_dynamic_ui_flow" src="http://michelleli.ca/wp-content/uploads/2009/03/vmachine_dynamic_ui_flow-600x300.jpg" alt="vmachine_dynamic_ui_flow" width="600" height="300" /><br />
<br clear="all" /></p>
<h3>Results</h3>
<p>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 <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3RoZWFydG9maW5ub3ZhdGlvbi5jb20vZGVmYXVsdC5odG0=">The Art of Innovation</a><em>, </em>one IDEO designer talks about &#8220;build[ing] to learn.&#8221; 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>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=140" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/vending-machine-evaluation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brainstorming a New Vending Machine</title>
		<link>http://michelleli.ca/blog/brainstorming-a-new-vending-machine/</link>
		<comments>http://michelleli.ca/blog/brainstorming-a-new-vending-machine/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 07:47:47 +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[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=147</guid>
		<description><![CDATA[After our analysis of our campus vending machines we came up with some design design requirements to consider for a new concept: natural and intuitive gestures and process selection, payment and receive drink does not require any learning contextualized interaction based on learning and social awareness easy-to-use interface to reduce errors more accessible to everyone [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">After our analysis of our campus vending machines we came up with some design design requirements to consider for a new concept:</p>
<p><!--[if !supportLists]--></p>
<ul>
<li>natural and intuitive gestures and process
<ul>
<li>selection, payment and receive drink</li>
<li>does not require any learning</li>
</ul>
</li>
<li>contextualized interaction based on learning and social awareness</li>
<li>easy-to-use interface to reduce errors
<ul>
<li>more accessible to everyone</li>
</ul>
</li>
<li>encourage exploration and and browsing</li>
<li>enjoyable, delightful, and sociable user experience</li>
</ul>
<p><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]-->We first conceptualized the idea of having a window through which a user can physically pick out a drink but the logistics of controlling when and how many drinks can be grabbed was a bit of an issue.</p>
<p><img class="size-large wp-image-145 alignnone" title="concept_brainstorming1" src="http://michelleli.ca/wp-content/uploads/2009/03/concept_brainstorming1-600x273.jpg" alt="concept_brainstorming1" width="600" height="273" /></p>
<p>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.</p>
<p><img class="size-large wp-image-141 alignnone" title="coke" src="http://michelleli.ca/wp-content/uploads/2009/03/coke-600x405.jpg" alt="coke" width="600" height="405" /></p>
<p><!--[if gte mso 10]><br />
<mce:style><!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin-top:0in; 	mso-para-margin-right:0in; 	mso-para-margin-bottom:10.0pt; 	mso-para-margin-left:0in; 	line-height:115%; 	mso-pagination:widow-orphan; 	font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin;} --></p>
<p><!--[endif]--></p>
<p class="MsoNormal"><em><span style="color: #888888;">Attraction and Engagement</span></em></p>
<p class="MsoNormal"><em></em><span style="color: #000000;">When not in use, the vending machine&#8217;s screen displays featured and most popular drinks to draw attraction from passersby. Sensors can detect when a person is standing in front of the machine, which will then display the drink menu.</span></p>
<p class="MsoNormal"><em><span style="color: #888888;">Drink Selection: Menu Display</span></em></p>
<p class="MsoNormal"><span style="color: #000000;">The menu displays large icons detailing the images of available drinks and associated prices. As opposed to the current design, the menu does not show any repetition of drinks, nor does it show drinks that are sold out. Users simply need to touch the icon of a drink to view drink details (nutritional value, volume, etc.) rather than map their drink decision to a button they need to press, reducing selection errors. After viewing details, users can decide to pay for their selected drink or go back and view other choices.<br />
</span></p>
<p class="MsoNormal"><em><span style="color: #888888;">Payment</span></em></p>
<p class="MsoNormal"><span style="color: #888888;"><span style="color: #000000;">As opposed to paying first before selecting a drink, our concept accepts payment after the user has already selected a drink. A bucket container for coins allows just one gesture of dropping coins instead of inserting coins individually into a slot.</span></span></p>
<p class="MsoNormal"><em><span style="color: #888888;">Drink Collection</span></em></p>
<p class="MsoNormal"><span style="color: #888888;"><span style="color: #000000;">Users can easily grab their drink at arm level with little effort.</span><br />
</span></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=147" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/brainstorming-a-new-vending-machine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Analyzing Vending Machine Interaction</title>
		<link>http://michelleli.ca/blog/analyzing-vending-machine-interaction/</link>
		<comments>http://michelleli.ca/blog/analyzing-vending-machine-interaction/#comments</comments>
		<pubDate>Tue, 03 Mar 2009 07:43:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[culture]]></category>
		<category><![CDATA[design thinking]]></category>
		<category><![CDATA[everyday]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=149</guid>
		<description><![CDATA[We focused our analysis on the drink machines we found on the HK PolyU campus and examined the current task scenario of buying a drink. James documents his experience as follows: After walking through the scenario we documented the problems we encountered: Transaction requires preselecting monetary amount for desired drink narrow coin slot is quite cumbersome [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">We focused our analysis on the drink machines we found on the HK PolyU campus and examined the current task scenario of buying a drink. James documents his experience as follows:</p>
<p class="MsoNormal"><img class="size-full wp-image-153 alignnone" title="scenario-storyboard" src="http://michelleli.ca/wp-content/uploads/2009/03/scenario-storyboard.jpg" alt="scenario-storyboard" width="600" height="1175" /></p>
<p class="MsoNormal">After walking through the scenario we documented the problems we encountered:</p>
<p class="MsoNormal"><span style="color: #808080;"><em>Transaction</em></span></p>
<ul>
<li>requires preselecting monetary amount for desired drink</li>
<li>narrow coin slot is quite cumbersome and time-consuming</li>
<li>requires adequate control of manual dexterity</li>
<li>using the Octopus card</li>
<li>close proximity to the card reader will inadvertently process the transaction automatically when selecting a deduction amount</li>
<li>confusion between product interface and associated transaction interface</li>
</ul>
<p class="MsoNormal"><span style="color: #808080;"><em>Information and Selection</em></span></p>
<ul>
<li>pressing wrong button accidentally</li>
<li>not realizing desired drink is sold out</li>
</ul>
<p class="MsoNormal"><span style="color: #808080;"><em>Accessibility</em></span></p>
<ul>
<li>physically bend down, flip up flap, reach into machine to pick up drink</li>
<li>problematic for those with physical limitations</li>
<li>not enjoyable or hygenic to stick hand in the dark, unclean slot</li>
</ul>
<p class="MsoNormal"><strong>User Experience</strong></p>
<div id="attachment_168" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-168" title="vending_machine_frustration" src="http://michelleli.ca/wp-content/uploads/2009/03/vending_machine_humping-300x225.jpg" alt="vending_machine_frustration" width="300" height="225" /><p class="wp-caption-text">Source: http://www.uselog.com/2007/11/please-do-not-hump-vending-machine.html</p></div>
<p class="MsoNormal">We encountered a lot of interaction points that provide an experience that is not enjoyable nor delightful. If we look at the vending machine with goals of convenience offering quick, self-service for purchasing small snacks and refreshments, we can liken them to convenience stores like 7-11. Let us consider the advantages and disadvantages.</p>
<p><span style="color: #808080;"><em>Advantages </em></span>Customers have visual information of the actual drinks and availability. They can use the physical action of picking up a drink, read the information, re-select, etc. before making a decision. Payment is easy and natural via cash (bills and coins) or Octopus. Additionally, going to a store is a sociable activity; people tend to go as a group eat together afterward.</p>
<p class="MsoNormal"><span style="color: #808080;"><em>Disadvantages</em></span> Stores are located in certain locations and only open only during particular hours, so people are limited to location and time. Another problem customers encounter are long lineups during busy hours.</p>
<p class="MsoNormal"><strong>Social and Cultural Dimensions</strong></p>
<p class="MsoNormal">An interesting side observation we noted was the role of communication and cultural dimensions that played into people&#8217;s decisions and behaviours in relation to the use of the vending machine. In a collectivist society such as Hong Kong, people tend to look to others for decision-making cues; that is, people are influenced by what they see others doing. In our studio, there have been &#8220;trends&#8221; of popular drinks that everyone will start drinking. Once somebody has started to drink melon soy milk and continue that pattern, others will notice and subsequently try out the drink as well. And now, the melon soy milk will often be sold out!</p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=149" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/analyzing-vending-machine-interaction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

