<?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; design</title>
	<atom:link href="http://michelleli.ca/tag/design/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>Lovely UI</title>
		<link>http://michelleli.ca/blog/design/lovely-ui/</link>
		<comments>http://michelleli.ca/blog/design/lovely-ui/#comments</comments>
		<pubDate>Wed, 11 May 2011 22:29:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[patterns]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1268</guid>
		<description><![CDATA[Having worked on several projects in the mobile space over the past year, I&#8217;m completely drawn to the site Lovely UI, which showcases inspiring mobile user interfaces. Other resources that serve as good references are Mobile Design Patterns (iOS) and Android Patterns. &#160;]]></description>
			<content:encoded><![CDATA[<p>Having worked on several projects in the mobile space over the past year, I&#8217;m completely drawn to the site <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5sb3ZlbHl1aS5jb20v">Lovely UI</a>, which showcases inspiring mobile user interfaces.</p>
<p><img class="alignnone size-full wp-image-1269" title="lovely_ui" src="http://michelleli.ca/wp-content/uploads/2011/05/lovely_ui.jpg" alt="" width="600" height="372" /></p>
<p>Other resources that serve as good references are <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL21vYmlsZS1wYXR0ZXJucy5jb20=">Mobile Design Patterns</a> (iOS) and <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5hbmRyb2lkcGF0dGVybnMuY29tLw==">Android Patterns</a>.</p>
<p>&nbsp;</p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1268" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/lovely-ui/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ILUVUXDESIGN</title>
		<link>http://michelleli.ca/blog/design/iluvuxdesign/</link>
		<comments>http://michelleli.ca/blog/design/iluvuxdesign/#comments</comments>
		<pubDate>Thu, 05 May 2011 14:42:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1262</guid>
		<description><![CDATA[Two wonderful videos explaining user experience design. Now I can show this to my family and friends whenever they ask me what I do. Who doesn&#8217;t love a good UX design, and who doesn&#8217;t get totally frustrated with bad experience design. Hail to all the great UX designers of the world. Spread the love for [...]]]></description>
			<content:encoded><![CDATA[<p>Two wonderful videos explaining user experience design. Now I can show this to my family and friends whenever they ask me what I do.</p>
<blockquote><p>Who doesn&#8217;t love a good UX design, and who doesn&#8217;t get totally frustrated with bad experience design.<br />
Hail to all the great UX designers of the world. Spread the love for UX design !!!</p></blockquote>
<p><iframe src="http://player.vimeo.com/video/19131028?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe>
<p><a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3ZpbWVvLmNvbS8xOTEzMTAyOA==">ILUVUXDESIGN part I</a> from <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3ZpbWVvLmNvbS9pbHV2dXhkZXNpZ24=">lyle</a> on <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3ZpbWVvLmNvbQ==">Vimeo</a>.</p>
<p><iframe src="http://player.vimeo.com/video/21691333?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe>
<p><a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3ZpbWVvLmNvbS8yMTY5MTMzMw==">ILUVUXDESIGN part II</a> from <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3ZpbWVvLmNvbS9pbHV2dXhkZXNpZ24=">lyle</a> on <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3ZpbWVvLmNvbQ==">Vimeo</a>.</p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1262" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/iluvuxdesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Splendiferous Culinary Tools</title>
		<link>http://michelleli.ca/blog/design/splendiferous-culinary-tools/</link>
		<comments>http://michelleli.ca/blog/design/splendiferous-culinary-tools/#comments</comments>
		<pubDate>Tue, 08 Feb 2011 16:38:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[cooking]]></category>
		<category><![CDATA[mapping]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1237</guid>
		<description><![CDATA[Ever since I started taking culinary arts classes back in the fall, I&#8217;ve developed an appreciation for beautiful and well-crafted kitchen tools. Heck, I even stroll through Williams Sonoma for fun. Pop Chart Lab made a detailed mapping of over 100 kitchen implements. I love the visual language in this poster and I learned about some [...]]]></description>
			<content:encoded><![CDATA[<p>Ever since I started taking culinary arts classes back in the fall, I&#8217;ve developed an appreciation for beautiful and well-crafted kitchen tools. Heck, I even stroll through Williams Sonoma for fun.</p>
<p><a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3BvcGNoYXJ0bGFiLmNvbS9pbmRleC5waHAvcG9zdGVyX2RldGFpbC90aGVfc3BsZW5kaWZlcm91c19hcnJheV9vZl9jdWxpbmFyeV90b29scy8=">Pop Chart Lab</a> made a detailed mapping of over 100 kitchen implements. I love the visual language in this poster and I learned about some interesting new tools.</p>
<p><img class="alignnone size-medium wp-image-1238" title="SplendiferousTools_small" src="http://michelleli.ca/wp-content/uploads/2011/02/SplendiferousTools_small-509x700.jpg" alt="" width="509" height="700" /></p>
<p>via <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5mYXN0Y29kZXNpZ24uY29tLzE2NjMxNjgvaW5mb2dyYXBoaWMtb2YtdGhlLWRheS1hLWNvbXBsZXRlLWd1aWRlLXRvLXlvdXIta2l0Y2hlbi10b29scw==">Fast Company</a></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1237" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/splendiferous-culinary-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Urban Typography</title>
		<link>http://michelleli.ca/blog/spaces-and-places/urban-typography/</link>
		<comments>http://michelleli.ca/blog/spaces-and-places/urban-typography/#comments</comments>
		<pubDate>Wed, 13 Oct 2010 21:34:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[spaces and places]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mapping]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[urban]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1207</guid>
		<description><![CDATA[Axis Maps produced a gorgeous series of typographic maps illustrating geography through typography. The works appear as a typical maps viewed from afar, but close-up details reveal only words comprising the landscape. As described by the creators: Created as a labor of love, these unique maps accurately depict the streets and highways, parks, neighborhoods, coastlines, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1211" title="chicago" src="http://michelleli.ca/wp-content/uploads/2010/10/chicago.jpg" alt="" width="511" height="350" /></p>
<p>Axis Maps produced a gorgeous series of <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5heGlzbWFwcy5jb20vdHlwb2dyYXBoaWMucGhw">typographic maps</a> illustrating geography through typography. The works appear as a typical maps viewed from afar, but close-up details reveal only words comprising the landscape. As described by the creators:</p>
<blockquote><p>Created as a labor of love, these unique maps accurately depict the streets and highways, parks, neighborhoods, coastlines, and physical features of the city using nothing by type.<strong> </strong> Only by manually weaving together thousands upon thousands of carefully placed words does the full picture of the city emerge.</p></blockquote>
<p>Some more interesting typographic posters at <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5vcmtwb3N0ZXJzLmNvbS8=">Ork Posters</a></p>
<p><img title="boston" src="http://michelleli.ca/wp-content/uploads/2010/10/boston.jpg" alt="" width="511" height="338" /><br />
<img class="alignnone size-full wp-image-1212" title="typographic_poster2" src="http://michelleli.ca/wp-content/uploads/2010/10/typographic_poster2.jpg" alt="" width="511" height="780" /></p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1207" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/spaces-and-places/urban-typography/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Simplicity Isn&#8217;t That Simple</title>
		<link>http://michelleli.ca/blog/design/simplicity-isnt-that-simple/</link>
		<comments>http://michelleli.ca/blog/design/simplicity-isnt-that-simple/#comments</comments>
		<pubDate>Tue, 04 May 2010 20:52:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[simplicity]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1111</guid>
		<description><![CDATA[Today I encountered the a problem where simplifying isn&#8217;t quite so simple. When is it necessary to reduce elements and when do you need to add elements to maintain clarity and usefulness? My meeting today with a colleague engaged in this discussion that involved a lot of Photoshop experimentation regarding a special use case of [...]]]></description>
			<content:encoded><![CDATA[<p>Today I encountered the a problem where simplifying isn&#8217;t quite so  simple. When is it necessary to reduce elements and when do you need to  add elements to maintain clarity and usefulness? My meeting today with a  colleague engaged in this discussion that involved a lot of Photoshop  experimentation regarding a special use case of our application. At this  point, we still have not decided on an appropriate design, but I  happened to just come across an excellent post, <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovLzUyd2Vla3NvZnV4LmNvbS9wb3N0LzU0ODE0OTc4Ny9zaW1wbGljaXR5LWlzbnQtdGhhdC1zaW1wbGU=">Simplicity  isn&#8217;t that simple</a>.</p>
<p>We&#8217;ve all heard the phrase, &#8220;less is more,&#8221; overused, and here the  author sums up the complexity in designing for simplicity.</p>
<blockquote><p>This may seem overly philosophical, but as my co-author, Josh   Porter, said recently, “Simplicity is much more than the trite “less is  more” we so often hear. Simplicity is… about clarity.” And clarity comes  from constant refinement.</p>
<p>John Maeda’s First Law of Simplicity states: <em>The  simplest way to achieve simplicity is through thoughtful reduction.</em> Refinement   that is thoughtful, calculated, and whenever possible and appropriate,  based on data is one of the fundamental tools of any designer.</p></blockquote>
<div>via <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovLzUyd2Vla3NvZnV4LmNvbS8=">52 Weeks of UX</a></div>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1111" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/simplicity-isnt-that-simple/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Good Is Design Research</title>
		<link>http://michelleli.ca/blog/what-good-is-design-research/</link>
		<comments>http://michelleli.ca/blog/what-good-is-design-research/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 03:34:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design research]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[user research]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=1050</guid>
		<description><![CDATA[I just read an interesting article by Adam Richardson that responds to Donald Norman&#8217;s view of design research. Although Richardson agrees with much of what Norman says, he disagrees with Norman&#8217;s statement of the role of design research as being fundamental to incremental improvements to already existing solutions but useless for creating innovative breakthroughs. For [...]]]></description>
			<content:encoded><![CDATA[<p>I just read an <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2JpdC5seS83OTVaTUc=">interesting article</a> by Adam Richardson <cite></cite>that responds to <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2puZC5vcmcvZG4ubXNzL3RlY2hub2xvZ3lfZmlyc3RfbmVlZHNfbGFzdC5odG1s">Donald Norman&#8217;s view</a> of design research. Although Richardson agrees with much of what Norman says, he disagrees with Norman&#8217;s statement of the role of design research as being fundamental to incremental improvements to already existing solutions but useless for creating innovative breakthroughs. For example, technological inventions such as the airplane, automobile, telephone, radio, television, computer, personal computer, Internet, SMS text messaging, and cellphone were technological revolutions in which design research did not play a role. Richardson points out that in the inception of these breakthroughs, formal design research as we currently know it did not exist. However, he points out that a form of design research was employed in order to determine a particular user need and to develop and evolve the technology to meet the need.</p>
<p>I agree with Richardson&#8217;s rejection of how Norman defines design research as user research:</p>
<blockquote><p>Design research has many definitions, but within the product cycle, it consists of studies aiming to understand the activities, desires, and needs of the people for whom a product or service is desired. Design researchers use a wide variety of methods, but all of them, whether it be ethnographic observations, systematic probes, or even surveys, questionnaires, and focus groups aim at one thing: to determine those hidden, unspoken needs that will lead to a novel innovation and then to great success in the marketplace.</p></blockquote>
<p>Design research has a much broader scope that not only encompasses user research but also technological research and market research, which provide a more comprehensive understanding of problems leading to more insightful and compelling solutions. One interesting and important point that Richardson makes is that designers need to find a balance between analytical research and inspired creativity. If focused too much on user research and finding evidence to back up every single design decision, we lose opportunities in discovering those inspirational ah-ha moments.</p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1050" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/what-good-is-design-research/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iSerendipity Interactive Lounge</title>
		<link>http://michelleli.ca/blog/iserendipity-interactive-lounge/</link>
		<comments>http://michelleli.ca/blog/iserendipity-interactive-lounge/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 13:00:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[embedded]]></category>
		<category><![CDATA[environment]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[kinetic]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=203</guid>
		<description><![CDATA[During my Embedded Interaction workshop with Michael Fox, we were immersed in a group project to design an interactive environment demonstrated with a kinetic model. My group came up with the concept of an ambient space called iSerendipity: iSerendipity is an ambient lounge that enhances mood, sociability and interactivity among people. Organic-shaped pods float amongst [...]]]></description>
			<content:encoded><![CDATA[<p>During my <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3JvYm90ZWN0dXJlLmNvbS9laXcwMi9pbmRleC5odG1s">Embedded Interaction workshop</a> with <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5mb3hsaW4uY29tLw==">Michael Fox</a>, we were immersed in a group project to design an interactive environment demonstrated with a kinetic model. My group came up with the concept of an ambient space called iSerendipity:</p>
<blockquote>
<div>iSerendipity is an ambient lounge that enhances mood, sociability and interactivity among people. Organic-shaped pods float amongst each other through space and light up once a person steps on. These pods detect the activity levels of people on each pod and drift through space, either isolating people for contemplative reflection or clustering active groups to enable chance encounters – serendipity. Pod lights are time- and context- sensitive: initial activation of a pod stimulates a glow that intensifies over time and colour hues change according to activity levels. The exterior façade displays the harmonious movement and colour intensity of each pod as aesthetic visual information to passersby.</div>
</blockquote>
<p style="text-align: center;"><img class="alignnone size-medium wp-image-289" title="dsc_8823" src="http://iserendipity.elusiveness.org/wp-content/uploads/2009/04/dsc_8823-500x332.jpg" alt="dsc_8823" width="500" height="332" /><br clear="all" /><br />
 <img class="alignnone size-medium wp-image-288" title="dsc_8796" src="http://iserendipity.elusiveness.org/wp-content/uploads/2009/04/dsc_8796-500x332.jpg" alt="dsc_8796" width="500" height="332" /><br clear="all" /></p>
<p>Videos of iSerendipity&#8217;s interaction points in motion<br clear="all" /></p>
<p><object width="480" height="295" data="http://www.youtube.com/v/xDA5z06Xo4I&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/xDA5z06Xo4I&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /></object><br clear="all" /></p>
<p><object width="480" height="295" data="http://www.youtube.com/v/bSls-t075kM&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/bSls-t075kM&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
<p>See the process blog <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2lzZXJlbmRpcGl0eS5lbHVzaXZlbmVzcy5vcmcv">here</a>.</p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=203" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/iserendipity-interactive-lounge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vending Machines as Tangible Interaction</title>
		<link>http://michelleli.ca/blog/inspiration/vending-machines-as-tangible-interaction/</link>
		<comments>http://michelleli.ca/blog/inspiration/vending-machines-as-tangible-interaction/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 19:56:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[everyday]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=57</guid>
		<description><![CDATA[In my Tangible Interaction workshop lead by Philip&#8217;s creative director Paul Neervoort, we&#8217;re examining existing examples of physical interaction and finding solutions to improve the interaction. 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 [...]]]></description>
			<content:encoded><![CDATA[<p>In my Tangible Interaction workshop lead by Philip&#8217;s creative director Paul Neervoort, we&#8217;re examining existing examples of physical interaction and finding solutions to improve the interaction.</p>
<p>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.</p>
<p>The swooping action of inserting coins/swiping card and collecting the drink is quite simple and universal among vending machines, but let&#8217;s examine the problems one may encounter with this existing model.</p>
<p>Firstly, the insertion of coins one by one into a narrow slot is quite cumbersome and time-consuming, requiring adequate control of manual dexterity. In the case of using the Octopus card, when approaching the machine with card in hand to select the money value to deduct from the card, close proximity of the hand to the card reader will inadvertantly process the transaction automatically. So, if one was in the process of reaching (and holding the card) to toggle the charge value from HKD$5.50 to $4.50, the proximity of the card would &#8220;doot&#8221; and deduct $5.50, effectively charging $1 extra for the user&#8217;s preferred drink or forcing the user to select a more expensive drink he did not want. A frustrating experience indeed, but perhaps not as much as <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=IGh0dHA6Ly93d3cuamFuY2hpcGNoYXNlLmNvbS9ibG9nL2FyY2hpdmVzLzIwMDYvMDIvdGVjaG5vbG9naWVzLWFyLmh0bWw=">Japan&#8217;s confusing vending machine payment method using mobile phones</a>.</p>
<p>The next consideration is the way a user can select a drink. The traditional machine displays all the products at once, allowing the user to quickly scan the available choices. Buttons act as the input selection, but sometimes the user may accidentally press the wrong button and get stuck with something that she didn&#8217;t want.</p>
<div id="attachment_77" class="wp-caption alignnone" style="width: 610px"><img class="size-medium wp-image-77" title="touch-screen-vending-machine" src="http://michelleli.ca/wp-content/uploads/2009/02/touch-screen-vending-machine-600x172.jpg" alt="touch-screen-vending-machine" width="600" height="172" /><p class="wp-caption-text">Source: http://springwise.com/marketing_advertising/samsung_and_coke_launch_touch-/</p></div>
<p>Samsung has actually developed a <a href="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=IGh0dHA6Ly9zcHJpbmd3aXNlLmNvbS9tYXJrZXRpbmdfYWR2ZXJ0aXNpbmcvc2Ftc3VuZ19hbmRfY29rZV9sYXVuY2hfdG91Y2gtLyA=">uVending touch-screen technology for vending machines</a> to add some more interactivity.</p>
<p><object width="425" height="344" data="http://www.youtube.com/v/Sooxt8s4OQU&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Sooxt8s4OQU&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
<p>From this demo, I actually don&#8217;t see much value in being able to &#8220;interact&#8221; virtually with the product, and I would much rather get a quick overview of all the available product options with one glance rather than scroll through individual products.</p>
<p>Finally, there&#8217;s the final action of receiving the drink. Most vending machines I have encountered requires the user to bend down and reach through a flap to collect the item. Is it necessary to make the user expend extra energy to buy a drink, especially for those that have physical limitations?</p>
<p><span style="color: #000000;">These are general issues to think about when we further explore ideas and solutions to create an easier and more appropriate vending machine interaction.</span></p>
<p>Below I found a fun video of a student project of a redesigned vending machine experience.  Some of its design elements addresses the issues I have just discussed.</p>
<p><object width="425" height="344" data="http://www.youtube.com/v/F8iHeDsr2eI&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/F8iHeDsr2eI&amp;hl=en&amp;fs=1&amp;rel=0" /><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=57" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/inspiration/vending-machines-as-tangible-interaction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>One Stop Shop</title>
		<link>http://michelleli.ca/blog/design/one-stop-shop-about/</link>
		<comments>http://michelleli.ca/blog/design/one-stop-shop-about/#comments</comments>
		<pubDate>Sun, 21 Dec 2008 09:48:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[design thinking]]></category>
		<category><![CDATA[hk polyu]]></category>
		<category><![CDATA[research]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=52</guid>
		<description><![CDATA[Over the course of this fall term, my graduate studio workshop, lead by Elaine Ann of Kaizor Innovation, was sponsored by the Hong Kong government&#8217;s Efficiency Unit to create a &#8220;One Stop Shop&#8221; employment centre in which all employment services are centralized in one location. This collaboration was the first of its kind in Hong [...]]]></description>
			<content:encoded><![CDATA[<p>Over the course of this fall term, my graduate studio workshop, lead by Elaine Ann of Kaizor Innovation, was sponsored by the Hong Kong government&#8217;s Efficiency Unit to create a &#8220;One Stop Shop&#8221; employment centre in which all employment services are centralized in one location. This collaboration was the first of its kind in Hong Kong with the aim to inspire the goverment with innovative ideas and to demonstrate the importance and value of design collaboration.</p>
<p>The aim of the One Stop Shop is to improve the job seeking experience for users and to improve the operational efficiency for government staff. Through a 3.5 month process we started with user research by interviewing users and staff and conducting on-site interviews then analyzed user needs and identified problems with the existing process.  With my partner, we used these insights to inform out concept designs from a service and system approach, and held an interim concept presentation for our clients.  The clients were incredibly receptive of my team&#8217;s concepts and presentation, which was a great sign.  For our final presentation we focused on a few important interaction points to flesh out the design details, and presented a comprehensive, persuasive and compelling arguments for our complete design solutions. In the end, my partner and I won the silver award and a cash prize of HKD $12,000.  Next spring our projects will be published in a book to be circulated through all the government departments.</p>
<p>What a wonderful experience for a school project.</p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=52" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/one-stop-shop-about/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;My Documents&#8221; Visualization</title>
		<link>http://michelleli.ca/blog/design/my-documents-visualization/</link>
		<comments>http://michelleli.ca/blog/design/my-documents-visualization/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 18:46:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[computers]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[sculpture]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://michelleli.ca/?p=43</guid>
		<description><![CDATA[In my Information Architecture and Visualization class that just started two weeks ago, our first assignment required us to come up with a visual representation for the structure of our own My Documents folder. We were not allowed to clean it up or organize it further before analyzing our folder structure. During my study I [...]]]></description>
			<content:encoded><![CDATA[<p>In my Information Architecture and Visualization class that just started two weeks ago, our first assignment required us to come up with a visual representation for the structure of our own My Documents folder. We were not allowed to clean it up or organize it further before analyzing our folder structure.  During my study I realized how many levels of folders I actually had &#8211; some went to 7 deep. I had a few concepts in mind ranging from 2D graphical designs to 3D objects and installations: Mondrian-styled rectangular patterns, nested boxes, bookshelf analogy, etc.</p>
<p>In the end, I came up with an architectural-styled paper sculpture where the base rectangular area is the root folder and the other stacks of rectangles are the subfolders within that root.  The height of each folder is denoted by the number of files that it contains. I decided only to visualize 3 levels deep, otherwise it would become too complex.</p>
<p><img class="alignnone size-full wp-image-38" title="mydocuments_sculpture" src="http://michelleli.ca/wp-content/uploads/2008/11/mydocuments_sculpture_web.jpg" alt="" width="500" height="327" /><br clear="all" /></p>
<p>And here are my concepts</p>
<p><img class="alignnone size-full wp-image-40" title="my_documents_concepts1" src="http://michelleli.ca/wp-content/uploads/2008/11/my_documents_concepts1_web.jpg" alt="" width="356" height="500" /><br clear="all" /></p>
<p><img class="alignnone size-full wp-image-41" title="my_documents_concepts2" src="http://michelleli.ca/wp-content/uploads/2008/11/my_documents_concepts2_web.jpg" alt="" width="500" height="335" /><br clear="all" /></p>
<p>One problem I realized halfway through construction was that I had cut the sizes of the subfolder rectangles to fill up the entire root folder rectangle &#8211; this actually made it quite difficult to distinguish the actual boundaries of each subfolder. Higher up in the structure, however, I allowed for more room between the stacks, which makes it easier to understand. In 3 weeks I will be exhibiting my work with my classmates, so I will have these problems resolved by then.</p>
 <img src="http://michelleli.ca/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=43" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://michelleli.ca/blog/design/my-documents-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

