<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>8164</title>
	
	<link>http://www.8164.org</link>
	<description>8164, Web Design culture and philosophy of Taoism. Also, Life in general</description>
	<pubDate>Mon, 17 Nov 2008 05:13:06 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/8164" type="application/rss+xml" /><item>
		<title>Overly Inspired</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/455594913/</link>
		<comments>http://www.8164.org/overly-inspired/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 05:13:06 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=942</guid>
		<description><![CDATA[Time to start doing.]]></description>
			<content:encoded><![CDATA[<p>As much as I&#8217;ve tried to put balance in my life, I think I&#8217;ve failed in certain aspects. Ironically, one of those aspects is my creativity.<br />
<span id="more-942"></span></p>
<p>One may be wondering how that can be, since I write a design related blog, and a self-claimed fervent design blog reader. You see, that&#8217;s the thing. I read and write about design, but I haven&#8217;t done nearly as much actual &#8220;designing&#8221; as I would like to. I&#8217;m talking about doing creative things in my own time outside of work. In a way, I think I&#8217;ve become a pundit, or a mere enthusiast. Looking back at my more productive years(late 90s to mid 00s), I didn&#8217;t read too much design blogs or write anything on design. My inspirations mostly came from tweaking my own work, or reading a few good print or photography magazines.</p>
<p>With design inspiration sites being so abundantly available these days, it&#8217;s hard not to look at what wonderful work other designers or artists have done. I&#8217;m grateful for those who maintain sites showcasing quality work. Sites like these were so few in between when I first started web design. However I have to ask myself why I even seek for inspirations to begin with? To aid my own design of course. But if I spend most of my time only being inspired and not doing anything myself, then what purpose does it serve besides a mere nerve stimulation?</p>
<p>My thoughts on this subject can pretty much be summed up by my friend Jeff&#8217;s <a rel="external" href="http://www.codinghorror.com/blog/archives/000809.html">article</a>, just simply replace the word &#8220;programming&#8221; with &#8220;design.&#8221;</p>
<blockquote><p>At the point when I spend all my time talking about programming, and very little of my time programming, my worst fear has been realized: I&#8217;ve become a pundit. The last thing the world needs is more pundits. Pundits only add ephemeral commentary to the world instead of anything concrete and real. They don&#8217;t materially participate in the construction of any lasting artifacts; instead, they passively observe other people&#8217;s work and offer a never-ending babbling brook of opinions, criticism, and witty turns of phrase.</p></blockquote>
<p>Even if you&#8217;re not a designer, you probably can still relate reading this. There are a lot of &#8220;inspirational&#8221; books, articles in life that help you to achieve things you want. It&#8217;s very easy to get sucked into reading them, instead of practicing what they advocate.</p>
<p>It&#8217;s time for me to make my creative life more balanced. I&#8217;ll continue to read, but in moderation. As far as blogging, I&#8217;ll keep the same pace. Writing in a way, helps me to be creative as a writer. I&#8217;m not a very good writer (in fact English isn&#8217;t my first language), and more importantly, I always had trouble sticking to one thing without giving up. So writing this blog has helped me to convey my thoughts into words more effectively. Also keeping up with a consistent post rate has helped me to overcome my weakness.</p>
<p>I plan to dust off my Wacom for digital drawing; take more creative photography; and finish some long over due web projects. Hopefully one day I&#8217;ll post my finished work here.</p>
<p>Why are you still reading this? Go take a photo, draw a sketch, play a tune on guitar, write an article, fire up Photoshop, or simply go for a nice jog. :)</p>
<p>/cheers</p>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/overly-inspired/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/overly-inspired/</feedburner:origLink></item>
		<item>
		<title>Findings 11.14.08</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/453641199/</link>
		<comments>http://www.8164.org/findings-111408/#comments</comments>
		<pubDate>Sat, 15 Nov 2008 03:42:50 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[weekly recap]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=929</guid>
		<description><![CDATA[Weekly recap from here and elsewhere. 11.14.08 edition]]></description>
			<content:encoded><![CDATA[<p>I think reading blogs, or even writing them have given me ADHD. It&#8217;s probably why I haven&#8217;t finished reading a book the whole way through in a good while. I started reading <em>Serious Creativity</em> by Edward De Bono this past weekend. The idea of holding a book in my hands always feels foreign. I&#8217;m determined to finish it. It&#8217;s quite inspirational, I highly recommend it. The book isn&#8217;t about artistic creativity, but rather creative thinking and problem solving in general.</p>
<p><span id="more-929"></span></p>
<h3>8164</h3>
<ul>
<li><a href="/talent-vs-hard-work/">Natural Talent vs. Hard Work</a> - Working in the creative industry, I&#8217;m often amazed at the work of some artists. I can&#8217;t help but wonder if such great work is due to natural talent or hard work, or both.</li>
<li><a href="/airspace-museum/">Air &amp; Space Museum</a> - A post of photos I took while visiting the National Air and Space Museum this past weekend. It&#8217;s becoming one of my favorite museums in DC area.</li>
</ul>
<h3>Blogs from Elsewhere</h3>
<ul>
<li><a rel="external" href="http://forabeautifulweb.com/blog/about/is_css3_rgba_ready_to_rock/">Is CSS3 RGBa ready to rock? </a> - An overview of the new CSS feature, RGBa(&#8221;a&#8221; as in alpha). This article also contains useful links to other CSS3 related sites.</li>
<li><a rel="external" href="http://code.flickr.com/blog/2008/10/27/lessons-learned-while-building-an-iphone-site/">Lessons Learned while Building an iPhone Site</a> - A very nice article from Ross, a developer for Flickr. He talks about what to watch for when developing a site for the iPhone, or mobiles in general.</li>
<li><a rel="external" href="http://sethgodin.typepad.com/seths_blog/2008/11/seen-it-all-bef.html">Seen It All Before</a> - Seth makes a few good points about assuming, or anticipating what your audience may or may not know.</li>
<li><a rel="external" href="http://www.designworkplan.com/typography-fonts/rijksoverheid-sans-serif.htm">Dutch Government Introduces Corporate Typeface</a> - A good through review by Sanders, on a new typeface Rijksoverheid Serif / Sans. Very pretty indeed.</li>
<li><a rel="external" href="http://www.saturdaybulletin.com/?m=200811">Saturday Bulletin</a> - A very funny blog I discovered this week. The blogger, Jerry Tracy takes clipart he finds and adds funny captions.</li>
<li><a rel="external" href="http://equivocality.com/">Equivocality</a> - The personal blog of Jeff Ngan. You can definitely tell that Jeff is a creative person from his clean site design and candid photography. However he doesn&#8217;t blog about design much, just honest personal writings. Maybe that&#8217;s why I&#8217;m drawn to his blog.</li>
</ul>
<h3>Fun Stuff</h3>
<ul>
<li><a rel="external" href="http://www.faceblind.org/facetests/fgcfmt/fgcfmt_intro.php">Cambridge Face Memory Test</a> - I scored a 93%. But I gotta say, those faces creep me out.</li>
<li><a rel="external" href="http://gadgets.boingboing.net/2008/11/07/ocarina-iphone-app-h.html">Ocarina iPhone app</a> - I really want this, for no particular reason except to annoy people on the subway :)</li>
<li><a rel="external" href="http://superobamaworld.com/">Super Obama World</a> - Replace Mario with Obama&#8230;</li>
<li><a rel="external" href="http://www.boston.com/bigpicture/2008/11/peering_into_the_micro_world.html">Peering into the Micro World</a> - I love boston.com&#8217;s &#8220;the Big Picture&#8221; section. This latest release features some amazing microscopic photography.</li>
</ul>
<h3>Rodrigo y Gabriela</h3>
<ul>
<li> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" 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=1572847&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=1572847&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/1572847">Rodrigo y Gabriela &#8216;Diablo Rojo&#8217;</a> from <a href="http://vimeo.com/davidgwilson">David G Wilson</a> on <a href="http://vimeo.com">Vimeo</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/findings-111408/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/findings-111408/</feedburner:origLink></item>
		<item>
		<title>Talent vs. Hard Work</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/451860020/</link>
		<comments>http://www.8164.org/talent-vs-hard-work/#comments</comments>
		<pubDate>Thu, 13 Nov 2008 14:55:52 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=909</guid>
		<description><![CDATA[Does natural talent exist?]]></description>
			<content:encoded><![CDATA[<p class="centerAlign"><img title="Rock Lee from Naruto" src="http://www.8164.org/wp-content/uploads/2008/11/cover-naruto_lee0048.jpg" alt="Rock Lee from Naruto" width="450" height="337" /></p>
<p><span id="more-909"></span></p>
<p>I am currently reading <a rel="external" href="http://www.amazon.com/Serious-Creativity-Lateral-Thinking-Create/dp/0887306357"><em>Serious Creativity</em></a> by <a rel="external" href="http://en.wikipedia.org/wiki/Edward_de_Bono">Edward De Bono</a>. It&#8217;s a great book by the way, I&#8217;ll write a review once I&#8217;m done reading it. In one chapter on misperceptions about creativity, Bono wrote:</p>
<blockquote><p>CREATIVITY IS A NATURAL TALENT AND CANNOT BE TAUGHT</p>
<p>This misperception is actually very convenient because it relieves everybody of the need to do anything about fostering creativity. If it is only available as a natural talent then there is no point in seeking to do anything about creativity.</p>
<p>[...]</p>
<p>That some people are naturally creative does not mean that such people would not be even more creative with some training and techniques. Nor does it mean that other people can never become creative.</p></blockquote>
<p>Natural talent vs. hard work is a topic that has been debated by people of all professions throughout history. It&#8217;s also known as <a rel="external" href="http://en.wikipedia.org/wiki/Nature_versus_nurture">Nature vs Nurture</a>, the difference between one&#8217;s innate ability vs. ability affected by personal experiences.</p>
<p>The term &#8220;talented&#8217; or &#8220;gifted&#8221; is often mentioned in the artistic field. The achievements of artists, both in fine art and performing art are more obvious and visible. I have yet to find the reason why people have the need for such debate or self-awareness. Perhaps for some, it&#8217;s to gain self assurance, while for others it is to be hopeful.</p>
<p>I read a lot fables as a kid. Many of them touched upon this topic. For example, the race between the rabbit and the turtle. As a  fan of the anime <a rel="external" href="http://en.wikipedia.org/wiki/Naruto">Naruto</a> in recent years, my favorite character is <a rel="external" href="http://en.wikipedia.org/wiki/Rock_Lee">Rock Lee</a> (pictured above). He has no natural talent that other ninja students posses, but he makes up for it with his tenacity.</p>
<p>But fictions are fictions, they teach us the moral of being humble and diligent. Reading Bono&#8217;s excerpt, I can&#8217;t help but to consciously wonder if there&#8217;s such a thing as natural talent, especially when it comes to creativity. Last year I read an interesting and passionate <a rel="external" href="http://www.conceptart.org/forums/showthread.php?t=114341">discussion</a> regarding this topic on Conceptart.org, and supporters of both sides raised some good points.</p>
<p>Here&#8217;s my opinion on natural talent vs. hard work: (P.S. as redundant as it may be, I&#8217;d like to point out this is just my opinion. Agree or disagree, that&#8217;s what the comment section is for).</p>
<p>Of course there&#8217;s natural talent, it&#8217;s not a myth. My statement comes from the achievements of people like Mozart , Michelangelo, Einstein, Michael Jordan etc. and my association with some very smart people in real life. I believe some people have more natural aptitude than others in certain areas. This is what I call natural talent.</p>
<p>However, the verdict of someone being naturally talented is often skewed. For example, when we see a fine piece of art or music, we often conclude that the artist must be really gifted. We come to this conclusion because we&#8217;re judging the end result - the art work itself. We tend to forget about the process and the journey of getting there. The artist may have been practicing for many years to get to that point. In which case hard work plays a huge role, regardless of whether he/she is naturally gifted or not.</p>
<p>In many discussions I&#8217;ve seen, talent and hard work are often talked about in  a <a href="/xor/">dichotomical</a> way. E.g., Gifted people are perceived as complacent and lazy; while non-gifted people work harder to make up for it. In reality, talent can only carry you so far, the rest is hard work. The two are not mutually exclusive.</p>
<p>I also believe tenacity itself is a form of natural talent. It&#8217;s not something everyone is capable of. Being able to work hard towards a goal, consistently, despite hardship, is a gift. It&#8217;s easy to judge talent by a painting, photo, music score or fanbase because they&#8217;re more conceivable.</p>
<p>Another factor that&#8217;s often ignored in such discussions is Passion.  Passion makes us strive for excellence. Talent + hard work + passion is a winning formula for success.</p>
<p>My views are formed based on my personal experiences, I&#8217;d love to hear yours.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/talent-vs-hard-work/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/talent-vs-hard-work/</feedburner:origLink></item>
		<item>
		<title>Air&amp;Space Museum</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/449182136/</link>
		<comments>http://www.8164.org/airspace-museum/#comments</comments>
		<pubDate>Tue, 11 Nov 2008 05:33:55 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=891</guid>
		<description><![CDATA[Photos from National Air and Space Museum - Steven F. Udvar-Hazy Center]]></description>
			<content:encoded><![CDATA[<p>If you ever come to the DC Metro area, I highly recommend visiting the <a href="http://www.nasm.si.edu/UdvarHazy/" rel="external">Steven F. Udvar-Hazy Center</a>, in Dulles, Virginia. It&#8217;s part of the National Air and Space Museum. This past Saturday I finally took the family there, after having lived in this area for over a year. Needless to say, both my <a href="/new-camera/">camera</a> and I had a blast. I got to see my most favorite plane, the SR-71, aka Blackbird in person. It was a breath taking experience seeing some of the finest human engineering.<br />
<span id="more-891"></span></p>
<p>Below you&#8217;ll find some of photos I took from the trip. You can see all the photos from my <a href="http://www.flickr.com/photos/jinny76/sets/72157608777895122/show/" rel="external">Flickr set</a>. Enjoy.</p>
<p class="centerAlign"><a title="National Air and Space Museum by Jin Y, on Flickr" href="http://www.flickr.com/photos/jinny76/3014942268/"><img src="http://farm4.static.flickr.com/3216/3014942268_ebb99e4833.jpg" alt="National Air and Space Museum" width="332" height="500" /></a></p>
<p class="centerAlign"><a title="National Air and Space Museum by Jin Y, on Flickr" href="http://www.flickr.com/photos/jinny76/3014121303/"><img src="http://farm4.static.flickr.com/3293/3014121303_10c8dc77b5.jpg" alt="National Air and Space Museum - SR71 Blackbird" width="500" height="332" /></a></p>
<p class="centerAlign"><a title="National Air and Space Museum by Jin Y, on Flickr" href="http://www.flickr.com/photos/jinny76/3014201813/"><img src="http://farm4.static.flickr.com/3270/3014201813_e1a3af3242.jpg" alt="National Air and Space Museum - SR71 Blackbird" width="500" height="332" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014142697/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3155/3014142697_4b7f7a4747.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014145467/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3169/3014145467_ba35d1b34d.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3015011824/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3164/3015011824_b06e6dbe85.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014222427/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3214/3014222427_630afa720c.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014998394/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3289/3014998394_831b5ffd4e.jpg" width="500" height="333" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014170651/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3019/3014170651_78943f2fd1.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014180809/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3067/3014180809_f15d215543.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014178541/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3289/3014178541_1399440a54.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3015022476/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3027/3015022476_0c2c27344d.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014199393/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3294/3014199393_b8b2bb5cc0.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014190395/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3047/3014190395_6c7b03b3e9.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014197423/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3161/3014197423_da48532999.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3015039690/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3137/3015039690_fe12a244db.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3021453148/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3197/3021453148_6f4c05a567.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
<p class="centerAlign"><a href="http://www.flickr.com/photos/jinny76/3014196083/" title="National Air and Space Museum by Jin Y, on Flickr"><img src="http://farm4.static.flickr.com/3279/3014196083_3cfff4cc03.jpg" width="500" height="332" alt="National Air and Space Museum" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/airspace-museum/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/airspace-museum/</feedburner:origLink></item>
		<item>
		<title>Findings 11.07.08</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/445603813/</link>
		<comments>http://www.8164.org/findings-110708/#comments</comments>
		<pubDate>Fri, 07 Nov 2008 16:00:14 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[weekly recap]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=871</guid>
		<description><![CDATA[Weekly recap from here and elsewhere. 11.07.08 edition]]></description>
			<content:encoded><![CDATA[<p class="centerAlign"><img title="Change" src="http://www.8164.org/wp-content/uploads/2008/11/clip_obamarally.jpg" alt="Change" width="500" height="276" /></p>
<p><span id="more-871"></span></p>
<h3>8164</h3>
<ul>
<li><a href="/xor">XOR</a> - We don&#8217;t live in a black or white world. But sometimes we say black or white things. I examine the harms of dichotomical thinking that may affect our professional and personal lives.</li>
<li><a href="/anthropomorphic-design/">Anthropomorphism</a> - User friendliness in web design isn&#8217;t limited to the form and function. Language is important too. </li>
</ul>
<h3>Blogs from Elsewhere</h3>
<ul>
<li><a rel="external" href="http://www.smashingmagazine.com/2008/11/05/strategic-design-6-steps-for-building-successful-websites/">6 Steps For Building Successful Websites</a> - Dmitry of <a rel="external" href="http://www.usabilitypost.com/">the Usability Post</a> wrote this great article on Smashing Magazine this week. It covers several key points web designers should be mindful about when creating a website.</li>
<li><a rel="external" href="http://markjaquith.wordpress.com/2008/11/01/wordpress-27-feature-preview-publish-module/">WordPress 2.7 Feature Preview</a> - A very interesting video of Mark Jaquith showing the new features in WP 2.7. I say interesting, because of the attention paid to details in usability.</li>
<li><a rel="external" href="http://www.slideshare.net/dansaffer/the-role-of-metaphor-in-interaction-design">The Role of Metaphor in Interaction Design</a> - This presentation was created in 2005. I found it while looking at <a rel="external" href="http://www.odannyboy.com/">Dan Saffer</a>&#8217;s other presentation, <a rel="external" href="http://www.slideshare.net/dansaffer/interaction-as-a-material-presentation?type=powerpoint">Interaction as a Material</a>.</li>
<li><a rel="external" href="http://adage.com/columns/article?article_id=132237">What Marketers Can Learn From Obama&#8217;s Campaign</a> - Obama ran a superb campaign. This article explains the details.
<li><a href="http://www.electioneering08.com" rel="external">Electioneering08.com</a> - A comprehensive archive of screen-shots of all the major sites&#8217; coverage of the election results, by the hour.</li>
</ul>
<h3>Inspirational</h3>
<ul>
<li><a rel="external" href="http://www.marcandangel.com/2008/11/03/10-reasons-you-are-rich/">10 Reasons Why You Are Rich</a> - During tough times, think about those who live in dire conditions.</li>
<li><a rel="external" href="http://farm4.static.flickr.com/3279/3006416363_95ef8de914_o.jpg">Unity</a> - a photo is worth 1000 words. In this case, 4000 words.</li>
<li><a href="http://volumeone.com/motion/good.php">Cost of the War</a> - A great movie of typography, symbols and icons.</li>
</ul>
<h3>Funnys</h3>
<ul>
<li><a rel="external" href="http://en.nothingisreal.com/wiki/Why_I_Will_Never_Have_a_Girlfriend">Why I Will Never Have a Girlfriend</a> -Now I know, the odd is so against me. Oh and the fact my wife won&#8217;t let me.</li>
<li><a rel="external" href="http://www.existenz.se/out.php?id=9513">Helium Vs Sulphur Hexafluoride</a> - Adam Savage of the MythBusters demonstrates and explains why helium makes you sound funny. He also inhales some other gas I can&#8217;t pronounce.</li>
<li><a href="http://www.flickr.com/photos/18697966@N00/2982281565/sizes/o/in/set-72157608377333404/" rel="external">The Original Photoshop</a> - Kids these days are so spoiled. This is what I had to work with!</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/findings-110708/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/findings-110708/</feedburner:origLink></item>
		<item>
		<title>XOR</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/444687806/</link>
		<comments>http://www.8164.org/xor/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 19:38:42 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Life]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=841</guid>
		<description><![CDATA[&#160;]]></description>
			<content:encoded><![CDATA[<p>Going through junk stored in my parents&#8217; attic to me is almost like time traveling. Every piece of paper, photo, old electronics, etc. takes me back to my younger years, and reminds me of my past states of mind. During my last trip home, I stumbled upon a box full of notebooks from my sophomore year in college. One notebook was on my favorite class, Logic Design. It was the class where I learned logic operators in computing and eventually circuit design.</p>
<p><span id="more-841"></span></p>
<p>As I was flipping through my notes of 1s and 0s and occasional doodles, one page in particular caught my attention. It was a page on the logic operator <a rel="external" href="http://en.wikipedia.org/wiki/Exclusive_or">Exclusive Or</a> (XOR). If you&#8217;re not familiar with computer science terms, you may be wondering what this term means. What is Exclusive Or?</p>
<table class="tbl_chart" border="0">
<tbody>
<tr>
<th>p</th>
<th>q</th>
<th>xor</th>
<th style="font-weight:normal;" rowspan="5"> <img title="xor venn" src="http://www.8164.org/wp-content/uploads/2008/11/clip_venn.png" alt="xor venn" width="180" height="117" /></th>
<th style="font-weight:normal;" rowspan="5"> Exclusive Or is a logical connective combining two statements, truth values, or formulas P and Q in such a way that the outcome is true if either P or Q (but not both P and Q) is true.</th>
</tr>
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>0</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>0</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>0</td>
</tr>
</tbody>
</table>
<p>In plain English, XOR = <a rel="external" href="http://en.wikipedia.org/wiki/Dichotomy">dichotomy</a>, or <a rel="external" href="http://en.wikipedia.org/wiki/False_dichotomy">false dichotomy</a>. In even plainer English, black OR white.</p>
<p>What was so special about this page in the notebook? Nothing. However, seeing the XOR truth table reminded me of recent events and some of my personal experiences.</p>
<blockquote><p>&#8220;You&#8217;re either with us, or against us.&#8221;</p></blockquote>
<p>Are you a black or white type of thinker? Whether we admit it or not, at one point or another, we get caught up in it.</p>
<p>Those who know me well can attest that I&#8217;m a pretty logical and mellow person. To get me upset about anything is harder than milking a cat. But I wasn&#8217;t always like this. I spent years engaged in flame wars dating back in the BBS days, then eventually on usenet, web forums and blogs. I argued to win, and it felt good to win. I didn&#8217;t care what the others had to say, they were wrong. I was very much the same in real life too.</p>
<p>It wasn&#8217;t until recent years that my personality got an overhaul. The change was attributed partly to life humbling experiences such as becoming a father, or maturity as I grew older (although I still believe in the saying, &#8220;aging is inevitable, maturity is optional&#8221;). Booger.</p>
<p class="centerAlign"><img title="yin yang" src="http://www.8164.org/wp-content/uploads/2008/11/clip_yinyang.gif" alt="Yin Yang" width="123" height="123" /></p>
<p>The true moment of clarity came to me, when I studied Lao Zi&#8217;s book <a href="/tao-te-ching/">Tao Te Ching</a>. Through reading the chapters, I learned about objective thinking, the key of balance, and most importantly, humility.</p>
<p>The world we live in is not black or white. Why do we get caught up in dichotomic thinking at times?</p>
<h3>The Cause</h3>
<ul>
<li>Pride. Do you remember the last time you argued with someone until your neck turned red? Looking back, were you arguing to get the points across, or to simply get the last word? When we argue to shut the other person up, we&#8217;re no longer contributing relevancy to the conversation, except for boosting our ego.</li>
<li>Ignorance. We simply don&#8217;t know everything, and that&#8217;s OK. That&#8217;s why it&#8217;s important to listen carefully what other people have to say, without automatically taking a defensive stand.</li>
</ul>
<h3>The Harms</h3>
<ul>
<li>We stop learning. If we only view things from our own perspective, then that&#8217;s all we can see. We&#8217;ll be forever trapped on the mentality of &#8220;I&#8217;m right, you&#8217;re wrong.&#8221; This leads to narrow mindedness and ignorance.</li>
<li>We&#8217;re less pleasant to be around. When people know we&#8217;re not open to suggestions and compromise, they&#8217;re less likely to want to associate with us. This happens in personal and professional life. No one likes a stubborn person.</li>
</ul>
<h3>How to Overcome</h3>
<ul>
<li>Put yourself in others&#8217; positions first. When you view and think from a different perspective, you will discover new things. This helps you to either effectively set up  pre-emptive counter points, or to simply admit your own flaws. There&#8217;s no &#8220;winning&#8221; an argument between two opinionated individuals. It&#8217;s rare one can totally switch his/her view. However, the point of a debate or argument is to let the other person see things from your perspective, and you should do the same too. My 6yr old somehow mastered this art form. &#8220;Daddy, I know I just got a toy. But if you buy me this Batman Lego set, I won&#8217;t ask for anything for Christmas.&#8221;</li>
<li>Actively expose yourself to opposing views. I read a lot of articles. About 10% of the articles I read are of authors I have strong opinions against. I don&#8217;t do this because I&#8217;m a masochist. Reading their views helps me keep my own in check. When dealing with someone you strongly disagree with, it&#8217;s important to be objective and not make it personal.</li>
<li>Define black and white, then find gray. If you find yourself feeling strongly about something, it&#8217;s good to set up arguments with yourself. Create an opposite <a href="/innerlogue-list-posts/">persona</a> if you can. You don&#8217;t always have to arrive at the dead center, but chances are you&#8217;ll reach a more objective conclusion.</li>
</ul>
<h3>Humility</h3>
<p>The U.S. presidential election is finally over. I, along with many others, are looking forward to the rebuilding of America. During the past months of election coverage, I saw some of the best and some of the worst in people. Media coverage was full of extremism from both sides. When one person holds black or white views on things, it hurts him or her as an individual. Furthermore, when people think that way collectively, it divides a nation.</p>
<p>Our country has increasingly becoming argumentative as a society. People are being judged, not only by their views, but by their associations or labels. If you&#8217;re a conservative you must be a religious hillbilly, if you&#8217;re a liberal then you&#8217;re automatically a weed smoking hippie. I hardly saw any intelligent, unbiased debates that were focused on the essence of the issues, instead of personal, political or commercial gains. Some of the most ignorant things I heard came out of the mouths of those who appeared to be most self-righteous.</p>
<p>None of us are perfect. That&#8217;s why it&#8217;s important to constantly improve ourselves, to broaden our horizons. Humility comes from humbleness.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/xor/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/xor/</feedburner:origLink></item>
		<item>
		<title>Anthropo - morphism</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/441813327/</link>
		<comments>http://www.8164.org/anthropomorphic-design/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 07:19:09 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=806</guid>
		<description><![CDATA[How human is your design?]]></description>
			<content:encoded><![CDATA[<p>Ever since I was little, I was obsessed with robots of all kinds. I often day dreamed about having a companion like <a rel="external" href="http://en.wikipedia.org/wiki/Doraemon">Doraemon</a>, or piloting a mech like <a rel="external" href="http://en.wikipedia.org/wiki/Gundam">Gundam</a> to fight for inter-galactic justice. I can&#8217;t really explain my fascination with robots. I think it has something to do with the way they&#8217;re void of human flaws and yet still posses human characteristics.<br />
<span id="more-806"></span></p>
<blockquote><p>An·thro·po·mor·phism (ān&#8217;thrə-pə-môr&#8217;fĭz&#8217;əm)<br />
n. Attribution of human motivation, characteristics, or behavior to inanimate objects, animals, or natural phenomena.</p></blockquote>
<p>Anthropomorphism is around us everywhere we look. From the talking animals in children&#8217;s books to the GPS in automobiles. We often interact with objects as if they were human. When was the last time you described a car as &#8220;sexy,&#8221; or cursed profusely at a computer screen?</p>
<p>Why do we have an innate ability to personify non-human things? I can think of several reasons. We do it to invoke imagination and to be entertained in literature and movies; To reduce stress and to raise comfort level in product interface design. After all, we&#8217;re human. If an object possesses human characteristics, then it becomes relatable and familiar.</p>
<p>Hailed by many as the Father of Computer Science, <a rel="external" href="http://en.wikipedia.org/wiki/Alan_turing">Alan Turing</a> developed the <a rel="external" href="http://en.wikipedia.org/wiki/Turing_test">Turing Test</a> in the 1950s, a method for measuring a machine&#8217;s ability to converse like a human. This was the first attempt at anthropomorphic computing, outside of the science fiction realm.</p>
<p>Anthropomorphism is becoming an important factor in design in modern years. I first heard the term being used in conjunction with product design in an <a rel="external" href="http://hbswk.hbs.edu/archive/3533.html">excerpt</a> from Steve Kemper&#8217;s book <a rel="external" href="http://www.amazon.com/Code-Name-Ginger-Behind-Segway/dp/1578516730/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1225773289&amp;sr=8-1">Code Name Ginger</a>, describing Steve Job&#8217;s reaction to the <a rel="external" href="http://en.wikipedia.org/wiki/Segway">Segway</a>, as Tim Doerr was giving a presentation:</p>
<blockquote><p>&#8220;What does everyone think about the design?&#8221; asked Doerr, switching subjects.</p>
<p>&#8220;What do you think?&#8221; said Jobs to Tim. It was a challenge, not a question.</p>
<p>&#8220;I think it&#8217;s coming along,&#8221; said Tim, &#8220;though we expect—&#8221; &#8220;I think it sucks!&#8221; said Jobs.</p>
<p>His vehemence made Tim pause. &#8220;Why?&#8221; he asked, a bit stiffly.</p>
<p>&#8220;It just does.&#8221;</p>
<p>&#8220;In what sense?&#8221; said Tim, getting his feet back under him. &#8220;Give me a clue.&#8221;</p>
<p>&#8220;Its shape is not innovative, it&#8217;s not elegant, it doesn&#8217;t feel <span style="color: #ff0000;">anthropomorphic</span>,&#8221; said Jobs, ticking off three of his design mantras.</p>
<p>&#8220;You have this incredibly innovative machine but it looks very traditional.&#8221; The last word delivered like a stab.</p></blockquote>
<p>When we apply anthropomorphism to a design, the end product invokes a <a href="/web-design-on-essence/">feeling</a> among our users. Ultimately, the persona we create interacts with our users through the product. Treating it as if we were interacting with the users directly, how would we behave? Common sense tells us that if we&#8217;re friendly and helpful, then users will love us. Conversely, if we&#8217;re tactless and uninformative, then users will reject us.</p>
<p>Since I work mostly on web application interface design these days, I tend to pay extra attention to how the instructions or messages are worded. User friendliness isn&#8217;t limited to usability and accessiblity. The copy can also have an impact. I&#8217;ve noticed more web sites/apps have started to adopt an anthropomorphic approach in their interactions.</p>
<p class="centerAlign"><img title="Twitter Error Message" src="http://www.8164.org/wp-content/uploads/2008/11/clip_twittererror.gif" alt="Twitter Error Message" width="491" height="350" /></p>
<p class="centerAlign"><img title="Twitter Password Retrieval Message" src="http://www.8164.org/wp-content/uploads/2008/11/clip_twitterpw.gif" alt="Twitter Password Retrieval Message" width="491" height="252" /></p>
<p>By using a natural language interface for its system messages, Twitter comes off as very approachable, instead of machine-like.</p>
<p>There are three types of message styles being used in web applications.</p>
<ul>
<li>Telegraphic - originated from the telegram days. The messages are short and concise, but machine like. e.g. &lt;input&gt;: &#8220;First Name&#8221;</li>
<li>Fluent - More natural than telegraphic style. Addresses the user as &#8220;you.&#8221; e.g. &lt;input&gt;: &#8220;What&#8217;s your first name?&#8221;</li>
<li>Anthropomorphic - &#8220;Converses&#8221; with the user, identifies the system as &#8220;I&#8221; or &#8220;We.&#8221; e.g. &lt;input&gt;: &#8220;Tell me your first name please.&#8221;</li>
</ul>
<p>Telegraphic and Fluent are the most commonly used. Each of the three styles has different an effect on users&#8217; psyche.</p>
<p>Designing a personality takes a lot of forethought. If it becomes overly friendly, the user may feel smothered. If it&#8217;s too eager to help, then it becomes pesty. If it tries to be too humors, then the user may not take it seriously.</p>
<p class="centerAlign"><img title="MS Office Clippy" src="http://www.8164.org/wp-content/uploads/2008/11/clippy.jpg" alt="MS Office Clippy" width="300" height="262" /></p>
<p>There are other considerations as well. For example, when designing for international audiences, we need to be aware of the cultural differences. E.g. some Asian countries prefer &#8220;overly apologetic&#8221; while Western users may prefer something more straight forward.</p>
<p>I feel we&#8217;ll see more anthropomorphism in how web sites/apps communicate to their users. It should, however, be used where it applies.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/anthropomorphic-design/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/anthropomorphic-design/</feedburner:origLink></item>
		<item>
		<title>Findings 10.31.08</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/437718579/</link>
		<comments>http://www.8164.org/findings-103108/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 05:36:14 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[weekly recap]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=799</guid>
		<description><![CDATA[Weekly recap from here and elsewhere. 10.31.08 edition]]></description>
			<content:encoded><![CDATA[<p>I carved a really nice pumpkin for Halloween earlier this week. It was one of those miniature ones. I was going to take a photo of it and use it on my blog. Yesterday while at work my wife wrote me &#8220;I have good news and bad news.&#8221;</p>
<p>&#8220;Oh? Give me the good news first&#8230;&#8221; (I never like the good news+bad news type of situation. 9 out 10 times it&#8217;s just a bad news wrapped in a cushion.)</p>
<p>&#8220;Your pumpkin has a fan. It&#8217;s a cute squirrel.&#8221;</p>
<p>&#8220;So what&#8217;s the bad news?&#8221;</p>
<p>&#8220;It ate your pumpkin.&#8221;</p>
<p><span id="more-799"></span></p>
<h3>8164</h3>
<ul>
<li><a href="/familiarity-learnability/">Familiarity &amp; Learnability</a> - Two design principles I think that are very important when creating a usable site.</li>
<li><a href="/hypertext-print-css/">Hypertext &amp; Print.css</a> - Usability issue isn&#8217;t limited to screen when it comes to web design. In this entry, readers and I talk about when to or not to print out URLs using CSS2.</li>
</ul>
<h3>Blogs From Elsewhere</h3>
<ul>
<li><a rel="external" href="http://northtemple.com/2008/10/07/javascript-and-screen-readers">JavaScript and Screen Readers</a> - Aaron Cannon and Aaron Barker did a great job explaining how major screen readers(Jaws 9.0 and Window Eyes 7.0) interpret javascript events.</li>
<li><a rel="external" href="http://perishablepress.com/press/2008/10/26/css-implementations-of-the-rich-and-famous/">CSS Implementations of the Rich and Famous</a> - A very comprehensive comparison of CSS implementations of major web sites out there.</li>
<li><a rel="external" href="http://infosthetics.com/archives/2008/10/reconstitution_live_remix_of_the_2008_presidential_debates.html">Live Remix of the 2008 Presidential Debates</a> - If you&#8217;re a fan of politics and infograph, this is a very neat presentation.</li>
<li><a rel="external" href="http://www.subtraction.com/2008/10/30/if-its-too-social-youre-too-old">If It’s Too Social, You’re Too Old</a> - Does social networking have anything to do with age or level of commitment? I believe it is whatever you make it to be. It&#8217;s different for everyone.</li>
<li><a rel="external" href="http://www.oobject.com/category/definitive-list-of-subway-architecture/">Subway Architecture</a> - A nice collection of subways. Working in Washington DC, I&#8217;ve become a fan of subway tunnels and escalators. There&#8217;s so much geometry and clean lines involved in the architecture.</li>
</ul>
<h3>Time Killers</h3>
<ul>
<li><a rel="external" href="http://woodgears.ca/eyeball/">The Eyeballing Game</a> - Good practice on your&#8230; eyeballing skills. Time to brush up on geometry too!</li>
<li><a rel="external" href="http://www.bbc.co.uk/science/humanbody/sleep/sheep/">Sheep Dash!</a> - How fast are your reactions</li>
<li><a rel="external" href="http://www.mrpicassohead.com/create.html">Mr. Picassohead</a> - You too can be Picasso.</li>
</ul>
<h3>Totally Random</h3>
<ul>
<li><a rel="external" href="http://nocturnalmoth.deviantart.com/art/Enjoy-your-breakfast-77445089">Don&#8217;t Harm the Eggs</a> - I swear this happens to me every morning.</li>
<li><a rel="external" href="http://www.epimpwars.com/fail.png">FaceBook Fail</a> - Can&#8217;t tell if this is real. But regardless it&#8217;s funny.</li>
<li><a rel="external" href="http://www.barcodeart.com/science/science.html">Bar Code Diagram</a> - Now I understand what the bars mean. Check it out if you&#8217;re curious too.</li>
</ul>
<h3>Gheorghe Zamfir</h3>
<ul>
<li><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" 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/0Wv3Ya9nskA&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/0Wv3Ya9nskA&amp;hl=en&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
Close your eyes, and let <a rel="external" href="http://en.wikipedia.org/wiki/Gheorghe_Zamfir">Gheorghe Zamfir</a>&#8217;s masterful pan-flute performance take you to another world. <em>The Lonely Sheperd</em> is my most favorite piece of music. It has so much emotional and yet so calming. When I wrote about Kill Bill this week, I just had to listen to it again. Quentin Tarantino has good taste in music.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/findings-103108/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/findings-103108/</feedburner:origLink></item>
		<item>
		<title>Hypertext &amp; Print.css</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/436569828/</link>
		<comments>http://www.8164.org/hypertext-print-css/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 05:18:52 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=784</guid>
		<description><![CDATA[To print or not to print, that is the question.]]></description>
			<content:encoded><![CDATA[<p>I finally got a chance to do some long overdue tweaking on my site tonight, mostly under the hood type of things. I found myself stuck on a usability issue and I need your input. As the title implies, it has to do with printing.</p>
<p><span id="more-784"></span></p>
<p>I&#8217;ve been meaning to add URL printing in my print.css and I finally did it tonight. Before, my blog printed like this:</p>
<p class="centerAlign"><img title="no URL printing" src="http://www.8164.org/wp-content/uploads/2008/10/clip_preprint.gif" alt="no URL printing" width="500" height="300" /></p>
<p>Here&#8217;s the URL printing code I added tonight:</p>
<pre>#content a:link:after, #content a:after, #content a:visited:after {
    content: " » " attr(href) ;
    font-size: 80%;
    color:#EEEEEE;
}</pre>
<p>I only limited URL printing within the DIV #content. (btw, I noticed &#8220;color&#8221; attribute only affects Safari, not Firefox. URL printing is not supported by IE, shocker). Here&#8217;s the after screen-shot with URL printing on.</p>
<p class="centerAlign"><img title="URL printing on" src="http://www.8164.org/wp-content/uploads/2008/10/clip_postprint.gif" alt="" width="500" height="300" /></p>
<p>At first I thought it looked good. Then I realized the post I took the screen-shots of is one of my Friday recap posts, which is consisted of mostly of links. In other words, it&#8217;s not a true article. So I print previewed a normal article, and here&#8217;s how it looks:</p>
<p class="centerAlign"><img title="URL printing on, but looks bad." src="http://www.8164.org/wp-content/uploads/2008/10/clip_uglyprint.gif" alt="URL printing on, but looks bad" width="500" height="346" /></p>
<p>As you can see, it doesn&#8217;t look pretty when the URLs are long. (no, I&#8217;m not going to tinyurl every link in my blog!) </p>
<p>My dilemma is if  I should keep URL printing or not. My philosophy on print.css is: when on paper, make it look and read like a magazine or book. This means eliminating the elements that are interactive when on screen, or those that are not relevant to printed content. For example: navigation menus, breadcrumbs, footers, background images etc. I use this rule for my site only since it&#8217;s a blog site where it&#8217;s heavily content driven. However, there are times when we do need to print out navigation or bread crumbs, so users can revisit the website and find the source of the printout easier. (yes, browsers print the URL of the page source, but sometimes it&#8217;s too long for people to re-type it).</p>
<p>When it comes to hypertext, URL printing in CSS is beneficial because the reader can use it for reference. The downside is, as shown in the screen-shot above, makes the reading experience less desirable.</p>
<p>In my opinion, the application of URL printing is situational. For a page that primary resource based, AKA link lists, I think it&#8217;s good to print out web addresses. But when contained in paragraphs of an article, it should be turned off. If the user is interested in finding out the source of the links, chances are he/she will go back to the site and click on them.</p>
<p>As of now, I turned URL print off again. I&#8217;d like to hear your thoughts on this.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/hypertext-print-css/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/hypertext-print-css/</feedburner:origLink></item>
		<item>
		<title>Familiarity &amp; Learnability</title>
		<link>http://feeds.feedburner.com/~r/8164/~3/434409419/</link>
		<comments>http://www.8164.org/familiarity-learnability/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 06:52:20 +0000</pubDate>
		<dc:creator>Jin</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.8164.org/?p=740</guid>
		<description><![CDATA[Don't make people think. If you have to, make it as effortless as possible.]]></description>
			<content:encoded><![CDATA[<p class="centerAlign"><img src="http://www.8164.org/wp-content/uploads/2008/10/clip_killbill2.jpg" alt="Kill Bill: Bride with katana on airplane" width="500" height="215" /></p>
<p>I&#8217;m a big fan of Quentin Tarantino&#8217;s film <a rel="external" href="http://www.imdb.com/title/tt0266697/">Kill Bill</a>, since I grew up with the Hong Kong flicks it pays homage to.  I&#8217;ve watched it countless times. Recently, I watched it again. This time I noticed something I never consciously thought of before.</p>
<p><span id="more-740"></span></p>
<p>On her journey to vengeance, <a rel="external" href="http://en.wikipedia.org/wiki/Beatrix_Kiddo">Bride</a>, the main character played by Uma Thurman is seen carrying a katana blade on the airplane and roaming freely in the airport. How come no security guards stopped her? How did she get her sword on the airplane to begin with?? I quickly answered myself those questions as fast I raised them. Kill Bill is set in a fantasy world created by Tarantino. Fans of his movies are used to the screen violence and devices he uses. Those who are seeing Kill Bill for the first time, are quick to adapt to the reality he creates and see what&#8217;s abnormal as logically sound within the boundary of the movie. He does this well because he establishes the <a rel="external" href="http://www.youtube.com/watch?v=op4byt-DtsI">consistent rules</a> and visual cues early on in his movies.</p>
<p>Conventions are being used everywhere in our daily lives, from film to design, to help us adapt to something we are seeing for the first time. We know how to brew a cup of coffee with a new coffee maker without reading the instruction book; we don&#8217;t need to learn how to drive again when getting behind the wheel of a  different car. In fact, very little thinking is involved because they are things we&#8217;re accustomed to, thanks to conventions and standards.</p>
<p>What about once in a while when a revolutionary product comes along that we have very little experience with? Its success will be determined by how quickly people can learn how it works. When it comes to using a new product, we like things that are intuitive.</p>
<p>Familiarity and learnability are two important design principles used when creating products. In my case, making usable web sites.</p>
<h3>Familiarity</h3>
<blockquote><p>The degree to which a user recognizes user interface components and views their interaction as natural; the similarity of the interface to concrete objects the user has interacted with in the past. User interfaces can be familiar by mimicking the visual appearance of real-world objects, by relying on standardized commands, or by following other common metaphors.</p></blockquote>
<p class="centerAlign"><img title="Apple products" src="http://www.8164.org/wp-content/uploads/2008/10/clip_applesite.jpg" alt="Apple products" width="500" height="326" /></p>
<p>Take <a rel="external" href="http://www.apple.com">Apple</a> for example, it&#8217;s known for its polished products. Apple&#8217;s success in product design isn&#8217;t entirely due to its visual appeal. Every single element from how it looks and how it functions, is consistent throughout all platforms from OSX desktop applications to Apple&#8217;s website, from iPhone to iPod and even the buttons on the hardware. This consistent use of conventional elements help the users to use any Apple product effortlessly, therefore the brand loyalty is created.</p>
<p class="centerAlign"><img title="USA Today" src="http://www.8164.org/wp-content/uploads/2008/10/clip_usa.jpg" alt="USA Today" width="500" height="366" /></p>
<p>Now let&#8217;s take a look at popular news/blog sites on the web. Long before the web, we were used to reading in print format and knew how to operate a mouse with a point and click on desktop applications. This makes migration to the web easier. Then newer conventions were created. Most news/blog sites share the same layout and navigation. Layout is heavily influenced by newspaper, and navigation is placed similarly on the left or top. Article headers are typically in bigger font size. This helps the readers not having to think too much about where to click, therefore spending more time to focus on the content.</p>
<p>Familiarity is created by the use of conventions. Steve Krug explains it best in his book <a rel="external" href="http://www.amazon.com/Common-Approach-Usability-Circle-Com-Library/dp/0789723107">Don&#8217;t Make Me Think</a>:</p>
<blockquote><p>All conventions start life as somebody&#8217;s bright idea. If the idea works well enough, other sites imitate it and eventually enough people have seen it in enough places that it needs no explanation. This adoption process takes time, but it happens pretty quickly on the Internet, like everything else.</p></blockquote>
<p>This is very true. Look at the web sites we frequent, especially those of the same genre, we probably will find strong similarities among them. After all, why re-invent the wheel?</p>
<p>But if we, the designers, follow conventions all the time, then how will innovative designs ever be created? To create something new, there&#8217;s a risk for alienating the users and make our product less usable. This is where learnability comes in.</p>
<h3>Learnability</h3>
<blockquote><p>A measure of the degree to which a user interface can be learned quickly and effectively. Learning time is the typical measure. User interfaces are typically easier to learn when they are designed to be easy to use based on core psychological properties, and when they are familiar. Familiarity may come from the fact that it follows standards or that the design follows a metaphor from people&#8217;s real world experience.</p></blockquote>
<p class="centerAlign"><img title="iphone touch interface" src="http://www.8164.org/wp-content/uploads/2008/10/clip_iphonead.jpg" alt="iphone touch interface" width="500" height="315" /></p>
<p>Again, let&#8217;s use Apple&#8217;s iPhone as an example. When the iPhone was first introduced, most people had never used a touch interface like it before, but it didn&#8217;t take anytime for people to learn it. In fact, most people didn&#8217;t even read the instruction book. Before the iPhone launched, Apple bombarded the TV with commercials. They not only served as advertisements but also training videos. This significantly reduced the learnability once people started using the iPhone. Of course, the iPhone already possesses many familiarities people are used to from using other Apple products.</p>
<p>Quoting Krug again:</p>
<blockquote><p>Sometimes, though, particularly if you&#8217;re doing something original or ground-breaking or something very complicated, you have to settle for <em>self-explanatory</em>. On a self-explanatory page, it takes a <em>little</em> thought to &#8220;get it&#8221; - but only a little. The appearance of things, their well-chosen names, the layout of the page, and the small amounts of carefully crafted text should all work together to create near-instantaneous recognition.</p></blockquote>
<p class="centerAlign"><img class="alignnone size-full wp-image-763" title="Blog Layout" src="http://www.8164.org/wp-content/uploads/2008/10/clip_bloglayout.gif" alt="" width="500" height="295" /></p>
<p>Most blog sites have an established convention. The layout is pretty standard, with slight variations. This is a newspaper column influenced layout. When visiting a new site with such layout, it takes readers almost no effort to find where everything is, since they&#8217;re used to seeing them on the other sites.</p>
<p class="centerAlign"><img title="8164 Layout" src="http://www.8164.org/wp-content/uploads/2008/10/clip_blog8164.gif" alt="8164 Layout" width="500" height="295" /></p>
<p>When I started designing this blog site, I wanted to do an experiment. First, I wanted to start from scratch without influence of any kind. Anything that&#8217;s not absolutely essential was eliminated. The goal is to give each article as much focus as possible. With this in mind, I decided to fix the navigation menu on the bottom of the screen. I felt this was a unique design. However, this design is very unconventional, therefore it may make it harder for the visitors to find or even notice the navigation bar.</p>
<p>As I predicted, the first two months since the site launched, I had a high <a rel="external" href="http://en.wikipedia.org/wiki/Bounce_Rate">bounce rate</a> of 70% among new visitors. It was evident that people had a hard time locating the navigation. If people can&#8217;t find what they&#8217;re looking for on a web site, they quickly leave. (<span style="color: #ff0000;">edit:</span> I&#8217;d like to stress, this part of the article is not about teaching people how to design a layout. I feel this layout works for my site, with my intention. Thanks, Mark Aplet for bringing it to my attention).</p>
<p class="centerAlign"><img title="Popup Notice" src="http://www.8164.org/wp-content/uploads/2008/10/clip_noticepopup1.gif" alt="Popup Notice" width="500" height="135" /></p>
<p>I started the next phase of my experiment at beginning of this month. I added a simple one-time-only pop-up box near the footer, instructing people how the site works. Since then, my bounce rate went down to 57%, an 18% decrease from before. There are still more changes I plan to do in the future.</p>
<h3>Don&#8217;t Make People Think</h3>
<p>The reason <a rel="external" href="http://www.amazon.com/Common-Approach-Usability-Circle-Com-Library/dp/0789723107">Don&#8217;t Make Me Think</a> is my top favorite web design book is because it has so many applicable lessons in it, despite being written eight years ago (which is a hella long time in internet time).</p>
<p>Applying familiarity in our designs helps people to embrace the site; attention to learnability allows us to innovate without alienating new users. The two principles have opposite denotation, but compliment each other well.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.8164.org/familiarity-learnability/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.8164.org/familiarity-learnability/</feedburner:origLink></item>
	</channel>
</rss>
