<?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>calvin-c.com &#187; Experience</title>
	<atom:link href="http://www.calvin-c.com/blog/category/experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.calvin-c.com</link>
	<description>design stories in everyday things</description>
	<lastBuildDate>Mon, 30 Aug 2010 02:29:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>QR-code Coupon in Restaurant Guide</title>
		<link>http://www.calvin-c.com/blog/qr-code-restaurant-coupon/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=qr-code-restaurant-coupon</link>
		<comments>http://www.calvin-c.com/blog/qr-code-restaurant-coupon/#comments</comments>
		<pubDate>Sun, 22 Aug 2010 09:08:10 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>
		<category><![CDATA[qrcode]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=1421</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/IMG_0731-150x150.jpg" class="post-thumb wp-post-image" alt="Restaurant guide with QR-code coupon" title="Restaurant guide with QR-code coupon" />Want more info and get coupons for the restaurants in this building? Simply snap the QR-code (or manually enter the website address) and you&#8217;ll be brought to a webpage when all that. Use your cel-phone as a coupon book!<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/qr-code-restaurant-coupon/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/media/2010/08/IMG_0731.jpg" rel="lightbox[1421]" title="Restaurant guide with QR-code coupon"><img class="size-medium wp-image-1429" title="Restaurant guide with QR-code coupon" src="http://www.calvin-c.com/media/2010/08/IMG_0731-520x390.jpg" alt="" width="520" height="390" /></a></p>
<p>Want more info and get coupons for the restaurants in this building? Simply snap the QR-code (or manually enter the website address) and you&#8217;ll be brought to a webpage when all that. Use your cel-phone as a coupon book!</p>

<a href='http://www.calvin-c.com/blog/qr-code-restaurant-coupon/restaurant-guide-with-cr_code-coupon/' title='Restaurant guide with QR-code coupon'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/IMG_0731-150x150.jpg" class="attachment-thumbnail" alt="Restaurant guide with QR-code coupon" title="Restaurant guide with QR-code coupon" /></a>
<a href='http://www.calvin-c.com/blog/qr-code-restaurant-coupon/snap-this-qr-code-to-get-restaurant-coupons/' title='Snap this QR-code to get coupons!'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/IMG_0732-150x150.jpg" class="attachment-thumbnail" alt="Snap this QR-code to get coupons!" title="Snap this QR-code to get coupons!" /></a>

<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/qr-code-restaurant-coupon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Touch-download City Guide Map</title>
		<link>http://www.calvin-c.com/blog/touch-download-city-guide-map/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=touch-download-city-guide-map</link>
		<comments>http://www.calvin-c.com/blog/touch-download-city-guide-map/#comments</comments>
		<pubDate>Tue, 17 Aug 2010 13:32:13 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>
		<category><![CDATA[felica]]></category>
		<category><![CDATA[japan]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=1355</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/100_1757-150x150.jpg" class="post-thumb wp-post-image" alt="Guide Map in Train Station" title="Guide Map in Train Station" />Navigating in Tokyo is very different from North America. In Japanese addressing system, an address is based on block (CHO,町) rather than street. For example, the address of the Sony Building at Ginza is 5-3-1 Ginza, Chuo-ku, Tokyo 104-0061 Sony Building. Here the 5-3-1 means the District #5, Block #3, Building #1. Since the allocation of block number does not often follow any rules, it is essential to consult a map before getting out of a train station. e-NAVITA (http://www.navita.co.jp) is a private company that provides map service and local business directory for mobile devices. Now with growing usage of [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/touch-download-city-guide-map/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/media/2010/08/100_1757.jpg" rel="lightbox[1355]" title="Guide Map in Train Station"><img class="size-medium wp-image-1375 aligncenter" title="Guide Map in Train Station" src="http://www.calvin-c.com/media/2010/08/100_1757-520x390.jpg" alt="" width="520" height="390" /></a></p>
<p>Navigating in Tokyo is very different from North America. In Japanese addressing system, an address is based on <em>block</em> (CHO,町) rather than <em>street</em>. For example, the address of the <a href="http://www.sonybuilding.jp">Sony Building</a> at Ginza is <em>5-3-1 Ginza, Chuo-ku, Tokyo 104-0061 Sony Building</em>. Here the 5-3-1 means the District #5, Block #3, Building #1. Since the allocation of block number does not often follow any rules, it is essential to consult a map before getting out of a train station.</p>

<a href='http://www.calvin-c.com/blog/touch-download-city-guide-map/100_1756/' title='People reading the district map'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/100_1756-150x150.jpg" class="attachment-thumbnail" alt="People reading the district map" title="People reading the district map" /></a>
<a href='http://www.calvin-c.com/blog/touch-download-city-guide-map/100_1752/' title='Beside the map there are often ads of popular businesses'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/100_1752-150x150.jpg" class="attachment-thumbnail" alt="Beside the map there are often ads of popular businesses" title="Beside the map there are often ads of popular businesses" /></a>
<a href='http://www.calvin-c.com/blog/touch-download-city-guide-map/100_1753/' title='New feature: touch-downloadable map'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/100_1753-150x150.jpg" class="attachment-thumbnail" alt="New feature: touch-downloadable map" title="New feature: touch-downloadable map" /></a>

<p>e-NAVITA (<a href="http://www.navita.co.jp">http://www.navita.co.jp</a>) is a private company that provides map service and local business directory for mobile devices. Now with growing usage of <a href="http://en.wikipedia.org/wiki/Osaifu-Keitai">サイフ携帯</a> (SAIFU KEITAI, mobile phone wallet), user can easily download a district map with just a touch to the sensor. A secondary access way is to use the QR-code if you do not own a compatible phone.</p>

<a href='http://www.calvin-c.com/blog/touch-download-city-guide-map/100_1754/' title='Bring a map with you!'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/100_1754-150x150.jpg" class="attachment-thumbnail" alt="Bring a map with you!" title="Bring a map with you!" /></a>
<a href='http://www.calvin-c.com/blog/touch-download-city-guide-map/100_1755/' title='Map downloading sensor for SAIFU-KEITAI'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/100_1755-150x150.jpg" class="attachment-thumbnail" alt="Map downloading sensor for SAIFU-KEITAI" title="Map downloading sensor for SAIFU-KEITAI" /></a>

<p>SAIFU KAITAI is using <a href="http://en.wikipedia.org/wiki/FeliCa">Sony&#8217;s FeliCa technology</a>. You can see <a href="http://www.calvin-c.com/blog/tag/felica/">my other blog posts about the FeliCa technology here</a>.</p>
<p>For more information about Japanese Addressing System <a href="http://en.wikipedia.org/wiki/Japanese_addressing_system">please visit this Wikipedia page</a>.</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/touch-download-city-guide-map/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Toilet Paper Horror Novel</title>
		<link>http://www.calvin-c.com/blog/toilet-paper-horror-novel/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=toilet-paper-horror-novel</link>
		<comments>http://www.calvin-c.com/blog/toilet-paper-horror-novel/#comments</comments>
		<pubDate>Sat, 14 Aug 2010 14:00:58 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Book]]></category>
		<category><![CDATA[Experience]]></category>
		<category><![CDATA[japan]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=1334</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/100_2609-150x150.jpg" class="post-thumb wp-post-image" alt="100_2609" title="100_2609" />You are sitting alone in this confined space. Except occasional distant noise from late night trains, the house is simply dead silent. The bathroom door next to your elbow is loosely shut, you can hear your breath echoing inside this space. The dim light above your head can barely light up the room, as well as the paper you are holding. But it casts an annoying shadow of you head onto the paper, making it even hard to read the small print. You move the paper closer and closer to your nose, tracing every line of the horror novel, and your heart [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/toilet-paper-horror-novel/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/media/2010/08/100_2609.jpg" rel="lightbox[1334]" title="100_2609"><img src="http://www.calvin-c.com/media/2010/08/100_2609-520x390.jpg" alt="" title="100_2609" width="520" height="390" class="aligncenter size-medium wp-image-1352" /></a></p>
<p><em>You are sitting alone in this confined space. Except occasional distant noise from late night trains, the house is simply dead silent. The bathroom door next to your elbow is loosely shut, you can hear your breath echoing inside this space. The dim light above your head can barely light up the room, as well as the paper you are holding. But it casts an annoying shadow of you head onto the paper, making it even hard to read the small print. You move the paper closer and closer to your nose, tracing every line of the horror novel, and your heart beat is mixed with your ever faster breathing.</em></p>
<p>Can you picture this experience in your head? I am trying to describe a Japanese product: a <em>horror novel</em> that is also a <em>toilet paper roll</em>. The name of the novel is called <strong>ドロップ (Drop)</strong> written by <a href="http://ja.wikipedia.org/wiki/鈴木光司">鈴木光司 (Suzuki Koushi)</a>. Mr. Suzuki also wrote the famous horror novel <strong>リング (Ring)</strong>.</p>

<a href='http://www.calvin-c.com/blog/toilet-paper-horror-novel/horror-novel-toilet-paper-roll/' title='Horror novel toilet paper roll'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/IMG_0555-150x150.jpg" class="attachment-thumbnail" alt="Horror novel toilet paper roll" title="Horror novel toilet paper roll" /></a>
<a href='http://www.calvin-c.com/blog/toilet-paper-horror-novel/authors-information-on-the-cover/' title='Author&#039;s information on the cover'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/IMG_0561-150x150.jpg" class="attachment-thumbnail" alt="Author&#039;s information on the cover" title="Author&#039;s information on the cover" /></a>
<a href='http://www.calvin-c.com/blog/toilet-paper-horror-novel/this-is-vol-2-of-the-sequel-210-yen-per-roll/' title='This is vol.2 of the sequel. 210 YEN per roll'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/IMG_0559-150x150.jpg" class="attachment-thumbnail" alt="This is vol.2 of the sequel. 210 YEN per roll" title="This is vol.2 of the sequel. 210 YEN per roll" /></a>
<a href='http://www.calvin-c.com/blog/toilet-paper-horror-novel/horror-novel-roll-being-sold-in-a-book-store/' title='Horror novel roll being sold in a book store'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/08/IMG_0556-150x150.jpg" class="attachment-thumbnail" alt="Horror novel roll being sold in a book store" title="Horror novel roll being sold in a book store" /></a>

<p>From <em>User Experience</em> point of view, the combination of toilet paper and horror novel is a brilliant idea.</p>
<ul>
<li><strong>Time condition</strong>: People are usually free for 3-5 minutes (or longer) in bathroom. They would find all sort of things to kill the time, such as handheld gaming device, magazine and book.</li>
<li><strong>Emotional condition</strong>: When a person is alone in a confined, quiet space (the bathroom), he/she is more emotionally vulnerable to horror stories.</li>
<li><strong>Convenience</strong>: toilet paper is always placed in a bathroom, there&#8217;s no doubt about it. It is right at the place of reach, doesn&#8217;t require battery, and you don&#8217;t need to bring a book in and out of the bathroom. Even better, after reading a page you can simply use it for it&#8217;s primary purpose: toilet paper.</li>
</ul>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/toilet-paper-horror-novel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Local Map in Train Station with Mobile Phone “Touch Download”</title>
		<link>http://www.calvin-c.com/blog/local-map-in-train-station-with-mobile-phone-touch-download/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=local-map-in-train-station-with-mobile-phone-touch-download</link>
		<comments>http://www.calvin-c.com/blog/local-map-in-train-station-with-mobile-phone-touch-download/#comments</comments>
		<pubDate>Tue, 03 Aug 2010 15:44:36 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[felica]]></category>
		<category><![CDATA[japan]]></category>
		<category><![CDATA[qrcode]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=1178</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Local-map-touch-download-1-150x150.jpg" class="post-thumb wp-post-image" alt="Local Map in train station features &quot;Touch Download&quot; with mobile phone" title="Local Map in train station features &quot;Touch Download&quot; with mobile phone" />I am seeing a lot of local map in train stations that has a &#8220;touch download&#8221; feature, which allows mobile phone users to download local business information simply by taping their FeliCa-powered mobile phone to the sensor. FeliCa is a RFID technology offered by Sony that allows touchless money and data transaction. The technology is currently being widely used by Japanese public transit and electronic payment systems. Unlike QR-code, this touchless RFID is supposed to be much quicker in response time. Theoretically the user can conveniently and instantly get the information on their phone without touching any button on the [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/local-map-in-train-station-with-mobile-phone-touch-download/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.calvin-c.com/media/2010/07/Local-map-touch-download-1.jpg" rel="lightbox[1178]" title="Local Map in train station features &quot;Touch Download&quot; with mobile phone"><img class="size-medium wp-image-1225 aligncenter" title="Local Map in train station features &quot;Touch Download&quot; with mobile phone" src="http://www.calvin-c.com/media/2010/07/Local-map-touch-download-1-520x390.jpg" alt="" width="520" height="390" /></a></p>
<p>I am seeing a lot of local map in train stations that has a &#8220;touch download&#8221; feature, which allows mobile phone users to download local business information simply by taping their <a href="http://www.sony.net/Products/felica/csy/index.html">FeliCa-powered</a> mobile phone to the sensor.</p>

<a href='http://www.calvin-c.com/blog/local-map-in-train-station-with-mobile-phone-touch-download/local-map-touch-download-1/' title='Local Map in train station features &quot;Touch Download&quot; with mobile phone'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Local-map-touch-download-1-150x150.jpg" class="attachment-thumbnail" alt="Local Map in train station features &quot;Touch Download&quot; with mobile phone" title="Local Map in train station features &quot;Touch Download&quot; with mobile phone" /></a>
<a href='http://www.calvin-c.com/blog/local-map-in-train-station-with-mobile-phone-touch-download/local-map-touch-download-2/' title='An interaction touch screen to show local business information'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Local-map-touch-download-2-150x150.jpg" class="attachment-thumbnail" alt="An interaction touch screen to show local business information" title="An interaction touch screen to show local business information" /></a>
<a href='http://www.calvin-c.com/blog/local-map-in-train-station-with-mobile-phone-touch-download/local-map-touch-download-3/' title='Local map in train station'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Local-map-touch-download-3-150x150.jpg" class="attachment-thumbnail" alt="Local map in train station" title="Local map in train station" /></a>

<p><a href="http://www.sony.net/Products/felica/csy/index.html">FeliCa</a> is a RFID technology offered by Sony that allows touchless money and data transaction. The technology is currently being widely used by Japanese public transit and electronic payment systems.</p>
<p>Unlike QR-code, this touchless RFID is supposed to be much quicker in response time. Theoretically the user can conveniently and instantly get the information on their phone without touching any button on the keypad.</p>
<p>On the other hand, using of this technology is only limited to Sony&#8217;s business partner and those who can afford to install a FeliCa transceiver. Also, such transceiver would consume electricity, so it might not work when there is a power outage. In that case, QR-code is still a better offline (zero electricity required) alternative. Also, since QR-code is a loyalty free technology, you can freely incorporate the code into posters and marketing materials.</p>
<p>Unfortunately I don&#8217;t own a FeliCa compatible mobile phone so I couldn&#8217;t record a video clip of it in use.</p>
<p>Wikipedia on Sony FeliCa technology: <a href="http://en.wikipedia.org/wiki/FeliCa">http://en.wikipedia.org/wiki/FeliCa</a></p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/local-map-in-train-station-with-mobile-phone-touch-download/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>McDonalds QRcode Shows Nutrition Information</title>
		<link>http://www.calvin-c.com/blog/mcdonalds-qrcode/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=mcdonalds-qrcode</link>
		<comments>http://www.calvin-c.com/blog/mcdonalds-qrcode/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 00:51:30 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>
		<category><![CDATA[japan]]></category>
		<category><![CDATA[qrcode]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=1199</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/McDonalds-meal-full-of-QR-code-150x150.jpg" class="post-thumb wp-post-image" alt="McDonalds meal full of QR code" title="McDonalds meal full of QR code" />McDonalds Japan uses a lot of QR-code technology as marketing tool. In a purchase of drink and snack, I could find 4 codes on the placemat and the potato bacon pie package. I particularly like the code on the pie package, which leads you to McDonald&#8217;s nutrition site. The interaction flow is like this: A customer purchases a pie and happily sits down to enjoy it. Being a health conscious individual, the customer is quite concerned about how much nutrition and calories the pie has. The customer pulls out his/her mobile phone, snaps the code and immediately sees the nutrition [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/mcdonalds-qrcode/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/media/2010/07/McDonalds-meal-full-of-QR-code.jpg" rel="lightbox[1199]" title="McDonalds meal full of QR code"><img class="size-medium wp-image-1202" title="McDonalds meal full of QR code" src="http://www.calvin-c.com/media/2010/07/McDonalds-meal-full-of-QR-code-520x390.jpg" alt="" width="520" height="390" /></a></p>
<p>McDonalds Japan uses a lot of QR-code technology as marketing tool. In a purchase of drink and snack, I could find 4 codes on the placemat and the potato bacon pie package.</p>
<p><a href="http://www.calvin-c.com/media/2010/07/Code-on-food-packaging-to-nutrition-site.jpg" rel="lightbox[1199]" title="Code on food packaging to nutrition site"><img class="size-medium wp-image-1200" title="Code on food packaging to nutrition site" src="http://www.calvin-c.com/media/2010/07/Code-on-food-packaging-to-nutrition-site-520x390.jpg" alt="" width="520" height="390" /></a></p>
<p>I particularly like the code on the pie package, which leads you to McDonald&#8217;s nutrition site. The interaction flow is like this:</p>
<ul>
<li>A customer purchases a pie and happily sits down to enjoy it.</li>
<li>Being a health conscious individual, the customer is quite concerned about how much nutrition and calories the pie has.</li>
<li>The customer pulls out his/her mobile phone, snaps the code and immediately sees the nutrition information about the pie in great detail. After knowing that the calories in this pie doesn&#8217;t exceed the daily limit, he/she feels save and happy to enjoy it without hesitation. Yum!</li>
</ul>
<p style="text-align: center;"><a href="http://www.calvin-c.com/media/2010/07/mdj-nutrition-page-bacon-potato-pie.jpg" rel="lightbox[1199]" title="MDJ.jp nutrition page - Bacon Potato Pie"><img class="size-medium wp-image-1209 aligncenter" title="MDJ.jp nutrition page - Bacon Potato Pie" src="http://www.calvin-c.com/media/2010/07/mdj-nutrition-page-bacon-potato-pie-197x390.jpg" alt="" width="197" height="390" /></a></p>
<p><strong>My thoughts:</strong></p>
<p><strong>Nutrition Campaign</strong> — McDonald&#8217;s can run a campaign to promote <em>health conscious living</em>, by creating free mobile app that let you scan food and automatically calculate the daily total calories consumption. The app is just a very simple QR-code scanner, which would recognize the code of the food you are eating (and also allow manual editing), and then automatically pull from the database the calories and nutrition values such as sodium, iron, fat and so on, and present a table of individual items as well as the daily total. It can also remember the data of previous days to generate historical charts.</p>
<p>Since most people perceive McDonalds as an unhealthy fast food restaurant, I think it would be nice for them to run such campaign to improve their public image and help marketing.</p>
<p><strong>Testing Japanese Mobile Websites</strong> — tips to test mobile sites for Japanese mobile phone from desktop browser:</p>
<ul>
<li>Change your browser&#8217;s user agent to one of the listed agent on <strong>Docomo</strong>&#8216;s spec page:<br />
<a href="http://www.nttdocomo.co.jp/english/service/imode/make/content/spec/useragent/">http://www.nttdocomo.co.jp/english/service/imode/make/content/spec/useragent/</a></li>
<li>For this test, I just randomly picked this user agent with support of <strong>Browser 2.0</strong>:<br />
<code>"DoCoMo/2.0 F04B(c500;TB;W30H25) (Communicating from the browser(vertical full screen))"</code></li>
<li>Turn on Safari &#8220;Develop&#8221; option to enable <em>custom user agent</em>.</li>
<li>Change the Text-encoding to &#8220;<strong>Japanese (Shift JIS)</strong>&#8221; if your browser is not already defaulted to Japanese encoding.</li>
</ul>
<p>More photos:</p>

<a href='http://www.calvin-c.com/blog/mcdonalds-qrcode/mcdonalds-meal-full-of-qr-code/' title='McDonalds meal full of QR code'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/McDonalds-meal-full-of-QR-code-150x150.jpg" class="attachment-thumbnail" alt="McDonalds meal full of QR code" title="McDonalds meal full of QR code" /></a>
<a href='http://www.calvin-c.com/blog/mcdonalds-qrcode/left-code-to-mcdonalds-site-right-code-to-%e7%9d%80%e3%81%86%e3%81%9f-music-site/' title='Left code to McDonalds site, right code to 着うた music site'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Left-code-to-McDonalds-site-right-code-to-着うた-music-site-150x150.jpg" class="attachment-thumbnail" alt="Left code to McDonalds site, right code to 着うた music site" title="Left code to McDonalds site, right code to 着うた music site" /></a>
<a href='http://www.calvin-c.com/blog/mcdonalds-qrcode/code-to-recruitment-page-note-its-possible-to-overlay-image-to-the-code/' title='Code to recruitment page. Note it&#039;s possible to overlay image to the code'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Code-to-recruitment-page.-Note-its-possible-to-overlay-image-to-the-code-150x150.jpg" class="attachment-thumbnail" alt="Code to recruitment page. Note it&#039;s possible to overlay image to the code" title="Code to recruitment page. Note it&#039;s possible to overlay image to the code" /></a>
<a href='http://www.calvin-c.com/blog/mcdonalds-qrcode/code-on-food-packaging-to-nutrition-site/' title='Code on food packaging to nutrition site'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Code-on-food-packaging-to-nutrition-site-150x150.jpg" class="attachment-thumbnail" alt="Code on food packaging to nutrition site" title="Code on food packaging to nutrition site" /></a>
<a href='http://www.calvin-c.com/blog/mcdonalds-qrcode/back-to-placemat-shows-detail-about-nutrition-site-and-how-to-use-the-qrcode/' title='Back to placemat shows detail about nutrition site and how to use the QRcode'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/Back-to-placemat-shows-detail-about-nutrition-site-and-how-to-use-the-QRcode-150x150.jpg" class="attachment-thumbnail" alt="Back to placemat shows detail about nutrition site and how to use the QRcode" title="Back to placemat shows detail about nutrition site and how to use the QRcode" /></a>
<a href='http://www.calvin-c.com/blog/mcdonalds-qrcode/mdj-nutrition-page-bacon-potato-pie/' title='MDJ.jp nutrition page - Bacon Potato Pie'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/mdj-nutrition-page-bacon-potato-pie-150x150.jpg" class="attachment-thumbnail" alt="MDJ.jp nutrition page - Bacon Potato Pie" title="MDJ.jp nutrition page - Bacon Potato Pie" /></a>

<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/mcdonalds-qrcode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Watch Your Luggage While Sleeping in Airport</title>
		<link>http://www.calvin-c.com/blog/watch-your-luggage-while-sleeping/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=watch-your-luggage-while-sleeping</link>
		<comments>http://www.calvin-c.com/blog/watch-your-luggage-while-sleeping/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 23:53:19 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=1023</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/IMG_7381-150x150.jpg" class="post-thumb wp-post-image" alt="Watch your luggage while sleeping at the airport" title="Watch your luggage while sleeping at the airport" />How do you pass the time waiting for a connection flight? What if you are so tired from the previous flight? How do you secure your luggage while your eyes are closed? What makes a good sleep? Being able to lie down Shoes off Dark, or at least covering the eyes Sense of security Quiet The airport bench is designed to avoid people from laying down. But like many things in life, people will always be able to find ways to work around. Can you design the airport so that it is more passenger friendly, especially those who are tired? [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/watch-your-luggage-while-sleeping/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[
<a href='http://www.calvin-c.com/blog/watch-your-luggage-while-sleeping/img_7381/' title='Watch your luggage while sleeping at the airport'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/IMG_7381-150x150.jpg" class="attachment-thumbnail" alt="Watch your luggage while sleeping at the airport" title="Watch your luggage while sleeping at the airport" /></a>
<a href='http://www.calvin-c.com/blog/watch-your-luggage-while-sleeping/img_7380/' title='Man sleeping at a quiet corner of the Doha airport'><img width="150" height="150" src="http://www.calvin-c.com/media/2010/07/IMG_7380-150x150.jpg" class="attachment-thumbnail" alt="Man sleeping at a quiet corner of the Doha airport" title="Man sleeping at a quiet corner of the Doha airport" /></a>

<p>How do you pass the time waiting for a connection flight? What if you are so tired from the previous flight? How do you secure your luggage while your eyes are closed?</p>
<p>What makes a good sleep?</p>
<ul>
<li>Being able to lie down</li>
<li>Shoes off</li>
<li>Dark, or at least covering the eyes</li>
<li>Sense of security</li>
<li>Quiet</li>
</ul>
<p>The airport bench is designed to avoid people from laying down. But like many things in life, people will always be able to find ways to work around. Can you design the airport so that it is more passenger friendly, especially those who are tired?</p>
<p>What about the design of the luggage? How about making it easier to sleep on, maybe with an inflatable pillow?</p>
<p style="text-align: center;">
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/watch-your-luggage-while-sleeping/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gesture Controlled Seal</title>
		<link>http://www.calvin-c.com/blog/gesture-controlled-seal/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=gesture-controlled-seal</link>
		<comments>http://www.calvin-c.com/blog/gesture-controlled-seal/#comments</comments>
		<pubDate>Sat, 08 May 2010 23:45:49 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>
		<category><![CDATA[hong kong]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=688</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/05/IMG_6456-150x150.jpg" class="post-thumb wp-post-image" alt="Gesture Controller Seal" title="Gesture Controller Seal" />Curious seal responses to human gesture. Beautiful human to nature interaction that no amount of technology and interaction design can beat. Shot at Ocean Park, Hong Kong.<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/gesture-controlled-seal/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/blog/gesture-controlled-seal/img_6456/" rel="attachment wp-att-693"><img src="http://www.calvin-c.com/media/2010/05/IMG_6456-500x333.jpg" alt="" title="Gesture Controller Seal" width="500" height="333" class="alignnone size-medium wp-image-693" /></a></p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/fQ9f8S5F9qk&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fQ9f8S5F9qk&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p>Curious seal responses to human gesture. Beautiful human to nature interaction that no amount of technology and interaction design can beat. Shot at Ocean Park, Hong Kong.</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/gesture-controlled-seal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Context Sensitive Advertisement</title>
		<link>http://www.calvin-c.com/blog/context-sensitive-ad/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=context-sensitive-ad</link>
		<comments>http://www.calvin-c.com/blog/context-sensitive-ad/#comments</comments>
		<pubDate>Wed, 05 May 2010 21:50:06 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>
		<category><![CDATA[hong kong]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=663</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/05/IMG_5007-150x150.jpg" class="post-thumb wp-post-image" alt="Ad sticker of fridge and A/C repairing service" title="Ad sticker of fridge and A/C repairing service" />Advertisement displayed in the right context would increase it&#8217;s effectiveness. The picture above shows a set of typical recycle bins on the street in Hong Kong. Notice that there&#8217;s a sticker on the blue one, which is an ad of fridge and air-conditioner repairing service. When people are throwing away recyclables after house cleaning, what&#8217;s their state of mind? Do they also have some appliances at home that need to be repaired? Figuring out the correct state of mind while doing one task, and conveniently provide some related services, is really valuable in identifying business opportunities. Now lets look at [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/context-sensitive-ad/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/media/2010/05/IMG_5006.jpg" rel="lightbox[663]" title="Recycle bins on the street"><img class="alignnone size-medium wp-image-664" title="Recycle bins on the street" src="http://www.calvin-c.com/media/2010/05/IMG_5006-500x375.jpg" alt="" width="500" height="375" /></a></p>
<p>Advertisement displayed in the right context would increase it&#8217;s effectiveness. The picture above shows a set of typical recycle bins on the street in Hong Kong. Notice that there&#8217;s a sticker on the blue one, which is an ad of fridge and air-conditioner repairing service.</p>
<p><a href="http://www.calvin-c.com/media/2010/05/IMG_5007.jpg" rel="lightbox[663]" title="Ad sticker of fridge and A/C repairing service"><img class="alignnone size-medium wp-image-665" title="Ad sticker of fridge and A/C repairing service" src="http://www.calvin-c.com/media/2010/05/IMG_5007-500x375.jpg" alt="" width="500" height="375" /></a></p>
<p>When people are throwing away recyclables after house cleaning, what&#8217;s their state of mind? Do they also have some appliances at home that need to be repaired? Figuring out the correct state of mind while doing one task, and conveniently provide some related services, is really valuable in identifying business opportunities.</p>
<p>Now lets look at web advertisements on Gmail, Yahoo and Mixi respectively.</p>
<p><a href="http://www.calvin-c.com/media/2010/05/Screen-shot-2010-05-06-at-9.33.06-PM.png" rel="lightbox[663]" title="Ads on Gmail"><img class="alignnone size-medium wp-image-667" title="Ads on Gmail" src="http://www.calvin-c.com/media/2010/05/Screen-shot-2010-05-06-at-9.33.06-PM-500x346.png" alt="" width="500" height="346" /></a></p>
<p>Although some people claim that intrusive, Gmail&#8217;s algorithmic ad is quite good at guessing what might interests me at the moment while reading the UX newsletter email.</p>
<p><a href="http://www.calvin-c.com/media/2010/05/Screen-shot-2010-05-06-at-9.35.02-PM.png" rel="lightbox[663]" title="Ads on Yahoo Mail"><img class="alignnone size-medium wp-image-668" title="Ads on Yahoo Mail" src="http://www.calvin-c.com/media/2010/05/Screen-shot-2010-05-06-at-9.35.02-PM-500x222.png" alt="" width="500" height="222" /></a></p>
<p>Yahoo Mail basically just attach some random catchy news and trendy topics on the page. This strategy is pretty typical in many Chinese websites.</p>
<p><a href="http://www.calvin-c.com/media/2010/05/Screen-shot-2010-05-06-at-9.42.15-PM.png" rel="lightbox[663]" title="Ads on Mixi"><img class="alignnone size-medium wp-image-669" title="Ads on Mixi" src="http://www.calvin-c.com/media/2010/05/Screen-shot-2010-05-06-at-9.42.15-PM-500x358.png" alt="" width="500" height="358" /></a></p>
<p>Mixi, one of the largest Japanese social networking site, gives me ads about cosmetic surgery, hair removal, aquarium mini game, makeup, all regardless of my gender and interest settings in my member profile. It is no better than throwing darts in the dark.</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/context-sensitive-ad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Experience Oriented OS on Location Aware Device</title>
		<link>http://www.calvin-c.com/blog/experience-oriented-os/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=experience-oriented-os</link>
		<comments>http://www.calvin-c.com/blog/experience-oriented-os/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 04:25:35 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Experience]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[context aware]]></category>
		<category><![CDATA[location aware]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=471</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/02/Untitled-2-150x150.png" class="post-thumb wp-post-image" alt="Locus OS by Burton Smith" title="Locus OS by Burton Smith" />Stumble on this blog post from Engadget: Locus OS concept video shows the future of computing&#8230; right now, which mentions about a UI concept video created by Barton Smith (Vimeo, Behance, Twitter). Although the visual is quite appealing, what interests me is the following ideas: to organize our computer usage into experience-based, rather than application-based. Users can focus on the actual content and function of interest, freeing them from remembering the application that is actually working under the hood. Barton suggests six group of experiences and their specific actions: Media: music, movices, tv, podcasts, radio, images, texts, marketplace Memories: capture, record, [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/experience-oriented-os/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/media/2010/02/Untitled-2.png" rel="lightbox[471]" title="Locus OS by Burton Smith"><img class="aligncenter size-medium wp-image-473" title="Locus OS by Burton Smith" src="http://www.calvin-c.com/media/2010/02/Untitled-2-500x280.png" alt="" width="500" height="280" /></a>Stumble on this blog post from Engadget:<br />
<a href="http://www.engadget.com/2010/02/08/locus-os-concept-video-shows-the-future-of-computing-right-no/">Locus OS concept video shows the future of computing&#8230; right now</a>, which mentions about a UI concept video created by <em>Barton Smith</em> (<a href="http://vimeo.com/bartonsmith">Vimeo</a>, <a href="http://www.behance.net/expansiondesign">Behance</a>, <a href="http://twitter.com/bartonsmith">Twitter</a>). Although the visual is quite appealing, what interests me is the following ideas:</p>
<ol>
<li>to organize our computer usage into experience-based, rather than application-based. Users can focus on the actual content and function of interest, freeing them from remembering the application that is actually working under the hood. Barton suggests six group of experiences and their specific actions:
<ul>
<li>Media: music, movices, tv, podcasts, radio, images, texts, marketplace</li>
<li>Memories: capture, record, view, share</li>
<li>Connections: phone, sms, browser, mail, maps, calendar, contacts, web apps</li>
<li>Documents: create, explore, marketplace</li>
<li>Creations: create, explore, marketplace</li>
<li>Games: console games, portable games, community, marketplace</li>
</ul>
</li>
<li>At <a href="#locus_video">#1:00</a>, the video shows that user can organize the relevant resources base on context (project, time, name, location), seeing a bunch of papers and folders that you can physically grab and interact with them, instead of seeing the computer files as uni-size icons.</li>
<li>Desktop is location aware, and the device can automatically switch to different desktop profile base on the location or context: kitchen, study, driving, public transport&#8230;etc</li>
</ol>
<h3>3D desktop with physic engine</h3>
<p>3D interactive desktop with physic engine is not a new concept. <a href="http://bumptop.com">BumpTop</a> is an application that is already available with a free version and a pro version for $29. However, it is still using the desktop/icon analogy, just making it more visually appealing.</p>
<p><a style="text-decoration: none;" href="http://www.calvin-c.com/media/2010/02/bumptop.png" rel="lightbox[471]" title="BumpTop"><img class="aligncenter size-medium wp-image-488" title="BumpTop" src="http://www.calvin-c.com/media/2010/02/bumptop-500x287.png" alt="" width="500" height="287" /></a></p>
<p>image source: <a href="http://bumptop.com">BumpTop</a>. See video <a href="#bumptop_video">at the end of this post</a>.</p>
<h3>Hardware</h3>
<p>On top of the Locus OS, Barton Smith has an industrial design concept called <a href="http://www.behance.net/Gallery/Stream/191676">Stream</a> way back at 2008, which is a mobile device designed for such context based usage. Some of the visions in this design seem to be realized by Apple&#8217;s iPad.</p>
<p><a href="http://www.calvin-c.com/media/2010/02/577411236175524.jpg" rel="lightbox[471]" title="STREAM by Burton Smith"><img class="aligncenter size-medium wp-image-478" title="STREAM by Burton Smith" src="http://www.calvin-c.com/media/2010/02/577411236175524-500x281.jpg" alt="" width="500" height="281" /></a>Speaking of iPad, it is indeed an interesting device that is technically capable of creating this kind of location-awared, task oriented workflow experience. Unfortunately, Apple only ports the existing iPhone OS to it, which is still very application-based. Furthermore, the tens of thousands of apps available in App Store, which Apple considered the strength of iPhone/touch OS, can be seen exactly as a weakness too. The current SpringBoard app launcher only limits user to have 9 pages of apps in it. User must also remember the page number in order to correctly locate the app that he/she has manually placed, if not randomly dropped to an empty spot by the App Store. Yes, there&#8217;s a Spotlight search feature built-in to the OS, but user must remember the correct app name to be able to find it. Thanks to some creative app writers, some of the application names are just impossible to remember. (Shazam, Chomp, Echofon&#8230;these are not English!)</p>
<p>Also, Apple locks down the hardware so that no one can develop such a third-party OS. The only possible ways would be to either make it for jail-broken iPad, or an big app that sits on top of the native iPhone OS.</p>
<h3>More about OS</h3>
<p>Further thoughts on the task oriented OS and file organization method:</p>
<p><a href="http://www.thebrain.com">PersonalBrain</a> &#8211; a file/resources/knowledge organizer that uses non-linear, <a href="http://en.wikipedia.org/wiki/Mind_map">mind mapping technique</a>. The same file can be linked from different parent node, as well as having multiple child nodes.</p>
<p><a href="http://www.thebrain.com"><img class="alignnone size-full wp-image-479" title="PersonalBrain 5" src="http://www.calvin-c.com/media/2010/02/personalbrain.png" alt="" width="467" height="264" /></a></p>
<p><a href="http://www.asktog.com/columns/080Springboard.html">iPhone SpringBoard 2.0 Concept by AskTOG, Nielsen Norman Group</a> &#8211; an improvement on iPhone SpringBoard app launcher that allows user to group apps based on context: home, work&#8230;etc. This is resonant with Locus OS&#8217;s multiple desktop profile.</p>
<p><a href="http://www.asktog.com/columns/080Springboard.html"><img class="alignnone size-full wp-image-480" title="Springboard new concept" src="http://www.calvin-c.com/media/2010/02/SpringboardScrollingPage.jpg" alt="" width="320" height="480" /></a></p>
<p>Locus OS concept video:</p>
<p><object id="locus_video" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="315" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=9281370&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed id="locus_video" type="application/x-shockwave-flash" width="560" height="315" src="http://vimeo.com/moogaloop.swf?clip_id=9281370&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>BumpTop video tour:</p>
<p><object id="bumptop_video" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/GcbymyM3dWo&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed id="bumptop_video" type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/GcbymyM3dWo&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/experience-oriented-os/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhone/iPod touch Stylus</title>
		<link>http://www.calvin-c.com/blog/iphone-stylus/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=iphone-stylus</link>
		<comments>http://www.calvin-c.com/blog/iphone-stylus/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 06:15:13 +0000</pubDate>
		<dc:creator>Calvin C</dc:creator>
				<category><![CDATA[Experience]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[diy]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://www.calvin-c.com/?p=456</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.calvin-c.com/media/2010/02/IMG_5378-150x150.jpg" class="post-thumb wp-post-image" alt="iPhone Stylus" title="iPhone Stylus" />I find sketching on the iPhone not too fun nor precise. The Pogo stylus, which is currently being used in Apple store iPod-touch-based checkout device, allows you to write on the touch screen with the pen form factor. It&#8217;s shiny and elegant, but I would rather hack some existing materials that I already have, especially a pen with the right balance and grip size. Inspired by a blog post in Makezine about DIY iPhone Stylus, I decided to make one with my Staedtler mechanical sketch pencil. Few technical notes: the stylus mimics a human finger tip, which must have enough conductivity, [...]<div class="excerpt_readmore"><a href="http://www.calvin-c.com/blog/iphone-stylus/">Read more &#038;raquo</a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5378.jpg" rel="lightbox[456]" title="iPhone Stylus"><img class="aligncenter size-medium wp-image-457" title="iPhone Stylus" src="http://www.calvin-c.com/media/2010/02/IMG_5378-500x333.jpg" alt="" width="500" height="333" /></a>I find sketching on the iPhone not too fun nor precise. The <a href="http://tenonedesign.com/sketch.php">Pogo stylus</a>, which is currently being used in Apple store iPod-touch-based checkout device, allows you to write on the touch screen with the pen form factor. It&#8217;s shiny and elegant, but I would rather hack some existing materials that I already have, especially a pen with the right balance and grip size.</p>
<p>Inspired by a <a href="http://blog.makezine.com/archive/2009/06/diy_iphone_stylus.html">blog post in Makezine about DIY iPhone Stylus</a>, I decided to make one with my Staedtler mechanical sketch pencil.</p>
<p>Few technical notes:</p>
<ul>
<li>the stylus mimics a human finger tip, which must have enough <em>conductivity</em>, <em>capacitance</em>, and <em>contact surface area</em> to trigger the touch sensor in the iPhone capacitative sensor screen. After a few experiments, I found that the 9mm snap button works the best.</li>
<li>I chose Staedtler Mars technico because it has the right weight, balance, and conveniently with a metal grip that would increase the capacitance of the stylus.</li>
<li>as mentioned in the Makezine post, attaching the snap button with dental floss instead of super glue allows it to flex in different angles, thus always maintain the biggest contact area. Also, the snap button and Staedtler Mars tip makes a good ball-socket joint.</li>
</ul>
<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5349.jpg" rel="lightbox[456]" title="IMG_5349"><img class="alignnone size-medium wp-image-458" title="IMG_5349" src="http://www.calvin-c.com/media/2010/02/IMG_5349-200x300.jpg" alt="iPhone stylus materials" width="200" height="300" /></a></p>
<p>Materials:</p>
<ul>
<li>Staedtler &#8220;Mars technico&#8221; mechanical sketch pencil</li>
<li>Dental Floss</li>
<li>9mm snap button</li>
</ul>
<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5365.jpg" rel="lightbox[456]" title="iPhone Stylus - Step 1"><img class="size-medium wp-image-459 alignnone" title="iPhone Stylus - Step 1" src="http://www.calvin-c.com/media/2010/02/IMG_5365-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5367.jpg" rel="lightbox[456]" title="iPhone Stylus - Step 2"><img class="alignnone size-medium wp-image-460" title="iPhone Stylus - Step 2" src="http://www.calvin-c.com/media/2010/02/IMG_5367-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5369.jpg" rel="lightbox[456]" title="iPhone Stylus - Step 3"><img class="alignnone size-medium wp-image-461" title="iPhone Stylus - Step 3" src="http://www.calvin-c.com/media/2010/02/IMG_5369-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5370.jpg" rel="lightbox[456]" title="iPhone Stylus - Step 4"><img class="alignnone size-medium wp-image-462" title="iPhone Stylus - Step 4" src="http://www.calvin-c.com/media/2010/02/IMG_5370-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5373.jpg" rel="lightbox[456]" title="iPhone Stylus - Step 5"><img class="alignnone size-medium wp-image-463" title="iPhone Stylus - Step 5" src="http://www.calvin-c.com/media/2010/02/IMG_5373-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p>Voila, iPhone Stylus it is:</p>
<p><a href="http://www.calvin-c.com/media/2010/02/IMG_5383.jpg" rel="lightbox[456]" title="iPhone Stylus - Finish"><img class="alignnone size-medium wp-image-464" title="iPhone Stylus - Finish" src="http://www.calvin-c.com/media/2010/02/IMG_5383-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p>I am really interested an further testing my DIY stylus on a Macbook and <a href="http://tenonedesign.com/inklet.php">Inklet</a>, an application that turns the Macbook trackpad into a drawing tablet. If the system works, it would be much easier for people to draw sketches without buying a separate <a href="http://www.wacom.com">Wacom tablet</a>. One example is that, designers can meet with the client in a coffee shop and sketch their ideas on the laptop without any extra drawing tablet.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/7KVFmE8la6w&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/7KVFmE8la6w&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://www.calvin-c.com/blog/iphone-stylus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
