<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>UIUI</title>
	<atom:link href="http://uiui.mmdays.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://uiui.mmdays.com</link>
	<description>UI, Innovation, Usability, Interaction</description>
	<lastBuildDate>Tue, 07 Oct 2014 15:39:40 +0000</lastBuildDate>
	<language>en</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='uiui.mmdays.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>UIUI</title>
		<link>http://uiui.mmdays.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://uiui.mmdays.com/osd.xml" title="UIUI" />
	<atom:link rel='hub' href='http://uiui.mmdays.com/?pushpress=hub'/>
	<item>
		<title>UIUI on facebook</title>
		<link>http://uiui.mmdays.com/2011/03/06/uiui-on-facebook/</link>
		<comments>http://uiui.mmdays.com/2011/03/06/uiui-on-facebook/#comments</comments>
		<pubDate>Sun, 06 Mar 2011 09:23:04 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2927</guid>
		<description><![CDATA[由於懶散的作者, 沒有時間 blog, 但是還有點時間可以 facebook. 因此, 一切比較 casual 的分享就移到 facebook 上面去了: http://www.facebook.com/UIUI.HCI 這邊之後大概是放內容比較長的分析文 (就是那種半年會出刊一次的那種&#8230;) 對 UI 有興趣的網友可以移駕一下 :)<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2927&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>由於懶散的作者, 沒有時間 blog, 但是還有點時間可以 facebook. 因此, 一切比較 casual 的分享就移到 facebook 上面去了:<br />
<a href="http://www.facebook.com/UIUI.HCI">http://www.facebook.com/UIUI.HCI<br />
</a></p>
<p>這邊之後大概是放內容比較長的分析文 (就是那種半年會出刊一次的那種&#8230;)<br />
對 UI 有興趣的網友可以移駕一下 <span class='wp-smiley wp-emoji wp-emoji-smile' title=':)'>:)</span></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2927/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2927/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2927&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2011/03/06/uiui-on-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>
	</item>
		<item>
		<title>Patrick Baudisch: 德國 UI 之神</title>
		<link>http://uiui.mmdays.com/2011/01/09/patrick-baudisch/</link>
		<comments>http://uiui.mmdays.com/2011/01/09/patrick-baudisch/#comments</comments>
		<pubDate>Sun, 09 Jan 2011 13:58:24 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2863</guid>
		<description><![CDATA[我曾經為文撰寫過 &#8220;日本 UI 之神 &#8211; Takeo Igarashi&#8220;， 出自於我個人對於 Takeo 的研究的敬佩以及喜愛。如今，當我投入了 HCI (Human-Computer-Interaction) 研究之後，有一位超新星大師的研究讓我非常喜愛。如同 Takeo 也是一個非常帥氣的研究員，然而不同於 Takeo 的圖學以及 GUI 雙跨 (近年來 Takeo 更加神猛了, 變成了圖學, GUI, HRI 三跨了)，Patrick 的研究自始自終都在 HCI 領域。而研究的領域則是專注於行動裝置的觸控互動以及桌面的互動。 Patrick 在被德國 Hasso Plattner Institute 延攬為 HCI Lab 的主席前，曾經在 Microsoft Research 以及 Xerox 待過，並且都有非常傑出的研究。對於 Patrick 的研究我非常喜愛， 也非常喜歡 Patrick 這種非常自負的作風 (但是不討人厭)(一個強大的研究員，不就應該有相當的自負嗎?) 。在 CHI 的會議上面，Patrick 非常有意思的開了整個 CHI 一個玩笑。在講這個故事之前，或許要幫讀者先補充一下 [&#8230;]<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2863&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p style="text-align:center;"><img src="http://www.patrickbaudisch.com/biography/images/PatrickBaudischWhitebackground250wide.jpg" alt="Patrick Baudisch" /></p>
<p>我曾經為文撰寫過 &#8220;<a href="http://uiui.mmdays.com/2008/03/25/igarashi/">日本 UI 之神 &#8211; Takeo Igarashi</a>&#8220;， 出自於我個人對於 Takeo 的研究的敬佩以及喜愛。如今，當我投入了 HCI (Human-Computer-Interaction) 研究之後，有一位超新星大師的研究讓我非常喜愛。如同 Takeo 也是一個非常帥氣的研究員，然而不同於 Takeo 的圖學以及 GUI 雙跨 (近年來 Takeo 更加神猛了, 變成了圖學, GUI, HRI 三跨了)，Patrick 的研究自始自終都在 HCI 領域。而研究的領域則是專注於行動裝置的觸控互動以及桌面的互動。</p>
<p>Patrick 在被德國 <a href="http://www.hpi.uni-potsdam.de/welcome.html?L=1">Hasso Plattner Institute</a> 延攬為 HCI Lab 的主席前，曾經在 Microsoft Research 以及 Xerox 待過，並且都有非常傑出的研究。對於 Patrick 的研究我非常喜愛， 也非常喜歡 Patrick 這種非常自負的作風 (但是不討人厭)(一個強大的研究員，不就應該有相當的自負嗎?) 。在 CHI 的會議上面，Patrick 非常有意思的開了整個 CHI 一個玩笑。在講這個故事之前，或許要幫讀者先補充一下 CHI (Computer-Human-Interaction) 這邊的背景。</p>
<p><span id="more-2863"></span></p>
<p style="text-align:center;"><img class="aligncenter" src="http://www.chi2010.org/images/banner-attending.jpg" alt="Banner image." width="575" height="166" /></p>
<p>CHI 是人機互動領域研究的最高聖杯，然而人機互動領域雖然是跨領域 (multi-discipline)，不過還是有一套架構 (framework)。這一套架構主要是希望研究員在發明新創的介面的時候，還是要專注於人本這件事情，而不要脫離了人，來發明了無所用的介面。因此，在這類會議上面發表的論文，時常都會伴隨著使用者研究 (user study)，這類使用者研究，可能包括了前期的田野調查 (field study) 或者是後期的效度測試 (UI evaluation)。這個架構 (framework) 的存在無不是再再提醒研究員，期望大家能夠發明出為人所用的介面設計。</p>
<p>然而隨著時間的演進，許多人反而倒果為因的思考。用著大量的使用者測試 (evaluation) 來發表一個不怎麼樣的介面研究，而這類的介面研究，恰巧又再再地宣揚著 CHI 這個會議跟別人所不一樣的地方 &#8212; &#8220;非常強調使用者研究&#8221;。這個樣子的倒果為因的思考，讓許多有著許多創新能力的研究員非常憤憤不平，包括了 MIT 的 Henry Lieberman 為文過 &#8220;<a href="http://web.media.mit.edu/~lieber/Misc/Tyranny-Evaluation.html">The Tyranny of Evaluation</a> (使用者測試的暴政)&#8221;，大師 James Landay 也曾經在 Blog 發表過文章 &#8220;<a href="http://dubfuture.blogspot.com/2009/11/i-give-up-on-chiuist.html">I give up on CHI/UIST</a>&#8221; (CHI/UIST 是 HCI 領域的最重要國際會議)，連 HCI 界的大老 Bill Buxton (另外一個我非常喜愛的傳奇大師) 都看不下去，並且在 CHI2008 上面發表了這樣子具有指標性的論文 &#8220;<a href="http://portal.acm.org/citation.cfm?id=1357074">Usability evaluation considered harmful (some of the time)</a>&#8221; (使用者測試或許在某些時候有害)。這些聲浪都促成了目前現在的 CHI 的轉型。因為在很多的時候，新創的介面，可能創新的範圍太過廣大，牽扯到的面向太多，因此如果要做使用者測試，或許有點不太切實際。然而，如何檢驗這樣子的論文的確又變成了另外一種挑戰，不過這又是後話了。但是，的確可以看到在這兩三年內，越來越多的工程導向的論文擠入了 CHI 的會議裡面，並且根本上地促進了整個 HCI 的社群的活絡。</p>
<p>回到我們的故事，當時 Patrick 也準備了投影片來介紹使用者測試 (&#8220;Evaluation&#8221;)，當投影片切到 &#8220;Evaluation&#8221; 時，Patrick 不懷好意地開了一個玩笑 &#8220;Ooops, I forgot that we do not have evaluation! It&#8217;s an engineer paper!&#8221; (我忘了我們沒有使用者測試，因為這一篇是工程的論文)。當場博得了滿堂的喝采。帥氣的 Patrick 就這麼繼續演講下去了。而這位大師帥氣的身影就這麼牢牢的印在我的心底了。不過，大家如果誤以為 Patrick 不做使用者測試 (&#8220;evaluation&#8221;)，那又大錯特錯了，實際上，Patrick 得很多論文，做了很多使用者測試，但是不同一般的使用者測試，Patrick 稱這樣子的使用者測試為工程型 (Engineer Style) 的使用者測試，也就是為了探索那個設計空間 (design space) 內的人因 (human factor) 而調整參的使用者測試。關於這類型的使用者測試，在文章之後，會以 Baudisch 的研究來舉例。</p>
<p>如同 Patrick <a href="http://www.patrickbaudisch.com/biography/index.html">自身所介紹的一般</a>，他近年來潛心研究於小型的裝置的介面互動。因此，這邊就來介紹幾篇我覺得很有趣的作品，來代表 Baudisch 一系列的研究。其實針對這樣子的研究歷程，Baudisch 也在去年的 MobileHCI 上面發表了主題演講 (Keynote)，題目為: &#8220;<a href="http://www.patrickbaudisch.com/publications/2010-Baudisch-Keynote.zip">My new PC is a mobile phone-techniques and technology for the new smallness</a>&#8220;，有興趣的讀者可以下載投影片跟影像檔，自己坐在電腦前面好好享用一下 <span class='wp-smiley wp-emoji wp-emoji-smile' title=':)'>:)</span></p>
<p><strong>起點</strong></p>
<p>Baudsich 早在 1996 年就開始在 UIST 這個國際會議上面開始發表研究著作了，從 Baudisch 的自述中可以看出，Baudisch 早年是從事圖學的研究，並且從圖學切入資訊視覺化 (Information Visualization) 而再切入小型裝置的互動研究，進而研究整體的觸控的互動 (Touch Interaction)，而成為了目前全世界在小型裝置互動上面執牛耳的大師。不過，我們這邊就先專注在小型裝置的互動上面好了。所以，關於其他的研究，各位讀者有興趣的話，可以前往他的<a href="http://www.patrickbaudisch.com/publications/index.html">著作列表</a>觀看。</p>
<p><strong>Halo: 視覺化視窗外的地點 2003</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/halo.png"><img class="aligncenter size-full wp-image-2865" title="halo" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/halo.png" alt="" width="368" height="338" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2003-Baudisch-CHI03-Halo.pdf">Halo: A Technique for Visualizing Off-Screen Locations</a>. CHI2003)</p>
<p>在第一篇突入小型裝置的研究是來自於 CHI 2003 的這一篇論文，在這一篇論文中，Baudisch 結合資訊視覺化的知識來解決小型裝置的小型視窗(small display)的問題。一般手持裝置的面積非常小，因此對於視窗外的訊息該如何呈現以及互動就是一個問題。這邊 Baudisch 利用了一個非常簡單的方式，就是用圓圈來表示。雖然非常簡單，但是解的非常漂亮。因為對於圓的概念，幾乎是每一個人都會有的，因此只要看到這個顯示在邊窗的圓弧，不但可以告訴我們視窗外的東西的方位 (direction) 之外，看這個圓弧的弧率，我們甚至可以大至猜測這個位置離我們現在的遠近。這一篇著作，也成了每一個在解決視窗外的東西的呈現必須要引用的經典著作。從此開始，Baudisch 的小型裝置經典著作就一一開始接露了。</p>
<p><strong>Collapse-to-Zoom 2004</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/collapse-to-zoom.png"><img class="aligncenter size-full wp-image-2866" title="collapse-to-zoom" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/collapse-to-zoom.png" alt="" width="325" height="440" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2004-Baudisch-UIST04-CollapseToZoom.pdf">Collapse-to-Zoom: Viewing Web Pages on Small Screen Devices by Interactively Removing Irrelevant Content</a>. UIST2004)</p>
<p>瞭解到了手持裝置的視窗面積的珍貴之後，Baudisch 當然也發現了，在這麼小的手持裝置上面看一般的網頁是多麼不方便，不過與其說從頭開始提出一個適合手機裝置的網頁規格，Baudisch 倒是提供了另外一個方式，讓使用者可以藉由簡單的手勢 (gesture)，可以把頁面中不需要的邊欄給刪除掉，因此自然就可以許多空間來顯示使用者所注意，或是想要關心的資訊了。</p>
<p><strong>SummaryThumbnails 2005</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/SummaryThumbnails.png"><img class="aligncenter size-full wp-image-2867" title="SummaryThumbnails" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/SummaryThumbnails.png" alt="" width="414" height="478" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2005-Baudisch-CHI05-SummaryThumbnails.pdf">Summary Thumbnails: Readable Overviews for Small Screen Web Browsers</a>. CHI2005)</p>
<p>持續著利用資訊視覺化的角度來切入小型裝置的議題，Baudisch 在 2004 年已經瞭解到了在小型裝置上面閱讀網頁上面的不方便性，因此在 2005 的研究上面更進一步地利用 資訊擷取(Information Retrieval) 的技術來解決這個問題。對於讀入的網頁，Baudisch 會先加以分析，選擇應該要留下來的字，因此，在小型螢幕上面就可以留下來既可以方便讀取的字的大小的內容，又可以保有重要訊息的文字。</p>
<p><strong>Shift 2007</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/shift.png"><img class="aligncenter size-full wp-image-2868" title="shift" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/shift.png" alt="" width="397" height="264" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2007-Vogel-CHI07-Shift.pdf">Shift: A Technique for Operating Pen-Based Interfaces Using Touch</a>. CHI2007)</p>
<p>持續著對小型裝置的研究，終於在 2007 年，Baudisch 的研究開始達到頂峰的階段，自此之後，一路爆發到底。這一篇研究解決的是我們所稱之為肥大指頭 (fat finger) 的問題。在觸控螢幕上面，我們的指頭在點選的同時也遮蔽到了點選的物件。因此，不但難以點選到，也難以做精確的點選。這邊 Baudisch 提出了一個新的方式，就是利用一個小型的小視窗來顯示這個被蓋住的資訊。那使用者就會看到他指頭下面的東西，因而可以做比較好的互動。這篇 Paper 也是 Baudisch 首次奪得 CHI 的最佳論文獎。可以說是一個重要的里程碑。</p>
<p><strong>LucidTouch 2007</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/LucidTouch.png"><img class="aligncenter size-full wp-image-2871" title="LucidTouch" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/LucidTouch.png" alt="" width="401" height="234" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2007-Wigdor-UIST07-LucidTouch.pdf">LucidTouch: A See-Through Mobile Device</a>. UIST 2007)</p>
<p style="text-align:left;">在前述研究中，Baudisch 瞭解到手指頭不可避免的一定會遮蓋到螢幕，即使是用一個 call-out 出來的小型視窗來看到被遮蓋掉的東西，這個 call-out 出來的小型視窗依然會遮蓋掉螢幕中的其他部位。唯一兩全其美的方式就是讓使用者可以把手指頭放到螢幕後面去跟螢幕互動。如此，既不會遮蓋掉要互動的資訊，也同時可以看到手的位置。在這個計畫裡面，Baudsich 是先在裝置後面裝置了一個 webcam 來監看手部的位置來達到這個效果。下面是 Demo 的視訊:</p>
<p style="text-align:center;"><span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='450' height='284' src='http://www.youtube.com/embed/aASuL7RHJHM?version=3&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' frameborder='0' allowfullscreen='true'></iframe></span></p>
<p><strong>Wedge 2008</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/wedge.png"><img class="aligncenter size-full wp-image-2872" title="wedge" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/wedge.png" alt="" width="415" height="481" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2008-Gustafson-CHI08-WedgeClutterFreeVisualizationOfOffScreenLocations.pdf">Wedge: Clutter-Free Visualization of Off-Screen Locations</a>. CHI 2008)</p>
<p>大師總是不斷地從自身的研究中汲取經驗，並且改進。大家應該還記得小型裝置的第一篇 Halo 吧! 在 Halo 裡面，Baudisch 用了整個圓來表達了在視窗外面的東西的方位以及距離，不過用者個圓的壞處就是，圓圈或許會交疊在一起，而造成了視覺上面的混亂。這個的確是個問題，不過針對這個問題的解決方式也蠻簡單的，我們就不要秀全部的圓就好了! 所以，這個新的發明就叫做 Wedge，我們可以把要秀的圓限縮到某個孔徑 (aperture) 範圍，或是調整邊腳 (leg)，如此一來就可以解決重疊的視覺上的問題。Demo 視訊如下:</p>
<p style="text-align:center;"><span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='450' height='284' src='http://www.youtube.com/embed/dgvEQ08ZeoQ?version=3&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' frameborder='0' allowfullscreen='true'></iframe></span></p>
<p><strong>nanoTouch 2008</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/nanoTouch.png"><img class="aligncenter size-full wp-image-2873" title="nanoTouch" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/nanoTouch.png" alt="" width="396" height="253" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2009-Baudisch-CHI09-BackOfDeviceInteractionAllowsCreatingVerySmallTouchDevices.pdf">Back-of-device Interaction allows creating very small touch devices</a>. CHI2008)</p>
<p>在 2007 年，Baudisch 展示了利用螢幕的背面觸控的可能性之後，在 2008 年，Baudisch 就把這樣子想法付諸實現了，便成了 nanoTouch，如圖中所看到的微小裝置。nanoTouch 的背後所鑲嵌的是一個電容式的面板，因此可以感知到使用者所接觸的地方。當然，所以讀者在這個圖片上面看到的指頭當然就是假裝出來的囉! 不過這樣子接近完整產品的實作，也讓 nanoTouch 在 2008 年時非常火紅了一陣子，並且如果我沒記錯的話，在 2009 年還有多款手機還期望推出這個樣子的功能。這邊有 New Scientist 的報導影片:</p>
<p style="text-align:center;"><span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='450' height='284' src='http://www.youtube.com/embed/4xfgZy2B5ro?version=3&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' frameborder='0' allowfullscreen='true'></iframe></span></p>
<p><strong>Disappearing Mobile Devices 2009</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/disappearing.png"><img class="aligncenter size-full wp-image-2874" title="disappearing" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/disappearing.png" alt="" width="323" height="238" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2009-NiBaudisch-UIST09-DisappearingMobileDevices.pdf">Disappearing Mobile Devices</a>. UIST 2009)</p>
<p>時序進入到 2009 年，當我們還在展望了小型裝置的問題的時候，Baudisch 已經開始瞭解到裝置越來越小的問題，如果裝置小到甚至不見的話，我們又該要如何互動呢? 於是這一篇研究因此而誕生了。這一篇開始就是 Baudisch 開始利用使用者測試來探索設計空間的工程型使用者測試的里程碑的開始。在這一篇裡，Baudisch 所做的使用者測試不是為了測試新的設計有多好用，而是為了測試使用者的人因 (human factor)，再來利用這些測得的參數，再來設計所需要的使用者介面。在這一篇論文裡面，Patrick 展望了未來的消失介面，或許可以用單點雷射光來互動。而用單點雷射光的互動，究竟會出什麼問題，這就是 Patrick 想要探討的問題，並且在最後歸結出了六個重要的設計原則。</p>
<p><strong>The Generalized Perceived Input Point Model 2010</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/touchmodel.png"><img class="aligncenter size-full wp-image-2875" title="touchmodel" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/touchmodel.png" alt="" width="370" height="202" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2010-HolzBaudisch-CHI10-TheGeneralizedPerceivedInputPointModelAndRidgePad.pdf">The Generalized Perceived Input Point Model and How to Double Touch Accuracy by Extracting Fingerprints</a>. CHI2010)</p>
<p>如果有用過智慧型手機的使用者，或許會發現這樣子微小的差距，就是感覺好像 iPhone 的虛擬鍵盤輸入比較準確，用 android 的好像就怪怪的。沒錯，Baudisch 也發現了這個問題，在 2007 年的時候，Baudisch 在設計的以為是肥指頭 (fat finger) 問題，但是當時他就覺得怪怪的。到了 2010 年，他決定利用他所體會出來的所謂的工程型使用者測試方法來探索這個設計空間。因此，在經過大量的使用者測試之下，Baudisch 竟然發現了一個有趣的事實，那就是，每個使用者根本就沒有按到目標 (crosshair)，發現的還不只如此，他還發現了每一個使用者的輸入都會自成一個一致的形態，而且每個人都有點不同。啊哈，所以，我們終於瞭解了，Apple 是怎麼來改進我們的使用者經驗了，原來就來自這個非常微小而細膩的地方。</p>
<p><strong>Imaginary Interface 2010</strong></p>
<p style="text-align:center;"><a href="http://uiui.mmdays.com/wp-content/uploads/2011/01/ImaginaryInterface.png"><img class="aligncenter size-full wp-image-2876" title="ImaginaryInterface" src="http://uiui.mmdays.com/wp-content/uploads/2011/01/ImaginaryInterface.png" alt="" width="478" height="254" /></a></p>
<p style="text-align:center;">(圖片來源: <a href="http://www.patrickbaudisch.com/publications/2010-GustafsonBaudisch-UIST10-ImaginaryInterfaces.pdf">Imaginary Interfaces: Spatial Interaction with Empty Hands and Without Visual Feedback</a>. UIST2010)</p>
<p>時間繼續前進，Baudisch 似乎對於自己所理解的工程式使用者測試使用得非常得心應手了。因此，當大家依然關注著微小裝置的同時，Patrick 已經開始利用實證的方式來開拓未來了。Baudisch 想到，既然如果未來的裝置都消失了，或許連顯示的東西也都沒有了，在這個樣子的情況之下，使用者該如何互動? 又使用者的互動空間又有多大? 因此，在這一篇論文裡面，Baudisch 就試圖探討在這樣子的互動之下，或許可以利用使用者的想像空間來做互動。不過，這樣子的話，使用者對於周遭的空間理解的精準度有多高呢? 使用者對於多複雜的手勢又可以達到多麼精準的程度呢? 在這篇論文裡面，Baudisch 開始為自己的研究生涯裡面開啟了另外一個重要的突破，一個嶄新的互動空間，一個嶄新的互動領域，就從這篇論文開始展開。Demo 視訊如下:</p>
<p style="text-align:center;"><span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='450' height='284' src='http://www.youtube.com/embed/718RDJeISNA?version=3&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' frameborder='0' allowfullscreen='true'></iframe></span></p>
<p><strong>現在</strong></p>
<p>Patrick Baudisch 一個 HCI 的超新星，從圖學切入，並用著所學到的資訊視覺化知識跨入了小型裝置的互動領域，隨著研究的經驗的累積，不斷地在研究領域上面開拓，從觸控 (touch) 到非觸控 (no-touch)；從瞭解使用者測試，終而悟出工程型使用者測試 (engineer style evaluation)；從微小裝置的互動，一路往下專研，竟然開啟了一個全新的嶄新領域&#8211;想像互動 (Imaginary Interface)。現今，Baudish 依然爆發，在今年的 CHI2011 上面，Patrick Baudisch <a href="http://www.patrickbaudisch.com/publications/index.html">已經預告了</a>他即將上檔的三篇論文，全都跟小型互動有關，其中有一篇更直接叫做 &#8220;Understanding touch&#8221; (瞭解觸控)。站在人生頂峰的 Baudisch，當他在 CHI 上面所做的玩笑，或許就是想要告訴大家，思考就是要來自不一樣的面向，突破就是來自於對事物根本的質疑，唯有不斷地質疑，我們才會看到事實的真相，而唯有不斷地挑戰非傳統的想法，也才有創新的路徑。或許，研究是這麼樣子才會有趣吧 <span class='wp-smiley wp-emoji wp-emoji-smile' title=':)'>:)</span></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2863/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2863/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2863&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2011/01/09/patrick-baudisch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://www.patrickbaudisch.com/biography/images/PatrickBaudischWhitebackground250wide.jpg" medium="image">
			<media:title type="html">Patrick Baudisch</media:title>
		</media:content>

		<media:content url="http://www.chi2010.org/images/banner-attending.jpg" medium="image">
			<media:title type="html">Banner image.</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/halo.png" medium="image">
			<media:title type="html">halo</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/collapse-to-zoom.png" medium="image">
			<media:title type="html">collapse-to-zoom</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/SummaryThumbnails.png" medium="image">
			<media:title type="html">SummaryThumbnails</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/shift.png" medium="image">
			<media:title type="html">shift</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/LucidTouch.png" medium="image">
			<media:title type="html">LucidTouch</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/wedge.png" medium="image">
			<media:title type="html">wedge</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/nanoTouch.png" medium="image">
			<media:title type="html">nanoTouch</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/disappearing.png" medium="image">
			<media:title type="html">disappearing</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/touchmodel.png" medium="image">
			<media:title type="html">touchmodel</media:title>
		</media:content>

		<media:content url="http://uiui.mmdays.com/wp-content/uploads/2011/01/ImaginaryInterface.png" medium="image">
			<media:title type="html">ImaginaryInterface</media:title>
		</media:content>
	</item>
		<item>
		<title>新年快樂!</title>
		<link>http://uiui.mmdays.com/2011/01/09/happy-new-year-2011/</link>
		<comments>http://uiui.mmdays.com/2011/01/09/happy-new-year-2011/#comments</comments>
		<pubDate>Sun, 09 Jan 2011 08:40:24 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2861</guid>
		<description><![CDATA[不知不覺又過了一年, 又到了新的一年, 想到 UIUI 創立至今, 也快要三年了。代表著我的學習歷程也經過了快要三年了，回顧著這三年來, 空空的腦袋裡面, 好像裝了點東西, 不過似乎也僅此而已, 剩下的就是時間不知道怎麼流失的感慨了! 隨著時間的過去, 敝 Blog 的文章似乎也呈現著穩定遞減, 有時候, 總是這樣子安慰著自己, 寫文章的時間變少了, 這或許就代表 &#8220;做事&#8221; 的時間變多了。希望真得是如此。 雖然每年新年的願望都差不多, 但是真得是希望每年都可以達到。希望今年有更多的時間能夠跟諸位志同道合的讀者分享這些學得的知識。希望如此 (雙手合十)。祝各位新年快樂 :)<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2861&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>不知不覺又過了一年, 又到了新的一年, 想到 UIUI 創立至今, 也快要三年了。代表著我的學習歷程也經過了快要三年了，回顧著這三年來, 空空的腦袋裡面, 好像裝了點東西, 不過似乎也僅此而已, 剩下的就是時間不知道怎麼流失的感慨了! 隨著時間的過去, 敝 Blog 的文章似乎也呈現著穩定遞減, 有時候, 總是這樣子安慰著自己, 寫文章的時間變少了, 這或許就代表 &#8220;做事&#8221; 的時間變多了。希望真得是如此。</p>
<p>雖然每年新年的願望都差不多, 但是真得是希望每年都可以達到。希望今年有更多的時間能夠跟諸位志同道合的讀者分享這些學得的知識。希望如此 (雙手合十)。祝各位新年快樂 <span class='wp-smiley wp-emoji wp-emoji-smile' title=':)'>:)</span></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2861/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2861/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2861&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2011/01/09/happy-new-year-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>
	</item>
		<item>
		<title>改變世界的互動科技: 人”機”互動</title>
		<link>http://uiui.mmdays.com/2011/01/09/human-robot-interaction/</link>
		<comments>http://uiui.mmdays.com/2011/01/09/human-robot-interaction/#comments</comments>
		<pubDate>Sun, 09 Jan 2011 08:22:15 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2859</guid>
		<description><![CDATA[(Hack KINECT 後，用手勢操作 Roomba. 圖片來源: sina.com) 由於我們的好朋友 Mr. Wednesday 目前被要事纏身，所以今天就由小弟我來代打了。由於我是學習人機互動 (Human Computer Interaction) 的，因此經常在研究的領域能夠比一般的應用看到更前瞻一點的互動技術或是應用。雖然這些技術目前都還在實驗室裡面，但是因為都是實際做出來可以運作的原型(prototype)，因此，離實際的應用也不遠了。所以，我一直很想要寫一系列的文章來介紹這些即將改變你我的生活環境的互動技術，讓沒有任何技術背景的人也可以瞭解到，原來我們未來的世界即將要被這樣子的科技所改變了。我想這一系列的文章就叫做 “改變世界的互動科技” 好了。 在 HCI 裡面，我目前所學習的領域橫跨了影像 (Video)、照片(Photo)、多點觸控介面(Multitouch User Interface)、手機介面 (Mobile)、資訊視覺化 (Information Visualization)、機器人互動(Human-Robot-Interaction)、人腦運算 (Human Computation)、社群網路 (Social Network)、實體介面 (Tangible UI)、傳統的視窗互動 (WIMP-Window-Icon-Menu-Pointer)、擴增實境 (Augmented Reality) 以及現在正紅的體感介面 (Body User Interface)。當然，這不是人機互動領域的全部，但是由於目前我只熟悉到這個階段，因此我將會先從這些領域來跟大家做介紹。不過，學有不專，如果有這個領域的專家看完小弟的文章後，願意出來補充，那這個文章也就達到了拋磚引玉的效果了。 (HRP-4C, 日本機器人頂尖的代表作. 圖片來源: JIAU) 在眾多的領域當中，我想，我就先選擇機器人互動 (Human Robot Interaction) 領域好了。主要原因不僅僅是為是這我目前才剛學習的新領域之外，也是因為今年的 HCI 領域中最高的 國際會議 (SIGCHI) 的閉幕演講的主題就是 “基於道德的角度出發來跟機器人做互動 ” (Doing what’s right [&#8230;]<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2859&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><a href="http://mmdays.com/wp-content/uploads/2010/12/HRI.jpg"><img title="HRI" src="http://mmdays.com/wp-content/uploads/2010/12/HRI-300x199.jpg" alt="" width="300" height="199" /></a></p>
<p>(Hack KINECT 後，用手勢操作 Roomba. 圖片來源: <a href="http://finance.sina.com/bg/tech/sinacn/20101122/0237179580.html">sina.com</a>)</p>
<p>由於我們的好朋友 Mr. Wednesday 目前被要事纏身，所以今天就由小弟我來代打了。由於我是學習人機互動 (Human Computer Interaction) 的，因此經常在研究的領域能夠比一般的應用看到更前瞻一點的互動技術或是應用。雖然這些技術目前都還在實驗室裡面，但是因為都是實際做出來可以運作的原型(prototype)，因此，離實際的應用也不遠了。所以，我一直很想要寫一系列的文章來介紹這些即將改變你我的生活環境的互動技術，讓沒有任何技術背景的人也可以瞭解到，原來我們未來的世界即將要被這樣子的科技所改變了。我想這一系列的文章就叫做 “<strong>改變世界的互動科技</strong>” 好了。</p>
<p><span id="more-2859"></span></p>
<p>在 HCI 裡面，我目前所學習的領域橫跨了影像 (Video)、照片(Photo)、多點觸控介面(Multitouch User Interface)、手機介面 (Mobile)、資訊視覺化 (Information Visualization)、機器人互動(Human-Robot-Interaction)、人腦運算 (Human Computation)、社群網路 (Social Network)、實體介面 (Tangible UI)、傳統的視窗互動 (WIMP-Window-Icon-Menu-Pointer)、擴增實境 (Augmented Reality) 以及現在正紅的體感介面 (Body User Interface)。當然，這不是人機互動領域的全部，但是由於目前我只熟悉到這個階段，因此我將會先從這些領域來跟大家做介紹。不過，學有不專，如果有這個領域的專家看完小弟的文章後，願意出來補充，那這個文章也就達到了拋磚引玉的效果了。</p>
<p><a href="http://mmdays.com/wp-content/uploads/2010/12/HRP-4C.jpg"><img title="HRP-4C" src="http://mmdays.com/wp-content/uploads/2010/12/HRP-4C.jpg" alt="" width="250" height="373" /></a></p>
<p>(HRP-4C, 日本機器人頂尖的代表作. 圖片來源: <a href="http://www.jiau.cn/space.php?uid=605&amp;do=blog&amp;id=1653">JIAU</a>)</p>
<p>在眾多的領域當中，我想，我就先選擇機器人互動 (Human Robot Interaction) 領域好了。主要原因不僅僅是為是這我目前才剛學習的新領域之外，也是因為今年的 HCI 領域中最高的 國際會議 (SIGCHI) 的閉幕演講的主題就是 “<a href="http://www.chi2010.org/attending/advance-program/closing-plenary.html">基於道德的角度出發來跟機器人做互動 </a>” (Doing what’s right with robots: an ethical appraisal)。是由來自英國的 <a href="http://staffwww.dcs.shef.ac.uk/people/N.Sharkey/">Noel Sharkey</a> 大師所給的一場精采的演講 (有興趣的人可以看這 Sharkey<a href="http://www.sciencemag.org/content/322/5909/1800.full"> 在 Science Magazine 上面所發表的文章</a>)。這也正說明了，機器人已經離我們不遠了，而實際上，可能你家就有一隻名叫做 roomba 的機器人。或許它不叫做 roomba，<a href="http://portal.acm.org/citation.cfm?id=1771592.1771601#">而是叫做藍波</a>。</p>
<p>當然，我想你已經迫不及待想要知道有哪些互動介面被發展出來來操作機器人，但是在進入介紹這些酷炫的互動科技之前。我想，就讓我們先來看看機器人互動這件事情。我很喜歡看科幻小說，其中艾西莫夫的&lt;基地&gt;裡所描述的索拉利星上面的情況最令我難忘，因為，這個在多年以前完成的作品，似乎即將預言未來的人”機”互動。在索拉利星上面的人機比 (人類 : 機器人) 是非常之小，也就是說，一個人可以統馭數千萬台的機器人，這個是何等壯觀啊!  當然，如果你以為這個樣子的世界離我們很遠的話，那麼經由歷史來看，我們可以看到人類在物質文明上面的進步絕大部分是來自於自動化的科技。也就是說，利用了這些自動化的科技，以往需要 100 個人才能完成的事情，現在大概一個人可以完成。比如說，你利用 Google 來蒐集資料，不就是利用 Google 後面的演算法 “自動” 幫你把相關的資料給分析排序了。</p>
<p><a href="http://mmdays.com/wp-content/uploads/2010/12/Roomba.jpg"><img title="Roomba" src="http://mmdays.com/wp-content/uploads/2010/12/Roomba.jpg" alt="" width="413" height="314" /></a></p>
<p>(Roomba. 圖片來源: <a href="http://dvice.com/archives/2007/08/new-roombas-will-get-thousands.php">DVICE.com</a>)</p>
<p>然而雖然資訊科技可以幫忙自動化許多的事情，但是還是有很多的事情我們還是要有實體的代理人來替我們處理。比如說打掃家裡，這就是一個需要實體的代理人來親自拖拖地、掃掃地、折折衣服等等。因此，隨著科技日新月異的進步，終於，我們的科技到達了可以支持我們可以有處理居家雜事的機器人終於誕生了! 由 iRobot 所研發的 <a href="http://www.irobot.com/">roomba </a>風靡全球，許多人現在出門只要按下一個鍵之後，然後就可以安心上班出門，然後等著回來看著家裡乾乾淨淨的地板囉!</p>
<p><a href="http://mmdays.com/wp-content/uploads/2010/12/robot.png"><img title="robot" src="http://mmdays.com/wp-content/uploads/2010/12/robot.png" alt="" width="421" height="331" /></a></p>
<p>(使用者想像的機器人. 圖片來源: <a href="http://portal.acm.org/citation.cfm?id=1514095.1514106">robot in the wild</a>)</p>
<p>嗯，等會兒，真得是這麼一回事嗎?  其實，人類的行為比你想像中的還要複雜，所以，當然不是這麼一回事! 研究學者們當時為了瞭解使用者如何跟這類 “新型” 的 “機器人” 互動，<a href="http://portal.acm.org/citation.cfm?id=1514095.1514106">特別跑去使用者家裡做了使用者測試</a>。他們當然會給使用者免費的 roomba，但是給他們 roomba 之前，他們是先詢問他們對於所謂的機器人的期待。於是大部分的使用者就利用手邊的東西剪剪貼貼畫畫，喔，想必聰明的你也一定猜到了。這些使用者當然認為機器人應該就是至少要有手有腳囉! 顯然我們的教科書並不是白教的，有智慧的生物不都應該至少要 “這個樣子” 嗎? 所以，當然你也可以預想到當使用者看到 roomba 時的訝異表情: “你不是開玩笑吧?”</p>
<p>所以，當使用者開始初步使用這個看似不是智慧生物的機器人的時候，實際上根本不是跑出去做買菜這類的事情，反而是在家裡面監視著這個機器人。他們看著這個蠢傢伙在那裏轉來轉去當然有他們的理由。這個圓圓的東西又沒有長眼睛，怎麼會知道哪裡吸過哪裡沒吸過，一定是會弄的不乾不淨啦!  不然就是，搞不好這個蠢傢伙會不知道為什麼卡在哪一邊可能再也出不來了，我好歹在旁邊也可以救它一下。所以，事情正好相反，原因就在於，一般的使用者無法充分信任如此看似愚蠢的機器人。</p>
<p><a href="http://mmdays.com/wp-content/uploads/2010/12/roomba-usage.png"><img title="roomba-usage" src="http://mmdays.com/wp-content/uploads/2010/12/roomba-usage.png" alt="" width="667" height="194" /></a></p>
<p>(使用 roomba 前, 兩個禮拜跟六個月後的房間圖, 資料來源: <a href="http://www.google.com.tw/url?sa=t&amp;source=web&amp;cd=1&amp;ved=0CCAQFjAA&amp;url=http%3A%2F%2Fwww.springerlink.com%2Findex%2FV72Q6673R0820680.pdf&amp;ei=MYD-TMn0F8bXrQf4nqn6Bw&amp;usg=AFQjCNGk5jguOmR4OFSEEj2Y435hP1NvaQ&amp;sig2=CaER1CevnHZqT8R2b27VoQ">Domestic Robot Ecology</a>)</p>
<p>不過如果你以為故事到這邊就結束了，那又太小看了 roomba，也太小看了人類。其實這個 roomba 當然也不是那麼愚蠢以及無用，所以，幾次下來之後，使用者發現，這個呆呆的 roomba 竟然還可以把吸地板這種家事做得還不錯。只不過這個傢伙因為什麼都吸，有時候吸到一些無法入口東西把吸口都嗆住了，還要幫它解圍，這可真是麻煩。不過山不轉路轉，瞧，原本凌亂的使用者房間，為了讓 roomba 可以順利地運作，竟然在跟 roomba 相處了六個月後，使用者的居住房間自動向上升級為可以跟 roomba 共生的環境。</p>
<p><a href="http://mmdays.com/wp-content/uploads/2010/12/iToad.jpg"><img title="iToad" src="http://mmdays.com/wp-content/uploads/2010/12/iToad.jpg" alt="" width="432" height="328" /></a></p>
<p>(使用者裝飾 roomba. 圖片來源: <a href="http://blog.makezine.com/archive/2009/03/roomba_horny_toad_wool_cosy.html">Make</a>)</p>
<p>除了跟 roomba 共生之外，這隻會動來動去的傢伙，很快就成了家庭中的 “成員” 了。<a href="http://www.google.com.tw/url?sa=t&amp;source=web&amp;cd=1&amp;ved=0CB8QFjAA&amp;url=http%3A%2F%2Fwww.cc.gatech.edu%2F~beki%2Fc39.pdf&amp;ei=FYP-TKfGMsOJrAfu58WbCA&amp;usg=AFQjCNEz34M5b9ju5A9_CyM98gIM2FTv8Q&amp;sig2=D7eOjYdVeahiMKsHbPuvBw">不少使用者甚至給這些機器人賦予名字</a>，然後在路上看到這亂竄的傢伙的時候，還會順便問候打個招呼，於是 roomba 又從一個原本使用者認為愚蠢的傢伙升級成了一個似乎有點智力的好夥伴，甚至可以說，也許是一種另類的寵物。所以，這邊我們可不能小看人類的移情作用。</p>
<p><a href="http://mmdays.com/wp-content/uploads/2010/12/robot_at_daycare.jpg"><img title="robot_at_daycare" src="http://mmdays.com/wp-content/uploads/2010/12/robot_at_daycare.jpg" alt="" width="342" height="235" /></a></p>
<p>(小朋友跟 robot 互動.圖片來源: <a href="http://www.robotsnob.com/archives/2009_01.php">robotsnob.com</a>)</p>
<p><a href="http://www.sciencemag.org/content/322/5909/1800.full">根據研究</a>，如果我們把人形機器人跟小孩子在一起相處，小孩子所發揮的移情作用比你想像中的還要大。小孩子會認為他是個真的生物，並且在離開時跟它說掰掰就算了，竟然還會幫機器人蓋被子以免它著涼哩! 如果相處久了，小孩子甚至還會模仿機器人的行為，可真是所謂的潛移默化。因此，這邊作者又不禁要佩服艾西莫夫的想像力了，在 &lt;基地&gt; 系列裡面，艾西莫夫以深刻的筆觸描寫了索拉利星誕生的小孩對於機器人的依賴以及親密度跟信任感，這樣子的感覺甚至遠大於跟真實的人相處。因此，這讓我們不禁又再度思考，當我們把一個新的科技帶入了社會之後，或許，這才是真正互動的開始。</p>
<p>人類雖然發明了這樣子先端的科技，然而自己的行為以及認知，又反過來被自己所發明的科技所改變，如此反覆下去。因此，對於這些科技的互動設計，是如此的深遠地影響著我們的認知以及日常生活。因此，如何能不好好設計這些互動的介面呢? 不過，寫到這邊，我想，篇幅也已經太長，這些新發明的居家機器人操作介面就讓我們留到下回分曉吧! (讀者: 啊! 呼嚨了這麼久竟然一個新的操作介面都沒看到! #$%^&amp;… [哈! 不好意思囉! ])</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2859/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2859/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2859&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2011/01/09/human-robot-interaction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2010/12/HRI-300x199.jpg" medium="image">
			<media:title type="html">HRI</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2010/12/HRP-4C.jpg" medium="image">
			<media:title type="html">HRP-4C</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2010/12/Roomba.jpg" medium="image">
			<media:title type="html">Roomba</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2010/12/robot.png" medium="image">
			<media:title type="html">robot</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2010/12/roomba-usage.png" medium="image">
			<media:title type="html">roomba-usage</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2010/12/iToad.jpg" medium="image">
			<media:title type="html">iToad</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2010/12/robot_at_daycare.jpg" medium="image">
			<media:title type="html">robot_at_daycare</media:title>
		</media:content>
	</item>
		<item>
		<title>美學CEO： 用設計思考，用美學管理</title>
		<link>http://uiui.mmdays.com/2010/10/26/the-power-of-design/</link>
		<comments>http://uiui.mmdays.com/2010/10/26/the-power-of-design/#comments</comments>
		<pubDate>Tue, 26 Oct 2010 02:00:35 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2849</guid>
		<description><![CDATA[Posted By Mr. Monday (圖片來源: 博客來) 我很久沒有寫書評了，不是因為我看的書少，而是因為我時間太少。但是，這本書我一定要為它寫書評。因為這本書來自於我的好友吳翰中 (Han)。Han 在我從一個完全沒有任何設計背景的人，轉型到 HCI (Human Computer Interaction) 的研究人員以及設計師，給了我很多有用的意見以及幫助。現在看到他終於順利地產下了這本書，著實讓我非常開心。因為我知道: 他從半年以前就已經開始專心在寫這本書了。Han 是個典型的跨界思考的設計師，對於推廣 &#8220;美學經濟&#8221; 這個概念不遺餘力，從他個人的 blog  &#8220;美感經濟與風格社會的對話&#8221; 的文章就可以看出來了。身為一個念美國杜克大學企管碩士的高材生，Han 對設計這個領域可說是嚮往不已。然而，不一樣的是，Han 將他在管理學學到的知識挹注到設計這個領域，並且非常熱衷地成為了 &#8220;美學經濟&#8221; 的傳福者 (evangelist)。 當我在誠品拾起這本書時，我很高興它還依然列在暢銷排行榜的書櫃上面。當我在日本從事研究的時候，我將這本書給我同事看的時候，他們很喜歡這個書本的編排設計，當他們問我這本書是否會在日本發行的時候，我只能跟他們說，真是抱歉，目前只有中文版。(@Han: 你可以考慮翻譯一下 :P )。這本書在寫作上面非常用心，避免使用艱澀的專有名詞來迷惑大家，並且羅列了大量精美的圖片，我想光是看圖片也會是一種享受。除了書本最前頁用來表示各個地方的設計的 &#8220;設計地圖&#8221; 之外，書本的末頁還附上了作者們用心編排的設計年表。 我想本書的設定應該是給想要一窺設計的商業人士。因此，在書本的編排上面，比較像是管理學上面的個案探討 (case study)。藉由一個又一個成功的案例來闡述美學如何成為企業在差別化中的競爭力。然而如果你以為所謂的 &#8220;設計&#8221;，就是把東西弄得漂漂亮亮，這樣子就是設計的話，Han 會告訴你，真正的設計是 &#8220;以人為中心的設計&#8221;。所以，設計不僅僅只是外表上面的設計，而是在透徹地瞭解人的認知以及需求後，所產生出來的整體使用者經驗。 當我閱讀著這本書的同時，我也一一地翻動著我的記憶。其實，在我的短短的人生生涯當中，我看過的商業書籍跟我看過的程式書籍是差不多一樣多；而在我轉變成為 HCI 研究員之後，我看過的 HCI 書籍又跟前面的兩者的份量差不多一樣多了。因此，當我看到 ZARA 這個名詞的時候，我腦中浮現的不僅僅是 &#8220;快速時尚&#8221; 這個名詞，這個名詞還代表著一個不同以往的商業策略 (Business model) 以及設計策略 (Design strategy)。&#8221;快速時尚&#8221; 僅僅只是一個抽象概念，然而如何支援 &#8220;快速時尚&#8221; 的成功，就牽扯到了整條供應鏈以及對於人性的觀察。如同詹宏志在這期商周的感言一般: &#8220;一分鐘能知道的事情，兩年才能做得出來; 五分鐘能知道的事情，五年才會實現&#8221;。因此，我想，大家在讀過此書後，雖然有著 &#8220;美學經濟&#8221; [&#8230;]<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2849&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<div>
<p><strong>Posted By </strong><strong><a href="http://mmdays.com/category/mr-monday/">Mr. Monday</a></strong></p>
<p style="text-align:center;"><img class="aligncenter" title="美學 CEO" src="http://im2.book.com.tw/exep/lib/image.php?image=http://addons.books.com.tw/G/001/6/0010478486.jpg&amp;width=200&amp;height=280&amp;quality=80" alt="" width="200" height="280" /></p>
<p>(圖片來源: <a href="http://www.books.com.tw/exep/prod/booksfile.php?item=0010478486">博客來</a>)</p>
<p>我很久沒有寫書評了，不是因為我看的書少，而是因為我時間太少。但是，這本書我一定要為它寫書評。因為這本書來自於我的好友吳翰中 (Han)。Han 在我從一個完全沒有任何設計背景的人，轉型到 HCI (Human Computer Interaction) 的研究人員以及設計師，給了我很多有用的意見以及幫助。現在看到他終於順利地產下了這本書，著實讓我非常開心。因為我知道: 他從半年以前就已經開始專心在寫這本書了。Han 是個典型的跨界思考的設計師，對於推廣 &#8220;美學經濟&#8221; 這個概念不遺餘力，從他個人的 blog  &#8220;<a href="http://www.aestheticeconomy.com/blog/">美感經濟與風格社會的對話</a>&#8221; 的文章就可以看出來了。身為一個念美國杜克大學企管碩士的高材生，Han 對設計這個領域可說是嚮往不已。然而，不一樣的是，Han 將他在管理學學到的知識挹注到設計這個領域，並且非常熱衷地成為了 &#8220;美學經濟&#8221; 的傳福者 (evangelist)。</p>
<p><span id="more-2849"></span></p>
<p>當我在誠品拾起這本書時，我很高興它還依然列在暢銷排行榜的書櫃上面。當我在日本從事研究的時候，我將這本書給我同事看的時候，他們很喜歡這個書本的編排設計，當他們問我這本書是否會在日本發行的時候，我只能跟他們說，真是抱歉，目前只有中文版。(@Han: 你可以考慮翻譯一下 <span class='wp-smiley wp-emoji wp-emoji-tongue' title=':P'>:P</span> )。這本書在寫作上面非常用心，避免使用艱澀的專有名詞來迷惑大家，並且羅列了大量精美的圖片，我想光是看圖片也會是一種享受。除了書本最前頁用來表示各個地方的設計的 &#8220;設計地圖&#8221; 之外，書本的末頁還附上了作者們用心編排的設計年表。</p>
<p>我想本書的設定應該是給想要一窺設計的商業人士。因此，在書本的編排上面，比較像是管理學上面的個案探討 (case study)。藉由一個又一個成功的案例來闡述美學如何成為企業在差別化中的競爭力。然而如果你以為所謂的 &#8220;設計&#8221;，就是把東西弄得漂漂亮亮，這樣子就是設計的話，Han 會告訴你，真正的設計是 &#8220;以人為中心的設計&#8221;。所以，設計不僅僅只是外表上面的設計，而是在透徹地瞭解人的認知以及需求後，所產生出來的整體使用者經驗。</p>
<p>當我閱讀著這本書的同時，我也一一地翻動著我的記憶。其實，在我的短短的人生生涯當中，我看過的商業書籍跟我看過的程式書籍是差不多一樣多；而在我轉變成為 HCI 研究員之後，我看過的 HCI 書籍又跟前面的兩者的份量差不多一樣多了。因此，當我看到 ZARA 這個名詞的時候，我腦中浮現的不僅僅是 &#8220;快速時尚&#8221; 這個名詞，這個名詞還代表著一個不同以往的商業策略 (Business model) 以及設計策略 (Design strategy)。&#8221;快速時尚&#8221; 僅僅只是一個抽象概念，然而如何支援 &#8220;快速時尚&#8221; 的成功，就牽扯到了整條供應鏈以及對於人性的觀察。如同詹宏志在這期商周的感言一般: &#8220;一分鐘能知道的事情，兩年才能做得出來; 五分鐘能知道的事情，五年才會實現&#8221;。因此，我想，大家在讀過此書後，雖然有著 &#8220;美學經濟&#8221; 的概念了，但是我必須要說，落實這樣子的概念，在實作上面跟在抽象概念上面，還有很多的路要走。</p>
<p>如果你期望，在導入 &#8220;美學經濟&#8221; 的概念之後，事業馬上就一飛衝天。這個是緣木求魚。在利用這個樣子的概念之前，這個樣子的概念必須要成為公司的 &#8220;基因&#8221;，也就是說，無論你在下什麼決策之前，你的 check list 上面永遠會自然地想到這個因素。只有養成了這個習慣的動作，這樣子的能力才會在實戰中展現出來。因此，從概念到成為公司的基因，這往往是一條漫長的路。就如同六個 sigma 的道理如此簡單易懂一般，講一遍，你就會懂了。不過懂了，跟真得做到了; 然後持續地做到了，這就需要時間了。不過長久來看，如果企業需要走品牌路線，這樣子的基因是不可或缺的。</p>
<p>當然，由於本書的設定是給沒有任何設計背景的商業人士，或是沒有任何商業背景的設計人士。因此，對於一般已經有基本認識的人來說，本書的深度或許來說會稍為淺顯了一點。然而即使如此，快速地翻過這些成功結合設計的案例，依然頗有溫故知新的效果。而且我也相信，作者群們應該也會努力不懈地來個第二彈，來滿足一下像我們這一類已經不是初階人士的讀者吧 <span class='wp-smiley wp-emoji wp-emoji-smile' title=':)'>:)</span>  我衷心期盼作者的努力能夠開花結果，也衷心地期盼這本書的續集。讓我們用更深刻的案例分析來剖析思考如何將 &#8220;設計&#8221; 與 &#8220;商業&#8221; 結合。</p></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2849/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2849/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2849&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2010/10/26/the-power-of-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://im2.book.com.tw/exep/lib/image.php?image=http://addons.books.com.tw/G/001/6/0010478486.jpg&#38;width=200&#38;height=280&#38;quality=80" medium="image">
			<media:title type="html">美學 CEO</media:title>
		</media:content>
	</item>
		<item>
		<title>SIGGRAPH: 點擊切換上下位置</title>
		<link>http://uiui.mmdays.com/2010/08/06/siggraph-%e9%bb%9e%e6%93%8a%e5%88%87%e6%8f%9b%e4%b8%8a%e4%b8%8b%e4%bd%8d%e7%bd%ae/</link>
		<comments>http://uiui.mmdays.com/2010/08/06/siggraph-%e9%bb%9e%e6%93%8a%e5%88%87%e6%8f%9b%e4%b8%8a%e4%b8%8b%e4%bd%8d%e7%bd%ae/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 23:06:33 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2832</guid>
		<description><![CDATA[之前連續介紹了兩篇來自 MIT, 接受 UI 之神 Igarashi 指導的作品, 而身為 UI 之神, 本身也還沒有從第一線退出, 這篇出自 UI 之神之手的作品, 讓使用者可以藉由點擊, 以及簡單的 SHIFT 鍵, 就可以切換物件的相對上下位置, 也就是說, 你可以非常簡單的利用電腦的 UI 來打領帶, 或是童軍的繩結。對於其內容有興趣的話, 可以在 project 網頁觀看文章, 而聽得懂英文的話, 可以觀看其 video, 想體驗的人的話, 可以直接下載程式, 不過目前只有 windows 的版本。<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2832&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><img alt="" src="http://www.designinterface.jp/en/projects/layer/layer.jpg" title="Click to switch layer" class="aligncenter" width="470" height="273" /></p>
<p>之前連續介紹了兩篇來自 MIT, 接受 UI 之神 Igarashi 指導的作品, 而身為 UI 之神, 本身也還沒有從第一線退出, 這篇出自 UI 之神之手的作品, 讓使用者可以藉由點擊, 以及簡單的 SHIFT 鍵, 就可以切換物件的相對上下位置, 也就是說, 你可以非常簡單的利用電腦的 UI 來打領帶, 或是童軍的繩結。對於其內容有興趣的話, 可以在 <a href="http://www.designinterface.jp/en/projects/layer/">project 網頁</a>觀看文章, 而聽得懂英文的話, 可以<a href="http://www.designinterface.jp/projects/layer/layer.mov">觀看其 video</a>, 想體驗的人的話, 可以直接<a href="http://www.designinterface.jp/projects/layer/layer.zip">下載程式</a>, 不過目前只有 windows 的版本。</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2832/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2832/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2832&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2010/08/06/siggraph-%e9%bb%9e%e6%93%8a%e5%88%87%e6%8f%9b%e4%b8%8a%e4%b8%8b%e4%bd%8d%e7%bd%ae/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://www.designinterface.jp/projects/layer/layer.mov" length="11923893" type="video/quicktime" />
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://www.designinterface.jp/en/projects/layer/layer.jpg" medium="image">
			<media:title type="html">Click to switch layer</media:title>
		</media:content>
	</item>
		<item>
		<title>SIGGRAPH: 影像動態目錄自動產生器</title>
		<link>http://uiui.mmdays.com/2010/08/02/siggraph-%e5%bd%b1%e5%83%8f%e5%8b%95%e6%85%8b%e7%9b%ae%e9%8c%84%e8%87%aa%e5%8b%95%e7%94%a2%e7%94%9f%e5%99%a8/</link>
		<comments>http://uiui.mmdays.com/2010/08/02/siggraph-%e5%bd%b1%e5%83%8f%e5%8b%95%e6%85%8b%e7%9b%ae%e9%8c%84%e8%87%aa%e5%8b%95%e7%94%a2%e7%94%9f%e5%99%a8/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 11:27:23 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2838</guid>
		<description><![CDATA[有看一部影片, 不知道該如何下手的困擾嗎? 來自 Princeton 的團隊, 針對這個樣子的問題, 發明了一種新的目錄產生器, 這個產生出來的目錄, 還有 level of detail, 可以任意的延展跟縮放, 因此, 當不知道該從哪一段開始看的時候, 就可以縮放 slidebar 下面的目錄圖片, 點選要觀看的點, 就可以開始觀看囉! 想要瞭解該如何互動的話, 可以到 project page 上面觀看其 demo video。<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2838&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><img class="aligncenter" title="Video Tapestries" src="http://www.cs.princeton.edu/gfx/pubs/Barnes_2010_VTW/teaser.png" alt="" width="662" height="239" /></p>
<p>有看一部影片, 不知道該如何下手的困擾嗎? 來自 Princeton 的團隊, 針對這個樣子的問題, 發明了一種新的目錄產生器, 這個產生出來的目錄, 還有 level of detail, 可以任意的延展跟縮放, 因此, 當不知道該從哪一段開始看的時候, 就可以縮放 slidebar 下面的目錄圖片, 點選要觀看的點, 就可以開始觀看囉! 想要瞭解該如何互動的話, 可以到<a href="http://www.cs.princeton.edu/gfx/pubs/Barnes_2010_VTW/index.php"> project page 上面</a>觀看其 demo video。</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2838/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2838/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2838&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2010/08/02/siggraph-%e5%bd%b1%e5%83%8f%e5%8b%95%e6%85%8b%e7%9b%ae%e9%8c%84%e8%87%aa%e5%8b%95%e7%94%a2%e7%94%9f%e5%99%a8/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://www.cs.princeton.edu/gfx/pubs/Barnes_2010_VTW/teaser.png" medium="image">
			<media:title type="html">Video Tapestries</media:title>
		</media:content>
	</item>
		<item>
		<title>SIGGRAPH: 自動立體卡片製作</title>
		<link>http://uiui.mmdays.com/2010/08/01/siggraph-%e8%87%aa%e5%8b%95%e7%ab%8b%e9%ab%94%e5%8d%a1%e7%89%87%e8%a3%bd%e4%bd%9c/</link>
		<comments>http://uiui.mmdays.com/2010/08/01/siggraph-%e8%87%aa%e5%8b%95%e7%ab%8b%e9%ab%94%e5%8d%a1%e7%89%87%e8%a3%bd%e4%bd%9c/#comments</comments>
		<pubDate>Sun, 01 Aug 2010 11:13:30 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2834</guid>
		<description><![CDATA[這世界真是太多神奇的事情了, 隨著科技的進步, 現在真的是越來越心想事成。如果你想要做立體書, 又不知道該如何下手的話, 來自北京清華大學的 Xian-Ying Li 可以幫你解決這個問題。你只要餵入 3D 的模型, 系統就會自動產生一張告訴你該如何剪裁的紙, 然後你就可以順利製作你的立體書了。如果你對於製作立體書有興趣的話, 可以前往 project page 觀看 paper, 或是觀看其 demo 的 video。<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2834&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p style="text-align:center;"><img class="aligncenter" title="Popup" src="http://cg.cs.tsinghua.edu.cn/popup/figures/teaser.jpg" alt="" width="630" height="113" /></p>
<p>這世界真是太多神奇的事情了, 隨著科技的進步, 現在真的是越來越心想事成。如果你想要做立體書, 又不知道該如何下手的話, 來自北京清華大學的 <a href="http://cg.cs.tsinghua.edu.cn/people/~xianying/">Xian-Ying Li</a> 可以幫你解決這個問題。你只要餵入 3D 的模型, 系統就會自動產生一張告訴你該如何剪裁的紙, 然後你就可以順利製作你的立體書了。如果你對於製作立體書有興趣的話, 可以前往 <a href="http://cg.cs.tsinghua.edu.cn/popup/main.htm">project page</a> 觀看 paper, 或是觀看其 demo 的 video。</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2834/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2834/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2834&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2010/08/01/siggraph-%e8%87%aa%e5%8b%95%e7%ab%8b%e9%ab%94%e5%8d%a1%e7%89%87%e8%a3%bd%e4%bd%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://cg.cs.tsinghua.edu.cn/popup/figures/teaser.jpg" medium="image">
			<media:title type="html">Popup</media:title>
		</media:content>
	</item>
		<item>
		<title>SIGGRAPH: 剪影模型</title>
		<link>http://uiui.mmdays.com/2010/07/30/siggraph-%e5%89%aa%e5%bd%b1%e6%a8%a1%e5%9e%8b/</link>
		<comments>http://uiui.mmdays.com/2010/07/30/siggraph-%e5%89%aa%e5%bd%b1%e6%a8%a1%e5%9e%8b/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 10:58:14 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2826</guid>
		<description><![CDATA[同樣還是來自 MIT 的 Alec Rivers , 也同樣是在UI之神 Igarashi 的指導之下, 所創造的另外一個 3D model 的建立系統。使用者, 僅僅需要利用 3D model 的剪影, 就可以創立新的 3D model。如果你聽得懂英文, 你可以到此觀看其 Demo video, 如果你想要親自體驗, 你可以在這邊下載程式, 不過目前只有 Windows 版本, 需要 .NET Framework。<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2826&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><img class="aligncenter" title="Silhouette model" src="http://www.alecrivers.com/3dmodelingwithsilhouettes/images/teasersmall.png" alt="" width="700" height="118" /></p>
<p>同樣還是來自 MIT 的 <a href="http://www.alecrivers.com/">Alec Rivers</a> , 也同樣是在<a href="http://uiui.mmdays.com/2008/03/25/igarashi/">UI之神 Igarashi </a>的指導之下, 所創造的另外一個 3D model 的建立系統。使用者, 僅僅需要利用 3D model 的剪影, 就可以創立新的 3D model。如果你聽得懂英文, 你可以到此<a href="http://www.alecrivers.com/3dmodelingwithsilhouettes/">觀看其 Demo video</a>, 如果你想要親自體驗, 你可以在這邊<a href="http://www.alecrivers.com/3dmodelingwithsilhouettes/files/3D%20Modeling%20with%20Silhouettes.zip">下載程式</a>, 不過目前只有 Windows 版本, 需要 .NET Framework。</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2826/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2826/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2826&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2010/07/30/siggraph-%e5%89%aa%e5%bd%b1%e6%a8%a1%e5%9e%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://www.alecrivers.com/3dmodelingwithsilhouettes/images/teasersmall.png" medium="image">
			<media:title type="html">Silhouette model</media:title>
		</media:content>
	</item>
		<item>
		<title>SIGGRAPH: 2.5D 的動畫世界</title>
		<link>http://uiui.mmdays.com/2010/07/29/siggraph-25d-%e7%9a%84%e5%8b%95%e7%95%ab%e4%b8%96%e7%95%8c/</link>
		<comments>http://uiui.mmdays.com/2010/07/29/siggraph-25d-%e7%9a%84%e5%8b%95%e7%95%ab%e4%b8%96%e7%95%8c/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 10:51:35 +0000</pubDate>
		<dc:creator><![CDATA[mmmonday]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uiui.mmdays.com/?p=2824</guid>
		<description><![CDATA[來自 MIT 的 Alec Rivers 在UI之神 Igarashi 的指導之下, 創造了一個非常創新且實用的 UI: 2.5D 動畫產生器。也就是說, 以後畫家可以只畫三個 view, 前視圖, 俯視圖, 側視圖, 然後就可以任意的改變 view 來創造不同位置所應該要對應的圖片。或許, 大家會認為這個沒有什麼, 就是對應到 3D model 上面就是了, 喔, 最神奇的地方就在於, 沒有任何 3D model 的存在, 一切都是靠剛剛畫出來的三張 2D 圖片來做 3D 位置的猜想。有興趣的人可以到這邊來拜讀 paper, 而 Demo video 則必須要到 project page 上面觀看。如果你想要親自體驗, 你可以在這邊下載程式, 不過目前只有 Windows 版本, 需要 .NET Framework。<img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2824&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><img class="aligncenter" title="2.5D" src="http://www.alecrivers.com/2.5dcartoonmodels/images/teaserbsmall.png" alt="" width="158" height="213" /><br />
來自 MIT 的 <a href="http://www.alecrivers.com/">Alec Rivers</a> 在<a href="http://uiui.mmdays.com/2008/03/25/igarashi/">UI之神 Igarashi </a>的指導之下, 創造了一個非常創新且實用的 UI: 2.5D 動畫產生器。也就是說, 以後畫家可以只畫三個 view, 前視圖, 俯視圖, 側視圖, 然後就可以任意的改變 view 來創造不同位置所應該要對應的圖片。或許, 大家會認為這個沒有什麼, 就是對應到 3D model 上面就是了, 喔, 最神奇的地方就在於, 沒有任何 3D model 的存在, 一切都是靠剛剛畫出來的三張 2D 圖片來做 3D 位置的猜想。有興趣的人可以到<a href="http://www.alecrivers.com/2.5dcartoonmodels/">這邊來拜讀 paper</a>, 而 Demo video 則必須要到 <a href="http://www.alecrivers.com/2.5dcartoonmodels/">project page 上面</a>觀看。如果你想要親自體驗, 你可以在這邊<a href="http://www.alecrivers.com/2.5dcartoonmodels/files/2.5D%20cartoon%20model%20designer.zip">下載程式</a>, 不過目前只有 Windows 版本, 需要 .NET Framework。</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mmmonday.wordpress.com/2824/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mmmonday.wordpress.com/2824/" /></a> <img alt="" border="0" src="http://pixel.wp.com/b.gif?host=uiui.mmdays.com&#038;blog=1121148&#038;post=2824&#038;subd=mmmonday&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uiui.mmdays.com/2010/07/29/siggraph-25d-%e7%9a%84%e5%8b%95%e7%95%ab%e4%b8%96%e7%95%8c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cbe08e5390d32aca759c0f19d68583f5?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mr. Monday</media:title>
		</media:content>

		<media:content url="http://www.alecrivers.com/2.5dcartoonmodels/images/teaserbsmall.png" medium="image">
			<media:title type="html">2.5D</media:title>
		</media:content>
	</item>
	</channel>
</rss>
