<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Art Pai &#187; Design</title>
	<atom:link href="http://blog.minipai.idv.tw/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.minipai.idv.tw</link>
	<description>Web Design = HTML + CSS + IE bug</description>
	<lastBuildDate>Sun, 18 Jul 2010 14:34:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>關於iPad，設計</title>
		<link>http://blog.minipai.idv.tw/design/about-ipod-and-design/</link>
		<comments>http://blog.minipai.idv.tw/design/about-ipod-and-design/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 16:00:45 +0000</pubDate>
		<dc:creator>minipai</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.minipai.idv.tw/?p=493</guid>
		<description><![CDATA[iPad的發表，引起了很多的話題。批評的很多，讚美的也很多。其中評論iPad這個產品的文章我最喜歡的是這篇「小白怎樣看Apple iPad？」（嗯&#8230;剛好有同名到），而Leo的這篇談UI的「Thoughts on iPad」我也相當推薦，因為Apple產品賣的就是UI，看完這篇文章你會從核心更加了解iPad。 雖然Leo說他「只欣賞、不崇拜（Apple）…崇拜就表示你無法超越。」但是我還是真是崇拜Apple。雖然在設計領域還有非常多優秀的作品與大師，不過只有Apple的產品我幾乎時時刻刻在使用，充分的了解、體會Apple產品的設計。所以身為一個非科班的設計師，Apple幾乎是我設計上的導師了。 對於「設計是什麼？」這種問題，我也完全認同Steve Jobs對設計的定義。 People think it&#8217;s this veneer &#8212; that the designers are handed this box and told, &#8216;Make it look good!&#8217; That&#8217;s not what we think design is. It&#8217;s not just what it looks like and feels like. Design is how it works. &#8211; As quoted in The Guts of [...]]]></description>
			<content:encoded><![CDATA[<p>iPad的發表，引起了很多的話題。批評的很多，讚美的也很多。其中評論iPad這個產品的文章我最喜歡的是這篇「<a href="http://siupak.net/2010/01/my-comments-on-apple-ipad/">小白怎樣看Apple iPad？</a>」（嗯&#8230;剛好有同名到），而Leo的這篇談UI的「<a href="http://jiwostudio.com/archives/1942">Thoughts on iPad</a>」我也相當推薦，因為Apple產品賣的就是UI，看完這篇文章你會從核心更加了解iPad。</p>
<p>雖然Leo說他「只欣賞、不崇拜（Apple）…崇拜就表示你無法超越。」但是我還是真是崇拜Apple。雖然在設計領域還有非常多優秀的作品與大師，不過只有Apple的產品我幾乎時時刻刻在使用，充分的了解、體會Apple產品的設計。所以身為一個非科班的設計師，Apple幾乎是我設計上的導師了。</p>
<p>對於「設計是什麼？」這種問題，我也完全認同Steve Jobs對設計的定義。</p>
<blockquote><p>
People think it&#8217;s this veneer &#8212; that the designers are handed this box and told, &#8216;Make it look good!&#8217; That&#8217;s not what we think design is. It&#8217;s not just what it looks like and feels like. Design is how it works.</p>
<p>  &#8211; As quoted in <a href="http://www.nytimes.com/2003/11/30/magazine/the-guts-of-a-new-machine.html">The Guts of a New Machine (30 November 2003)</a>
</p></blockquote>
<p>Design is how it works. 這就是我所認同，對設計的理念。</p>
<p>這次的iPad的發表會，Apple（= Steve Jobs?）又給我一個關於設計觀念上的啟發。</p>
<blockquote><p>If there&#8217;s going to be a third category of device &#8230; it&#8217;s going to have to be better at these kinds of tasks than a laptop or a smartphone. Otherwise it has no reason for being.
</p></blockquote>
<p>在這段Steve Jobs在開場時為iPad定位時，關鍵字是「更好」（better）。Apple在設計iPad這個產品時，想的只有一個：怎麼把iPad做得比iPhone和MacBook更好，只有iPad比iPhone和MacBook更好，這個產品才有存在的價值，而不像NetBook只是單純比較小台，比較便宜而已。</p>
<p>老實說在iPad上沒有看到什麼創新的點子。硬體是大家所期待的，尺寸和其他硬體廠商的平板一樣，連OS也是iPhone OS。但是因為Apple很清楚的把握了「better」這個原則，所以才成功的設計出iPad。我也是在看到iPad用iPhone OS才醒悟OS X根本不適合用在iPad。原本設計給滑鼠點的OS如果直接移到iPad上給手指點，會是多可怕的使用體驗？</p>
<p>所以，設計是不斷的思考怎麼讓你的產品更好，不管是硬體、軟體、使用體驗、視覺&#8230;是關於好，更好。</p>
<p>Design is how it works better. 這就是我現在對設計的想法吧。</p>
<p>如果要再加上「設計不是什麼」的話呢？</p>
<blockquote><p>Creativity is not design. Creativity has nothing to do with design. Creativity is bound by no laws, rules, or strictures …which is perhaps why it’s so intoxicating (sometimes to the point of delusion). Design, on the other hand, is based entirely on math, psychology, human perception, and a host of rigid rules and laws that can be broken by only a highly skilled few. </p>
<p>-<a href="http://www.andyrutledge.com/creativity-is-not-design-test-2.php">Creativity is Not Design</a>
</p></blockquote>
<p>Design is not creativity, design is how it works better.</p>
<p>想一想，我認識的設計師朋友很少談創意，反而是行銷企劃比較喜歡談呢。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.minipai.idv.tw/design/about-ipod-and-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>評Popo原創</title>
		<link>http://blog.minipai.idv.tw/design/about-popo/</link>
		<comments>http://blog.minipai.idv.tw/design/about-popo/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 08:00:20 +0000</pubDate>
		<dc:creator>minipai</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.minipai.idv.tw/?p=432</guid>
		<description><![CDATA[Popo原創是一個主打線上創作，線上閱讀，線上銷售的平台。和其他平台不同的地方在於Popo原創意圖在網頁上複製書籍的概念，希望作者以有章有節的「書籍」為單位來創作。 因為書 在寫這篇評論之前我也想了蠻久的，畢竟網站存在和誕生的數量實在太多了，為何要為一個我可能不會再去第二次的網站花費時間寫評論。特別是我對這個網站也不太欣賞，不會有太多好話的情況之下。不過這個網站的主題實在讓我很想講些什麼。 為什麼Popo原創的主題這麼有影響呢？因為這是一個關於「書」的平台。而我自認也算是一個愛書人，雖然我買的書幾乎都是理論性的翻譯書，和一般愛書人都是以文學閱讀為主不大一樣，但是我仍這麼自認的。另外我身為一個網頁設計師，在關於網路／網站／網頁的討論中，很多都是和書籍／雜誌／報紙作為對照討論的，所以我對關於書的產業的議題也相當關心。 網頁設計 但是了解到Popo原創的主題是後來的事情了。我在初次看到這個網站時，根本看不出來這個網站和「書」有任何的關係。首頁上也沒有任何的說明，一打開就是一個很多「標題」與「圖片」而沒有任何「內容」或是「說明」的首頁。版面設計的配色和排版讓我以為這是又是一個部落格平台。 是不是很像。 為了證明設計的力量，下面是我收集的網頁設計之一。這個網頁的語文甚至不是英文，我完全看不懂文字的內容，可是卻很清楚的讓人知道這個網站的功能是用Email幫助你行銷。 事實上首頁設計上還犯了一個很嚴重的錯誤，就是「把網站的內容做的像廣告一樣」。經研究顯示，網路的使用者已經越來越會自動忽略掉網頁上的廣告，包含「長得像廣告」的內容了。目前看來那些長得像廣告的位置都是推銷站內的「書」，除非這些欄位以後真的要拿來當廣告用，否則最好改變這些設計。 閱讀界面 再來是「閱讀」的部份。既然主打線上閱讀，那閱讀的界面就非常重要。目前我也沒有看到有「購買書籍」的選項，也就是你喜歡某本書的話可以購買紙本版本的機制，所以這是一個純粹線上閱讀的平台。但是Popo原創的閱讀界面實在是糟糕到了極點，正如老貓所說，是一個除了防拷貝什麼都不考慮的界面。 這個閱讀界面的缺點實在太多了，隨便舉幾個： 不能用滑鼠滾輪，捲軸的寬度又小很難按，又只能一行一行捲動不能直接換一頁。 那個底紋是怎麼回事？有多干擾閱讀就不用我說了吧？ 字大的時候，一行的字數太少了，和閱讀紙本書籍的感受差太多了。 字的行距呢？城邦集團裡的編輯要不要來說一下這樣緊貼的行距對嗎？ 老實說，網頁（html/css）就是設計來線上閱讀的，我還沒有看過任何閱讀界面比網頁更流暢的，這主要歸功於彈性的字體大小和無限延伸向下延伸的長度。如果閱讀過PDF那樣列印用的檔案就知道紙本的以「頁」為單位的格式搬到銀幕上閱讀性就會變得很差。當然也有閱讀性設計得相當差的網頁，但是設計得好的網頁是非常好閱讀的，像是老貓的網站： 這個網站更棒，雖然只有網頁一層平面（相對於一本書有很多頁），卻非常有「書」的感覺。 結語 如果要給建議的話，我認為出版業（包括任何相對於網路的傳統產業）在面對免費的線上內容「競爭」的時候，應該更專注於設計出符合使用者需求的服務，而不是只會限制而不事生產。在面對新興媒體時，不要意圖在新媒體上複製舊媒體，不斷複製麥克魯漢老早就發現的模式，否則只會做出像Popo網這樣差勁的東西。 關於以上的建議，我覺得蘋果（電腦，和日報都是）做得很棒，真的。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.popo.tw/">Popo原創</a>是一個主打線上創作，線上閱讀，線上銷售的平台。和其他平台不同的地方在於<a href="http://www.popo.tw/">Popo原創</a>意圖在網頁上複製書籍的概念，希望作者以有章有節的「書籍」為單位來創作。</p>
<h2>因為書</h2>
<p>在寫這篇評論之前我也想了蠻久的，畢竟網站存在和誕生的數量實在太多了，為何要為一個我可能不會再去第二次的網站花費時間寫評論。特別是我對這個網站也不太欣賞，不會有太多好話的情況之下。不過這個網站的主題實在讓我很想講些什麼。</p>
<p>為什麼Popo原創的主題這麼有影響呢？因為這是一個關於「書」的平台。而我自認也算是一個愛書人，雖然我買的書幾乎都是理論性的翻譯書，和一般愛書人都是以文學閱讀為主不大一樣，但是我仍這麼自認的。另外我身為一個網頁設計師，在關於網路／網站／網頁的討論中，很多都是和書籍／雜誌／報紙作為對照討論的，所以我對關於書的產業的議題也相當關心。</p>
<h2>網頁設計</h2>
<p>但是了解到Popo原創的主題是後來的事情了。我在初次看到這個網站時，根本看不出來這個網站和「書」有任何的關係。首頁上也沒有任何的說明，一打開就是一個很多「標題」與「圖片」而沒有任何「內容」或是「說明」的首頁。版面設計的配色和排版讓我以為這是又是一個部落格平台。</p>
<p><img class="alignnone size-medium wp-image-434" title="無名小站首頁" src="http://blog.minipai.idv.tw/wp-content/uploads/2009/12/Screen-shot-2009-12-21-at-下午2.09.43-600x402.png" alt="" width="600" height="402" /><br />
<img class="alignnone size-medium wp-image-433" title="Popo原創首頁" src="http://blog.minipai.idv.tw/wp-content/uploads/2009/12/Screen-shot-2009-12-21-at-下午2.09.27-600x422.png" alt="" width="600" height="422" /></p>
<p>是不是很像。</p>
<p>為了證明設計的力量，下面是我收集的網頁設計之一。這個網頁的語文甚至不是英文，我完全看不懂文字的內容，可是卻很清楚的讓人知道這個網站的功能是用Email幫助你行銷。</p>
<p><img class="alignnone size-medium wp-image-435" title="Email行銷網站首頁" src="http://blog.minipai.idv.tw/wp-content/uploads/2009/12/Screen-shot-2009-12-21-at-下午2.53.00-600x403.png" alt="" width="600" height="403" /></p>
<p>事實上首頁設計上還犯了一個很嚴重的錯誤，就是「把網站的內容做的像廣告一樣」。經研究顯示，網路的使用者已經越來越會自動忽略掉網頁上的廣告，包含「長得像廣告」的內容了。目前看來那些長得像廣告的位置都是推銷站內的「書」，除非這些欄位以後真的要拿來當廣告用，否則最好改變這些設計。</p>
<h2>閱讀界面</h2>
<p>再來是「閱讀」的部份。既然主打線上閱讀，那閱讀的界面就非常重要。目前我也沒有看到有「購買書籍」的選項，也就是你喜歡某本書的話可以購買紙本版本的機制，所以這是一個純粹線上閱讀的平台。但是Popo原創的閱讀界面實在是糟糕到了極點，正如<a href="http://twitter.com/OCTW">老貓</a>所說，是一個除了防拷貝什麼都不考慮的界面。</p>
<p><img class="alignnone size-medium wp-image-438" title="Popo Reader" src="http://blog.minipai.idv.tw/wp-content/uploads/2009/12/Screen-shot-2009-12-21-at-下午3.10.25-600x380.png" alt="" width="600" height="380" /></p>
<p>這個閱讀界面的缺點實在太多了，隨便舉幾個：</p>
<ol>
<li>不能用滑鼠滾輪，捲軸的寬度又小很難按，又只能一行一行捲動不能直接換一頁。</li>
<li>那個底紋是怎麼回事？有多干擾閱讀就不用我說了吧？</li>
<li>字大的時候，一行的字數太少了，和閱讀紙本書籍的感受差太多了。</li>
<li>字的行距呢？城邦集團裡的編輯要不要來說一下這樣緊貼的行距對嗎？</li>
</ol>
<p>老實說，網頁（html/css）就是設計來線上閱讀的，我還沒有看過任何閱讀界面比網頁更流暢的，這主要歸功於彈性的字體大小和無限延伸向下延伸的長度。如果閱讀過PDF那樣列印用的檔案就知道紙本的以「頁」為單位的格式搬到銀幕上閱讀性就會變得很差。當然也有閱讀性設計得相當差的網頁，但是設計得好的網頁是非常好閱讀的，像是老貓的網站：</p>
<p><a href="http://www.contnt.net/"><img class="alignnone size-medium wp-image-439" title="內容推進實驗室" src="http://blog.minipai.idv.tw/wp-content/uploads/2009/12/Screen-shot-2009-12-21-at-下午3.38.31-600x451.png" alt="" width="600" height="451" /></a></p>
<p>這個網站更棒，雖然只有網頁一層平面（相對於一本書有很多頁），卻非常有「書」的感覺。</p>
<p><a href="http://www.chamainc.com/"><img class="alignnone size-medium wp-image-437" title="http://www.chamainc.com/" src="http://blog.minipai.idv.tw/wp-content/uploads/2009/12/Screen-shot-2009-12-21-at-下午3.10.57-600x465.png" alt="" width="600" height="465" /></a></p>
<h2>結語</h2>
<p>如果要給建議的話，我認為出版業（包括任何相對於網路的傳統產業）在面對免費的線上內容「競爭」的時候，應該更專注於設計出符合使用者需求的服務，而不是只會限制而不事生產。在面對新興媒體時，不要意圖在新媒體上複製舊媒體，不斷複製麥克魯漢老早就發現的模式，否則只會做出像Popo網這樣差勁的東西。</p>
<p>關於以上的建議，我覺得蘋果（電腦，和日報都是）做得很棒，真的。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.minipai.idv.tw/design/about-popo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>網頁設計中可悲的中文字型</title>
		<link>http://blog.minipai.idv.tw/design/chinese-font-in-web-design/</link>
		<comments>http://blog.minipai.idv.tw/design/chinese-font-in-web-design/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 16:11:52 +0000</pubDate>
		<dc:creator>minipai</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.minipai.idv.tw/?p=384</guid>
		<description><![CDATA[因為技術上的限制，網頁設計在字型的使用上受限極大，不，嚴格來說，應該是幾乎沒有使用的空間。在西歐語系至少還有9種安全字型可以選擇，西方的網頁設計師已經抱怨連連，而中文世界的網頁設計師更是可憐，只有一種：新細明體（以Windows的佔有率來說）。 其實這算是眾所周知的事情，不過最近接連看到網頁相關訊息，所以突然覺得很想寫XD。 首先是幾天前@i-design推：「設計師與字型的關係好比女人之於衣服。」我的反應是「網頁設計師不就裸體&#8230;」。是啊，網頁設計師不能使用字型，就好像沒衣服可穿一樣淒慘。後來@i-design又回：「網頁設計師設計Logo時總嫌少個字型與平日收集字型的習慣，相當於女人與衣服之間的關係 XD」。以我來說，因為要設計Logo的狀況非常少，多數情況客戶都已經有Logo了，所以更沒有收集字型的習慣了，所以有需要設計Logo時，更會嫌少了&#8230;。 接下來是，我看到又有一個新的網路字型解決方案，Type Select。我們已經有SIFR, FLIR, Typeface.js, Cufon&#8230;老實說我已經搞不清楚他們之間的差異，也沒有好好研究過。因為不管哪一種方案，運作基礎都是西方字型不到100k的大小，才能讓使用者下載然後顯示。但是中文字型太大了，是以10mb以上來計算。當然也有人實驗只載入部分字集，像是這篇Load Cufón font dynamically，不過看來還只在實驗階段&#8230;。 所以，前幾天我就看到一個令我為之嘆息的作品。 TinTint點點印，網頁的設計風格，我非常喜歡。顏色非常柔和優雅，要傳達的資訊（產品介紹）也非常清晰明瞭，甚至html碼也不差，沒有討厭的table layout。但是最可惜之處，就是主要內容為了美觀，用了大量的文字圖片，而沒有文字啊&#8230;。如果這是英文網頁，只要字型指定Helvetica就可以解決了，不必用那麼多圖片呢。 亂沒章法的講這麼多，總歸一句就是，「我不想一直做圖片取代啊！」]]></description>
			<content:encoded><![CDATA[<p>因為技術上的限制，網頁設計在字型的使用上受限極大，不，嚴格來說，應該是幾乎沒有使用的空間。在西歐語系至少還有9種安全字型可以選擇，西方的網頁設計師已經抱怨連連，而中文世界的網頁設計師更是可憐，只有一種：新細明體（以Windows的佔有率來說）。</p>
<p>其實這算是眾所周知的事情，不過最近接連看到網頁相關訊息，所以突然覺得很想寫XD。</p>
<p>首先是幾天前@i-design推：「設計師與字型的關係好比女人之於衣服。」我的反應是「網頁設計師不就裸體&#8230;」。是啊，網頁設計師不能使用字型，就好像沒衣服可穿一樣淒慘。後來@i-design又回：「網頁設計師設計Logo時總嫌少個字型與平日收集字型的習慣，相當於女人與衣服之間的關係 XD」。以我來說，因為要設計Logo的狀況非常少，多數情況客戶都已經有Logo了，所以更沒有收集字型的習慣了，所以有需要設計Logo時，更會嫌少了&#8230;。</p>
<p>接下來是，我看到又有一個新的網路字型解決方案，<a href="http://www.typeselect.org/">Type Select</a>。我們已經有SIFR, FLIR, Typeface.js, Cufon&#8230;老實說我已經搞不清楚他們之間的差異，也沒有好好研究過。因為不管哪一種方案，運作基礎都是西方字型不到100k的大小，才能讓使用者下載然後顯示。但是中文字型太大了，是以10mb以上來計算。當然也有人實驗只載入部分字集，像是這篇<a href="http://blog.bcse.info/load-cufon-font-dynamically">Load Cufón font dynamically</a>，不過看來還只在實驗階段&#8230;。</p>
<p>所以，前幾天我就看到一個令我為之嘆息的作品。</p>
<p><a href="http://blog.minipai.idv.tw/wp-content/uploads/2009/07/tintint.png"><img class="alignnone size-medium wp-image-387" title="tintint" src="http://blog.minipai.idv.tw/wp-content/uploads/2009/07/tintint-600x568.png" alt="tintint" width="600" height="568" /></a></p>
<p><a href="http://www.tintint.com/product/info/bunko">TinTint點點印</a>，網頁的設計風格，我非常喜歡。顏色非常柔和優雅，要傳達的資訊（產品介紹）也非常清晰明瞭，甚至html碼也不差，沒有討厭的table layout。但是最可惜之處，就是主要內容為了美觀，用了大量的文字圖片，而沒有文字啊&#8230;。如果這是英文網頁，只要字型指定Helvetica就可以解決了，不必用那麼多圖片呢。</p>
<p>亂沒章法的講這麼多，總歸一句就是，「我不想一直做圖片取代啊！」</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.minipai.idv.tw/design/chinese-font-in-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI Gathering心得</title>
		<link>http://blog.minipai.idv.tw/usability/ui-gathering/</link>
		<comments>http://blog.minipai.idv.tw/usability/ui-gathering/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 13:00:46 +0000</pubDate>
		<dc:creator>minipai</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.minipai.idv.tw/?p=268</guid>
		<description><![CDATA[星期天參加了UI Gathering，希望能讓自己對於UI設計更有概念一點。尤其是我現在正在做網路服務的介面（網頁），雖然已經接近完成要上線了，但是之後總是會再改版的。 這次UI Gathering請到Taiwan 2.0的蔡博士主講，從認知心理學的角度來聊使用者介面。我最大的收穫是將使用者與UI的觀念做一個統整，以往都是閱讀網路文章的零碎知識（其實大部分也是Taiwan 2.0上的文章），但是經過這次演講有系統的整理之後，我整個概念更清晰了。 總結來說，UI設計有兩個關鍵字： 經驗 記憶 人永遠根據他過去的經驗來認識，所以你的UI也必須符合使用者的經驗。人的短期記憶非常短暫，你的UI千萬不要挑戰使用者的記憶。 在討論的時間，有人問到了我最關心的網頁設計部分。蔡博士認為網頁的UI還是一個混沌的階段，沒有一個共通的標準，所以也造成網路世界裡網站的使用者不輕易「跳槽」的原因。這讓原本希望有一個「答案」的我有點失望，不過也代表能發揮的空間也相對比較大了。 我們也討論到UI與產品之間的關係。UI很重要，但是不是產品競爭力的核心，尤其是你產品的功能獨特時或是因為其他因素獨佔這個市場時，你的UI即使很爛，使用者還是願意學習，甚至成為習慣。因此從某種角度來看，UI設計是一種良心事業，尤其是你的產品佔有率相當高的話。因為你的UI會成為許多人的經驗，造成之後其他人的UI設計的框架呢。 沒錯，我意思就是Yahoo/無名是台灣網路世界的罪人，我已經聽到很多次老闆要我參考Yahoo/無名那些爛介面了。]]></description>
			<content:encoded><![CDATA[<p>星期天參加了<a href="http://registrano.com/events/uigathering061409">UI Gathering</a>，希望能讓自己對於UI設計更有概念一點。尤其是我現在正在做網路服務的介面（網頁），雖然已經接近完成要上線了，但是之後總是會再改版的。</p>
<p>這次UI Gathering請到<a href="http://taiwan.chtsai.org/">Taiwan 2.0</a>的蔡博士主講，從認知心理學的角度來聊使用者介面。我最大的收穫是將使用者與UI的觀念做一個統整，以往都是閱讀網路文章的零碎知識（其實大部分也是Taiwan 2.0上的文章），但是經過這次演講有系統的整理之後，我整個概念更清晰了。</p>
<p>總結來說，UI設計有兩個關鍵字：</p>
<ol>
<li>經驗</li>
<li>記憶</li>
</ol>
<p>人永遠根據他過去的經驗來認識，所以你的UI也必須符合使用者的經驗。人的短期記憶非常短暫，你的UI千萬不要挑戰使用者的記憶。</p>
<p>在討論的時間，有人問到了我最關心的網頁設計部分。蔡博士認為網頁的UI還是一個混沌的階段，沒有一個共通的標準，所以也造成網路世界裡網站的使用者不輕易「跳槽」的原因。這讓原本希望有一個「答案」的我有點失望，不過也代表能發揮的空間也相對比較大了。</p>
<p>我們也討論到UI與產品之間的關係。UI很重要，但是不是產品競爭力的核心，尤其是你產品的功能獨特時或是因為其他因素獨佔這個市場時，你的UI即使很爛，使用者還是願意學習，甚至成為習慣。因此從某種角度來看，UI設計是一種良心事業，尤其是你的產品佔有率相當高的話。因為你的UI會成為許多人的經驗，造成之後其他人的UI設計的框架呢。</p>
<p>沒錯，我意思就是Yahoo/無名是台灣網路世界的罪人，我已經聽到很多次老闆要我參考Yahoo/無名那些爛介面了。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.minipai.idv.tw/usability/ui-gathering/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>超精彩名片設計</title>
		<link>http://blog.minipai.idv.tw/design/great-cart-design/</link>
		<comments>http://blog.minipai.idv.tw/design/great-cart-design/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 13:30:15 +0000</pubDate>
		<dc:creator>minipai</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.studio-ii.tw/?p=191</guid>
		<description><![CDATA[最近工作需要設計一張名片，但是我對於平面設計實在很不行&#8230;很不行&#8230;很不行&#8230;，所以google一下看看有沒有優秀的設計可以參考。結果一看嚇死人了，超多精彩作品，完全顛覆我對名片的印象。有材質不是紙的，木材的，透明的，打洞的，還有印在夾子，印在氣球，甚至還有作成立體模型的。真是程度太高了，要參考也不知道怎麼參考&#8230; 以下是我找到的連結，分享一下： 70 NEW amazing business cards 36 Cool Business Cards You Should’ve Seen 26 Business Cards of Graphic &#38; Web Designers on Twitter 11 Tutorials for Business Card Design 18 Smokin’ Hot Business Card Designs 24 Creative Business Card Designs Cool Business Cards Cool business card designs Cool business card designs]]></description>
			<content:encoded><![CDATA[<p>最近工作需要設計一張名片，但是我對於平面設計實在很不行&#8230;很不行&#8230;很不行&#8230;，所以google一下看看有沒有優秀的設計可以參考。結果一看嚇死人了，超多精彩作品，完全顛覆我對名片的印象。有材質不是紙的，木材的，透明的，打洞的，還有印在夾子，印在氣球，甚至還有作成立體模型的。真是程度太高了，要參考也不知道怎麼參考&#8230;</p>
<p>以下是我找到的連結，分享一下：<br />
<a href="http://blogof.francescomugnai.com/2008/05/70-new-amazing-business-sards/"></a></p>
<ul>
<li><a href="http://blogof.francescomugnai.com/2008/05/70-new-amazing-business-sards/">70 NEW amazing business cards</a></li>
<li><a title="Permanent Link to 36 Cool Business Cards You Should’ve Seen" rel="bookmark" href="http://dzineblog.com/2008/05/36-cool-business-cards-you-should%e2%80%99ve-seen.html">36 Cool Business Cards You Should’ve Seen</a></li>
<li><a rel="bookmark" href="http://www.thedesigncubicle.com/2008/10/26-business-cards-of-graphic-web-designers-on-twitter/">26 Business Cards of Graphic &amp; Web Designers on Twitter</a></li>
<li><a href="http://vandelaydesign.com/blog/design/business-card-design/">11 Tutorials for Business Card Design</a></li>
<li><a title="Permanent Link to 18 Smokin’ Hot Business Card Designs" rel="bookmark" href="http://freelanceswitch.com/general/18-smokin-hot-business-card-designs/">18 Smokin’ Hot Business Card Designs</a></li>
<li><a title="24 Creative Business Card Designs" rel="bookmark" href="http://www.toxel.com/inspiration/2008/08/07/24-creative-business-card-designs/">24 Creative Business Card Designs</a></li>
<li><a title="Permanent Link to Cool Business Cards" rel="bookmark" href="http://inspiredology.com/cool-business-cards/">Cool Business Cards</a></li>
<li><a title="Cool business card designs" href="http://www.davidairey.com/cool-business-card-designs/">Cool business card designs</a></li>
<li><a href="http://creativebits.org/cool_business_card_designs">Cool business card designs</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.minipai.idv.tw/design/great-cart-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
