<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Everything : Design &#187; HCI</title>
	<atom:link href="http://gaurang.wordpress.com/category/hci/feed/" rel="self" type="application/rss+xml" />
	<link>http://gaurang.wordpress.com</link>
	<description>cool and fresh Design experiments/achievements/experiences/products/UI/articles etc.</description>
	<lastBuildDate>Mon, 14 Jan 2008 04:40:08 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='gaurang.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/9f86553131e79738748e34c99f39dd3a?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Everything : Design &#187; HCI</title>
		<link>http://gaurang.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://gaurang.wordpress.com/osd.xml" title="Everything : Design" />
		<item>
		<title>Longhorn Concept</title>
		<link>http://gaurang.wordpress.com/2007/11/29/longhorn-concept/</link>
		<comments>http://gaurang.wordpress.com/2007/11/29/longhorn-concept/#comments</comments>
		<pubDate>Thu, 29 Nov 2007 12:46:35 +0000</pubDate>
		<dc:creator>gaurang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Experience Design]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://gaurang.wordpress.com/2007/11/29/longhorn-concept/</guid>
		<description><![CDATA[



A video of an early longhorn concept from 2003. Vista has few similarities but this concept looks way too cool. 
Hopefully they will make sure to get the design concepts and technology in sync before the next release. 
   
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=52&subd=gaurang&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>
<div class="wlWriterSmartContent" style="display:inline;margin:0;padding:0;">
<div><span style="text-align:center; display: block;"><a href="http://gaurang.wordpress.com/2007/11/29/longhorn-concept/"><img src="http://img.youtube.com/vi/b9ifQvQCO7Y/2.jpg" alt="" /></a></span></div>
</div>
<p>A video of an early longhorn concept from 2003. Vista has few similarities but this concept looks way too cool. </p>
<p>Hopefully they will make sure to get the design concepts and technology in sync before the next release. </p>
<div class="wlWriterSmartContent" style="display:inline;float:none;margin:0;padding:0;">   </div>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/gaurang.wordpress.com/52/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/gaurang.wordpress.com/52/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/gaurang.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/gaurang.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/gaurang.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/gaurang.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/gaurang.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/gaurang.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/gaurang.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/gaurang.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/gaurang.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/gaurang.wordpress.com/52/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=52&subd=gaurang&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://gaurang.wordpress.com/2007/11/29/longhorn-concept/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9688f0d6369a40bd92a57c3165d9692?s=96&#38;d=identicon" medium="image">
			<media:title type="html">gaurang</media:title>
		</media:content>

		<media:content url="http://img.youtube.com/vi/b9ifQvQCO7Y/2.jpg" medium="image" />
	</item>
		<item>
		<title>MakeTools &#8211; Generative tools for collective creativity</title>
		<link>http://gaurang.wordpress.com/2007/11/26/maketools-generative-tools-for-collective-creativity/</link>
		<comments>http://gaurang.wordpress.com/2007/11/26/maketools-generative-tools-for-collective-creativity/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 09:52:36 +0000</pubDate>
		<dc:creator>gaurang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Read]]></category>
		<category><![CDATA[Social]]></category>
		<category><![CDATA[collaborative]]></category>

		<guid isPermaLink="false">http://gaurang.wordpress.com/2007/11/26/maketools-generative-tools-for-collective-creativity/</guid>
		<description><![CDATA[Site Link
Download PDFs:
Designing a Physical Environment &#160;&#160; Ivey &#38; Sanders 2006Design Research in 2006 &#160;&#160; Sanders 2006Design Serving People&#160;&#160; Sanders 2006Scaffolds for Building Everyday Creativity&#160;&#160; Sanders 2006Contextmapping: Experiences from Practice&#160;&#160; Sleeswijk Visser, Stappers, van der Lugt and Sanders 2005Information, Inspiration and Co-creation&#160;&#160; Sanders 2005Ethnography and the Empowerment of Everyday People&#160;&#160; Sanders 2004Generative Tools for Context [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=37&subd=gaurang&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a href="http://www.maketools.com" target="_blank">Site Link</a></p>
<p>Download PDFs:</p>
<p><a href="http://www.maketools.com/pdfs/DesigningaPhysicalEnvironment_Ivey&amp;Sanders_06.pdf">Designing a Physical Environment</a> <img alt="new" src="http://www.maketools.com/images/new.gif"><br />&nbsp;&nbsp; Ivey &amp; Sanders 2006<br /><a href="http://www.maketools.com/pdfs/DesignResearchin2006_Sanders_06.pdf">Design Research in 2006</a> <img alt="new" src="http://www.maketools.com/images/new.gif"><br />&nbsp;&nbsp; Sanders 2006<br /><a href="http://www.maketools.com/pdfs/DesignServingPeople_Sanders_06.pdf">Design Serving People</a><br />&nbsp;&nbsp; Sanders 2006<br /><a href="http://www.maketools.com/pdfs/ScaffoldsforBuildingEverydayCreativity_Sanders_06.pdf">Scaffolds for Building Everyday Creativity</a><br />&nbsp;&nbsp; Sanders 2006<br /><a href="http://www.maketools.com/pdfs/Contextmapping_SleeswijkVisseretal_05.pdf">Contextmapping: Experiences from Practice</a><br />&nbsp;&nbsp; Sleeswijk Visser, Stappers, van der Lugt and Sanders 2005<br /><a href="http://www.maketools.com/pdfs/InformationInspirationandCocreation_Sanders_05.pdf">Information, Inspiration and Co-creation</a><br />&nbsp;&nbsp; Sanders 2005<br /><a href="http://www.maketools.com/pdfs/EthnographyandEmpowerment_Sanders_04.pdf">Ethnography and the Empowerment of Everyday People</a><br />&nbsp;&nbsp; Sanders 2004<br /><a href="http://www.maketools.com/pdfs/GenerativeTools_Stappers_Sanders_03.pdf">Generative Tools for Context Mapping: Tuning the Tools</a><br />&nbsp;&nbsp; Stappers and Sanders 2003<br /><a href="http://www.maketools.com/pdfs/EthnographyinNPDResearch_Sanders_02.pdf">Ethnography in NPD Research</a><br />&nbsp;&nbsp; Sanders 2002 <br /><a href="http://www.maketools.com/pdfs/FromUsercenteredtoParticipatory_Sanders_%2002.pdf">From User-centered to Participatory Design Approaches</a><br />&nbsp;&nbsp; Sanders 2002<br /><a href="http://www.maketools.com/pdfs/ScaffoldsforExperiencing_Sanders_03.pdf">Scaffolds for Experiencing in the New Design Space</a><br />&nbsp;&nbsp; Sanders 2002<br /><a href="http://www.maketools.com/pdfs/VirtuososoftheExperienceDomain_Sanders_01.pdf">Virtuosos of the Experience Domain</a><br />&nbsp;&nbsp; Sanders 2001<br /><a href="http://www.maketools.com/pdfs/CollectiveCreativity_Sanders_01.pdf">Collective Creativity</a><br />&nbsp;&nbsp; Sanders 2001<br /><a href="http://www.maketools.com/pdfs/HarnessingPeople%27sCreativity_Sanders_William_01.pdf">Harnessing People’s Creativity: Ideation and <br />Expression through Visual Communication</a><br />&nbsp;&nbsp; Sanders and William 2001<br /><a href="http://www.maketools.com/pdfs/NewDesignSpace_Sanders_01.pdf">A New Design Space</a><br />&nbsp;&nbsp; Sanders 2001<br /><a href="http://www.maketools.com/pdfs/GenerativeToolsforCoDesiging_Sanders_00.pdf">Generative Tools for CoDesigning</a><br />&nbsp;&nbsp; Sanders 2000<br /><a href="http://www.maketools.com/pdfs/PostdesignandParticipatoryCulture_Sanders_99.pdf">Postdesign and Participatory Culture</a><br />&nbsp;&nbsp; Sanders 1999<br /><a href="http://www.maketools.com/pdfs/ConvergingPerspectives_Sanders_92.pdf">Converging Perspectives: <br />Product Development Research for the 1990s</a><br />&nbsp;&nbsp; Sanders 1992 </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/gaurang.wordpress.com/37/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/gaurang.wordpress.com/37/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/gaurang.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/gaurang.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/gaurang.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/gaurang.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/gaurang.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/gaurang.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/gaurang.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/gaurang.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/gaurang.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/gaurang.wordpress.com/37/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=37&subd=gaurang&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://gaurang.wordpress.com/2007/11/26/maketools-generative-tools-for-collective-creativity/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9688f0d6369a40bd92a57c3165d9692?s=96&#38;d=identicon" medium="image">
			<media:title type="html">gaurang</media:title>
		</media:content>

		<media:content url="http://www.maketools.com/images/new.gif" medium="image">
			<media:title type="html">new</media:title>
		</media:content>

		<media:content url="http://www.maketools.com/images/new.gif" medium="image">
			<media:title type="html">new</media:title>
		</media:content>
	</item>
		<item>
		<title>Scrapblog (online collage creation tool)- collective creativity</title>
		<link>http://gaurang.wordpress.com/2007/11/26/scrapblog-online-collage-creation-tool-collective-creativity/</link>
		<comments>http://gaurang.wordpress.com/2007/11/26/scrapblog-online-collage-creation-tool-collective-creativity/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 09:47:46 +0000</pubDate>
		<dc:creator>gaurang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Experience Design]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Social]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://gaurang.wordpress.com/2007/11/26/scrapblog-online-collage-creation-tool-collective-creativity/</guid>
		<description><![CDATA[Posted by Alexa Andrzejewski in the Adaptive path blog. 
I found that Scrapblog is up and working beautifully! After playing with it briefly, I was impressed. I’d found the tool I’d been looking for!
The Flex-powered interface is intuitive and fluidly responsive…

The vast collection of backgrounds and stickers express a broad diversity of moods and styles [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=36&subd=gaurang&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><h5>Posted by <a href="http://www.adaptivepath.com/blog/author/alexa/" target="_blank">Alexa Andrzejewski</a> in the Adaptive path blog. </h5>
<p>I found that <a href="http://www.scrapblog.com">Scrapblog</a> is up and working beautifully! After playing with it briefly, I was impressed. I’d found the tool I’d been looking for!
<p>The Flex-powered interface is intuitive and fluidly responsive…
<p><img src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/11/scrapblog21.png">
<p>The vast collection of backgrounds and stickers express a broad diversity of moods and styles and have an Apple-caliber elegance…
<p><img src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/11/scrapblog31.png">
<p>You can easily import content from Flickr (and other external sites)…
<p><img src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/11/scrapblog41.png">
<p>And the potential for using it with <a href="http://www.boxesandarrows.com/view/making_emotional_connections_through_participatory_design">participatory design research methods</a> seems great…
<p><em>Collage Activities and Mood Boards</em>
<p>Imagine: Instead of printing out dozens of pages of images, which still limits your research participant to whatever you’ve selected, you can open up the entire Flickr universe to the participant to create their collage. Or, if you want the participant to choose from pre-selected images, you can create a Flickr gallery and ask the participant to draw from those.
<p><em>Remote Participatory Design</em>
<p>The interface is pretty intuitive, so with little explaining, you can now conduct collage exercises with remote research participants. While it’s unfortunately not a collaborative interface (where multiple people can work on the same collage simultaneously and see updates dynamically), it’s easier than constructing and mailing participant a collage kit! (I’d love to see some collaborative functionality built in though.)
<p><em>Diary Studies</em>
<p>Multiple page “scrapblogs” (which are actually what the site is designed to produce) can easily be created and published both publicly and privately. I can see scrapblogs being used for or supplementing diary studies, allowing participants to tell their experience stories in a fun and creativity-inducing way.  </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/gaurang.wordpress.com/36/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/gaurang.wordpress.com/36/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/gaurang.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/gaurang.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/gaurang.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/gaurang.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/gaurang.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/gaurang.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/gaurang.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/gaurang.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/gaurang.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/gaurang.wordpress.com/36/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=36&subd=gaurang&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://gaurang.wordpress.com/2007/11/26/scrapblog-online-collage-creation-tool-collective-creativity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9688f0d6369a40bd92a57c3165d9692?s=96&#38;d=identicon" medium="image">
			<media:title type="html">gaurang</media:title>
		</media:content>

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/11/scrapblog21.png" medium="image" />

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/11/scrapblog31.png" medium="image" />

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/11/scrapblog41.png" medium="image" />
	</item>
		<item>
		<title>Charmr: Interaction and Visual Design</title>
		<link>http://gaurang.wordpress.com/2007/11/26/charmr-interaction-and-visual-design/</link>
		<comments>http://gaurang.wordpress.com/2007/11/26/charmr-interaction-and-visual-design/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 09:36:48 +0000</pubDate>
		<dc:creator>gaurang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Experience Design]]></category>
		<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Read]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[charmr design hci experience design prototype interacti]]></category>

		<guid isPermaLink="false">http://gaurang.wordpress.com/2007/11/26/charmr-interaction-and-visual-design/</guid>
		<description><![CDATA[
Original Article: from Adaptivepath Blog
This entry was posted on Tuesday, August 14th, 2007 at 10:36 am by Alexa.
&#160;
Challenged by an open letter that diabetes patient Amy Tenderich wrote to Steve Jobs, the American experience design consultancy Adaptive Path developed Charmr, an experience design concept to project how insulin pumps and glucose meters might work five [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=35&subd=gaurang&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><img alt="//www.experientia.com/blog/uploads/2007/08/charmr.jpg&rdquo; cannot be displayed, because it contains errors." src="http://www.experientia.com/blog/uploads/2007/08/charmr.jpg" align="left">
<p>Original Article: from <a href="http://www.adaptivepath.com/blog/2007/08/14/charmr-interaction-and-visual-design/" target="_blank">Adaptivepath Blog</a>
<p>This entry was posted on Tuesday, August 14th, 2007 at 10:36 am by Alexa.
<p>&nbsp;
<p>Challenged by an <a href="http://www.diabetesmine.com/2007/04/an_open_letter_.html">open letter</a> that diabetes patient Amy Tenderich wrote to Steve Jobs, the American experience design consultancy <a href="http://www.adaptivepath.com/">Adaptive Path</a> developed <a href="http://www.adaptivepath.com/charmr/"><strong>Charmr</strong></a>, an experience design concept to project how insulin pumps and glucose meters might work five years from now.
<p>As reported in <a href="http://news.com.com/8301-10784_3-9759932-7.html">CNet News</a>, Charmr is “a prototype for a sleeker, more functional blood glucose monitor and an insulin pump that users can apply directly to their bodies as an adhesive.”<br />
<blockquote>
<p>“They researched extensively, interviewing diabetics and consulting with Tenderich, a valuable source of information and a link to the diabetes community.
<p>While the Charmr vaguely resembles an iPod Nano, it has an appeal of its own. The device allows users to monitor the trends of their blood sugar levels, as well as administer insulin via a sweat-proof patch. Not to mention, the device allows for wear on the wrists, or as a keychain or necklace–all of which let the device simply appear to be another mysterious gadget, as opposed to a complex medical apparatus. Furthermore, the Charmr will triple as a USB drive that allows users to view daily trends and patterns of their condition, and other special features.”</p>
</blockquote>
<p>The displays on leading insulin pumps today are the size of PDA screens and use a number of hard keys for navigation. Was it even realistic to create an adequate, easy-to-understand interface using a 2 x .75 inch touch-screen half the size of my Nokia N73’s screen?
<p><img alt="sizecomparison.gif" src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/sizecomparison.gif">
<p>Dan Saffer and I began the interaction design process by examining the options and screen content in existing devices. Identifying what our participants actually used, we sought out the “essence” of the insulin pump.
<p>The “Ah-ha!” moment for me was recognizing that the interface that most type 1 diabetics today are interacting with is nothing more than a simple syringe.
<p><img alt="syringe.jpg" src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/syringe.jpg" border="0">
<p>All there is to this “interface” is:
<ol>
<li>A way to select the amount of insulin you need (either by dialing it in or by withdrawing the appropriate amount from a vial), and
<li>A way to deliver the insulin (which provides clear feedback that it’s working: seeing the insulin disappearing into your body and the feeling of pressing the plunger makes you feel in control). </li>
</ol>
<p>The rest of the details are dealt with in the mind.
<p>As one of the barriers to adopting pumps today is perceived complexity, our goal became to create an interface that is no more intimidating than dialing in your insulin needs on a pen. Additionally, the device needed to provide just enough “smarts” to take away true mental burdens (like calculating your insulin dosage using your carb-insulin ratio), while keeping the user in control.
<p>With these principles guiding us, we delved into the interaction design details: What features should the Charmr have? What feature will be used the most (dosing)? Which buttons would be soft (most of them) and which hard buttons we would need (a back button)? What is the minimum button size for a hand-held touch-screen device (many kiosks use 16mm square, whereas the iPhone uses considerably smaller, 9mm square buttons)? Which information should be shown on which screens to support particular tasks?
<p><img alt="flow.jpg" src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/flow.jpg">
<p>We also spent a bit of time discussing what kind of imagery would make the best ambient display of status (the mood ring screen). Amy Tenderich told us that one of diabetics’ greatest struggles is with guilt. They look at the numbers and feel guilty all the time. Thus, the ambient display needs to visually represent your status without assigning “moral value” to high or low blood sugar — the way a thermometer might show blue or red; neither is inherently bad.
<p>We considered virtual pets, lava lamps, color abstracts, weather, and simply a personal/family photos theme (because it’s family or a particular goal that often motivates people), and finally concluded that the device should offer multiple themes and allow the user to choose what motivates them.
<p><img alt="themes.jpg" src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/themes.jpg">
<p>Finally, I developed a skin for the interaction design, striving to make it compelling and modern, while avoiding both “medical device blue” and the iPhone look and feel. The user could customize both the themes and the skins to their tastes, and perhaps even download more skins and themes online.
<p><img alt="chamr.jpg" src="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/chamr.jpg">
<p>With the screen designs as well as a rudimentary industrial design concept completed, we put together an <a href="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/experience_blueprint.pdf">Experience Blueprint</a> (4mb pdf), then it was time to tell the story of the product.</p>
<div class="wlWriterSmartContent" style="display:inline;float:none;margin:0;padding:0;">   </div>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/gaurang.wordpress.com/35/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/gaurang.wordpress.com/35/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/gaurang.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/gaurang.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/gaurang.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/gaurang.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/gaurang.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/gaurang.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/gaurang.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/gaurang.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/gaurang.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/gaurang.wordpress.com/35/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=35&subd=gaurang&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://gaurang.wordpress.com/2007/11/26/charmr-interaction-and-visual-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9688f0d6369a40bd92a57c3165d9692?s=96&#38;d=identicon" medium="image">
			<media:title type="html">gaurang</media:title>
		</media:content>

		<media:content url="http://www.experientia.com/blog/uploads/2007/08/charmr.jpg" medium="image">
			<media:title type="html">//www.experientia.com/blog/uploads/2007/08/charmr.jpg&#8221; cannot be displayed, because it contains errors.</media:title>
		</media:content>

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/sizecomparison.gif" medium="image">
			<media:title type="html">sizecomparison.gif</media:title>
		</media:content>

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/syringe.jpg" medium="image">
			<media:title type="html">syringe.jpg</media:title>
		</media:content>

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/flow.jpg" medium="image">
			<media:title type="html">flow.jpg</media:title>
		</media:content>

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/themes.jpg" medium="image">
			<media:title type="html">themes.jpg</media:title>
		</media:content>

		<media:content url="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/chamr.jpg" medium="image">
			<media:title type="html">chamr.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>MIT Open Course Ware &#8211; HCI</title>
		<link>http://gaurang.wordpress.com/2007/11/26/mit-open-course-ware-hci/</link>
		<comments>http://gaurang.wordpress.com/2007/11/26/mit-open-course-ware-hci/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 04:54:59 +0000</pubDate>
		<dc:creator>gaurang</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Information Visualization]]></category>
		<category><![CDATA[Read]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://gaurang.wordpress.com/2007/11/26/mit-open-course-ware-hci/</guid>
		<description><![CDATA[Lecture Notes: Site LINK
1L1: Usability (PDF)
2L2: User-Centered Design (PDF)L3: UI Software Architecture (PDF)
3L4: Human Capabilities (PDF)L5: Output Models (PDF)
4L6: Conceptual Models and Metaphors (PDF)L7: Input Models (PDF)
5L8: Design Principles (PDF)L9: Paper Prototyping (PDF)
6L10: Constraints and Layout (PDF)
7L11: Graphic Design (PDF)L12: Computer Prototyping (PDF)
8Quiz 1
9L13: Toolkits (PDF)L14: Heuristic Evaluation (PDF)
10L15: User Testing (PDF)L16: Experiment Design (PDF)
11L17: [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=34&subd=gaurang&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><h3>Lecture Notes: <a href="http://ocw.mit.edu/OcwWeb/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/LectureNotes/index.htm" target="_blank">Site LINK</a></h3>
<p>1<br />L1: Usability (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/86E2E5CD-04CD-4557-8F36-B7BB05A3A761/0/L1.pdf">PDF</a>)
<p>2<br />L2: User-Centered Design (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/64815187-0421-4B6D-B2E8-425D2A446D91/0/L2.pdf">PDF</a>)<br />L3: UI Software Architecture (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/7637793C-DDE8-4113-8018-D5E1E75A8BC3/0/L3.pdf">PDF</a>)
<p>3<br />L4: Human Capabilities (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/0A79F491-80BA-4E19-885C-1E7E481FA2A3/0/L4.pdf">PDF</a>)<br />L5: Output Models (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/E79DDFFF-FC08-4A0E-A8BC-1D25DB8CE41B/0/L5.pdf">PDF</a>)
<p>4<br />L6: Conceptual Models and Metaphors (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/431C09CC-8A1C-4029-8958-A4E320DDA28D/0/L6.pdf">PDF</a>)<br />L7: Input Models (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/C6B0E4DD-13A5-4877-9A3C-5F3134C8AF83/0/L7.pdf">PDF</a>)
<p>5<br />L8: Design Principles (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/E0F28DA3-A454-4F55-90D0-BBB01417EC41/0/L8.pdf">PDF</a>)<br />L9: Paper Prototyping (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/7AC1B7EF-3145-4948-BC43-F90F631F988B/0/L9.pdf">PDF</a>)
<p>6<br />L10: Constraints and Layout (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/F3580BE1-9E3B-4719-BD60-600F2BB094BC/0/L10.pdf">PDF</a>)
<p>7<br />L11: Graphic Design (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/E8A8BFC3-732D-418A-8CBE-F06982EF1BAA/0/L11.pdf">PDF</a>)<br />L12: Computer Prototyping (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/D018138B-E781-4923-89A5-825F9E5659FB/0/L12.pdf">PDF</a>)
<p>8<br />Quiz 1
<p>9<br />L13: Toolkits (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/73574913-25CB-4285-9E7A-48A055F5108D/0/L13.pdf">PDF</a>)<br />L14: Heuristic Evaluation (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/28090B0B-BE45-432C-8F9B-ECA66EA18AF4/0/L14.pdf">PDF</a>)
<p>10<br />L15: User Testing (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/E9F3E31A-56EC-4AF9-B67F-10274D80A7DE/0/L15.pdf">PDF</a>)<br />L16: Experiment Design (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/E472A886-3746-46F8-A781-80DCF3289106/0/L16.pdf">PDF</a>)
<p>11<br />L17: Experiment Analysis (<a href="http://ocw.mit.edu/NR/rdonlyres/Electrical-Engineering-and-Computer-Science/6-831Fall-2004/7AF0F23B-6FBE-452E-ABBC-62DC77397A6D/0/L17.pdf">PDF</a>)<br />L18: Research Topics: Predictive Evaluation
<p>12<br />L19: Research Topics: Information Visualization<br />Quiz 2
<p>13<br />L20: Research Topics: Pen-based UI<br />L21: Research Topics: Weird Modalities
<p>14<br />L22: Research Topics: Zooming and Transparent UI<br />Demonstration Day </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/gaurang.wordpress.com/34/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/gaurang.wordpress.com/34/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/gaurang.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/gaurang.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/gaurang.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/gaurang.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/gaurang.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/gaurang.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/gaurang.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/gaurang.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/gaurang.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/gaurang.wordpress.com/34/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gaurang.wordpress.com&blog=159851&post=34&subd=gaurang&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://gaurang.wordpress.com/2007/11/26/mit-open-course-ware-hci/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9688f0d6369a40bd92a57c3165d9692?s=96&#38;d=identicon" medium="image">
			<media:title type="html">gaurang</media:title>
		</media:content>
	</item>
	</channel>
</rss>