PaPer's Life

10年~

2012-01-24T09:52:00.001+01:00

今天看到Toshiba LED燈泡的廣告"10年"，頗有感觸，在新的一年也祝大家有個稍顯意外卻更符合自己期待的十年！

關於mobile website: 一些說不出來的重點

2012-01-11T12:11:00.000+01:00

用了好一陣子的mobile device，加上前陣子在設計mobile website，心裡面一直有些類似guideline的東西，卻怎麼也歸納不出來。今天看了Jakob Nielsen寫關於Kindel Fire的使用性報告，赫然發現剛好寫出來那幾個在我心中卻怎麼也說不出來的重點：

Websites should sniff the user-agent code and automatically serve up the mobile version when accessed from a 7-inch tablet.
雖然這裡指的是7-in裝置，但我認為每個網站都必須要能偵測行動裝置並自動導到行動網頁，而且在行動網頁上必須要有回到桌上型網頁的連結。
For Kindle Fire users, search engines (such as Google, Bing, Baidu, and Naver) should prioritize links to mobile sites in the SERP (search engine results page). Currently, search engines often hurt users by pointing to full sites even when companies offer mobile sites that would be easier to use.
搜尋引擎應該要將行動裝置網頁擺在搜尋結果頁的前面幾項。
Kindle users should change their browser preference settings to mobile view. (In the Silk browser, tap Menu button > Settings > (scroll to "Advanced" items) > Desktop or mobile view.)
將瀏覽器的瀏覽方式改成mobile view。我不知道Silk瀏覽器如何，但這點的確是我現在愛在手機上用Opera瀏覽器的原因，雖然開啟mobile view會把原來的網頁(如果不是設計成行動網頁)搞亂，但這在手機上的確會更容易流覽一般網頁內容。

[轉文] 賈伯斯傳對設計的啟發

2011-12-30T10:54:00.001+01:00

我還沒看賈伯斯傳(在等電子書...)，先看別人的心得文。這是小薔在MMDays的投稿文章[客座] 賈伯斯傳對設計的啟發

看完讓我想起在之前的公司，老闆常說我們設計team的人都太過軟弱，這篇文章讓我稍微了解這樣的後果，也許也是這樣當時我們才會處處碰壁吧。

一、只關注設計不夠，還須以政治思維掂量自己所處的位置。自古以來，改革首重於政，勢高則圍廣，勢卑則圍窄。沒有良好的政權就沒有維護設計的資本。我所處的設計公司，就是善於獲得政治上的優勢，與身處要職的人建立情誼，從而享有更多的溝通空間，有些企劃案甚至是與客戶私下吃飯時想出來的。客戶在他們的產業運作上懂得比我們多，我們則在設計上懂得比較多，兩者若願意互相理解，建立友誼，絕對能發揮出良好的綜效。
最好的例子可能是盛治仁與賴聲川之間的關係，雖說夢想家事件陷於未知的泥沼與政治鬥爭中，然而這件合作案的促成，使得建國百年盛事得以上演歌舞劇，打破以往的慣例，替文創爭了一口氣，這正是良好政治關係所帶來的絕妙效果。如果沒有賴聲川，他們絕對想不到如此創新的點子。賴聲川與盛治仁之間的情誼絕對是文創與產業合作的絕佳案例（我個人也很喜歡這齣歌舞劇），這也是友誼才能創造的合作格局。無知天真的文化界批評賴聲川的同時，沒有一個人能做到像他這樣的影響力，他們只可悲的維持了自己毫無影響力的清廉形象，如同反對安迪沃荷的美國文藝界，與反對村上隆的日本文藝界。
二、我們同時還需懂得產業與經濟上的知識。產業與經濟知識很好的詮釋了一個商業社會的運作原理，這些知識不僅讓我們能替自己的觀點做更好的辯護，也有助於幫助我們成為一個更重要的人，因為我們除了設計之外，還能掌握一件事情的經濟因素。若覺得困難，找產業菁英合作也是個好方法。很多天真的文化人批評產業人進入了文創圈，然後以假文化人的身分到處施展影響力，我倒覺得這很好的展現了產業人才的高執行力，若不論他們當中能力不足者，他們才是文化界該學習或合作的對象。
三、賈伯斯很多莫名其妙的堅持，諸如把工廠的機器塗上顏色，從而導致機器不靈光，或者是因為美感的因素，使用了收訊有問題的天線，這些乍看之下很不明理的舉動恰好展現了他的強大信念，以及扭曲現實的能力。如同設計左右對稱的電路板沒什麼實際意義，卻大大的增加了蘋果產品的精神價值，這種超越實用導向的信念，使賈伯斯面對實際問題時仍面不改色，才稱得上是真正的設計信仰。也只有這種信仰，才能在一切都不明朗的產品概念階段，支撐那些飄渺的美感內涵。所有設計人都該以此來思量自己的信仰。

當我把這篇文章在facebook上分享時，朋友分享了另外一段話：

Steve Jobs, the pioneer of the computer as a jail made cool, designed to sever fools from their freedom, has died.
As Chicago Mayor Harold Washington said of the corrupt former Mayor Daley, "I'm not glad he's dead, but I'm glad he's gone." Nobody deserves to have to die - not Jobs, not Mr. Bill, not even people guilty of bigger evils than theirs. But we all deserve the end of Jobs' malign influence on people's computing.
Unfortunately, that influence continues despite his absence. We can only hope his successors, as they attempt to carry on his legacy, will be less effective.
—Richard Stallman

從Nokia Lumia 710看到的設計

2011-10-28T11:39:00.001+02:00

Nokia最近發表了他們的Windows Phone 7手機，Lumia 810和710，810實在跟N9太像了，實在提不起甚麼興趣，但710就真得讓我心驚了一下，看到現在還真的是只有Nokia和Sony Ericsson是在做"手機"，其他手機廠都在做"geek toy"，尤其HTC和Samsung每一隻手機都長得差不多，就都是一個大銀幕配上黑黑的金屬質感，實在很沒創意耶。但看到Nokia這支可以換背殼的手機，讓我回想起大概七八年前那個手機繽紛的年代，貝殼、海豚、金城武、換殼一堆五顏六色，那才是生活的用品阿！現在手機出來就只看到說用的是什麼OS，什麼Processor(連手機都要雙核心...跑浮點喔...)，有多少app。現在只能期待這些技術都ready下來，然後讓消費者多點選擇。

不過其實這篇想講的是上面那張圖，這是Nokia Lumia 710的網頁，可以按手機3D圖上的"Look Closer"，然後就可以"靠近一點"看細節。一般以開發者(不限設計師或工程師)的思維，會用see detail之類的字眼，但在情感上，其實detail是比較沒有感情的，但用了Look Closer，就會有種親切感，你是用五感去靠近他。以一種更玄的說法，see detail是"開啟"一個甚麼東西去看，而Look Closer則是你去"靠近"這個物體去看。前者就像你在看一台車然後拿起旁邊的DM看規格，而後者是邀請你進去看這台車，甚至實際試坐。有時候只是一點點的文字，就可以讓整個系統給人的感受截然不同呢！

Facebook的狀態提示

2011-10-07T10:50:00.000+02:00

前幾天發現Facebook在瀏覽器tab bar上的狀態提示改了，如上圖，若有新的狀態(比如說有人tag你，有人傳訊息給你，有人blabla給你...)，數字改成出現在Facebook的前面。

之前則是出現在Facebook的後面，如下圖：

不知道有沒有看出來，這樣的改動是非常好的使用性設計。最近的瀏覽器都朝向往多tab的方向作設計，但是當tab多的時候，怎麼容納那麼多tab就是個問題。
chrome的解法是動態調整tab的寬度，但後面的字往往就會被犧牲掉：

這裡我就要為Facebook的設計團隊喝采。將提示的數字改到前面，就可以避免提前被犧牲掉重要的提示資訊，這樣大大提升了使用性！
這樣小小的更動讓我想到windows的開始按鈕：

就是那1px的差別，卻大幅提升了使用性，這也是Fitt's law及整個UI界非常經典的範例。簡單講就是因為多了一個pixel，所以整個開始按鈕可以貼到銀幕邊緣，那使用者既可以很隨意的將滑鼠拉到左下角，而不需要兢兢業業的去"瞄準"那個開始按鈕。詳細可以看這個網站。

這兩個例子都是很小的UI設計更動，卻都大大提升了使用性，但當然，難的還是在怎麼發現這種小問題而作適當的設計更動，觀察、試做、試用，也許這就是設計使用性的流程！

講講HTC Flyer

2011-09-29T11:36:00.004+02:00

雖然因為朋友的事情對HTC有些負面的感受，但不可諱言HTC真的是個難得的台灣設計品牌(但真的說起來HTC的品牌至少在歐洲還沒有Samsung來的出名，更遑論MOTOROLA、NOKIA等手機大廠了)。HTC出了Flyer也好一陣子了，我上次把玩他也是在仍未出國前，在京站裡試玩的，說起來已經是今年五月的事了。現在來講Flyer似乎有點太過過氣，但就從今早看到的文章，實在有些感想。

最早知道Flyer是前同事的介紹，在當初iPad 2消息正火熱，其他平板，像是Samsung Tab的價格仍然是令人一點也感受不到那個價值。Flyer亦然，聽到那個價格我直覺是又一個注定失敗的產品。後來有閒仍去研究了一下他的功能，發現原來Flyer有個非常有用的功能，就是可以把所處的頁面screenshot下來並且利用觸碰筆塗鴉下comment！看到這個功能時，我不禁為HTC的設計團隊喝采，這的確是做到了觀察使用者習慣並做出了產品差異性！

但接下來就是可惜了，我不懂台灣廠商是真的不知道這問題，還是純粹不知道如何解，在宣傳上Flyer並沒有做好，其實所有台灣廠商的宣傳都是如此，宣傳都非常糟糕，HTC並沒有非常極端大力的宣傳這個與其他產品差異的功能，卻只是把它當作"其中一項"功能來宣傳，其實我也不懂為甚麼台灣的平板很喜歡跟電信商掛勾賣東西，這其實根本就與mobile phone不同的商品，獨立販賣並宣傳成另一個個人娛樂裝置該是更好的定位，與電信商的合作反而會淪為"這是一隻很大手機"的濫觴。不過台灣廠商真的是光有技術，在宣傳上卻實在很失敗，但宣傳才是品牌建立的最大推手阿！

第二個可惜的地方其實才是我今天的重點。在我實際把玩後，有一個非常致命的缺點，觸碰筆敲擊銀幕的撞擊聲及觸感。也許是為了下註解的功能，他的銀幕與其他一般多指觸碰裝置(iPad, iPhone, Samsung Tab...etc.)感覺是多了一層，當利用觸碰筆在上面操作時，你會感覺到那種金屬敲擊銀幕的感受，且相當不舒服，你可以想像就是刀片在刮保麗龍的那種感覺，這應該不只我不喜歡，有很大比例的人都不喜歡這感受。很可惜的，這應該算是HTC在實現這樣構想的現實限制。今天早上看到了一篇文章，是說個有三個銀幕的手機概念：

這個概念我記得不是第一次看到了，每次看到卻都感覺非常讚，可惜卻都僅止於概念。其實我可以想像以目前技術及成本考量做出來的產品可能會是相當厚甚至可比黑金剛的樣子。前陣子公司也在做概念的設計，當東西都僅止於圖面上至多Prototype的階段時，所有新穎的功能都是相當令人興奮的，我相信如果把當初Flyer下註解的草圖拿出來看，還是會覺得不解為何這樣的產品沒有對市場有爆炸性的影響。但在實際做出來後，這樣一點觸感的差異就造成非常大的缺點，也是讓人感受到"科技還未到位"的辛嘆阿。

Google Maps無法Save to map的解決方法

2011-07-22T20:20:00.000+02:00

這是出發到德國的關鍵時刻，Google Maps的Save to map的功能卻出了包，按下Save to map，選了要加入到的map後，上方提示列就會一直呈現Saving...，似乎永遠加不進去，實際上也沒加進地圖裡。

網路上查了一下，這問題好像一個月多了。目前還沒有正統的解決方法，只能"walkaround":
1. 重新打開瀏覽器(Chrome的話可以打開New Incognito Window)，進入 http://maps.google.com
2. 不要打開My places！直接搜尋你要加的的地點，然後按Save to map進行加入的動作。
3. 全部加完後再開My places來看就會出現了

希望Google趕快修好這好用的功能阿，之前去關西就靠這招，連地圖都沒帶就飛過去了......

Discussion on Google Help forum

10條設計觀點

2011-07-07T03:10:00.003+02:00

現在正處農閒時刻，昨天在新店圖書館翻到幾本設計書籍，頗有感觸。在這裡分享MMdays的文章 - 10條設計觀點，給自己當做個reference。

本文轉載自MMDays，Mr. Monday的文章。

The only “best practice” you should be using all the time is “Use Your Brain”.

在設計上面有著許多的框架可以依循，對於初學者來說，依照著框架學習是好事，可以讓我們快速地達到基本的層次。然而要再往更高的層次走去，那麼就必須要跳出框架的範圍。如果以功夫來做譬喻的話，一開始的學習是按照著套路在打；不過，當套路已經熟稔之後，在真實的對戰上面應該就是隨著形式而變化。如果設計是用來解決生活所遇到的問題，那麼就沒有一體適用的設計原則，因為我們的生活經驗是如此的不同。

Designers who don’t design in their spare time for fun will never become as good as those that do.

設計師的設計往往是取材於生活中的啟發，因此，動人的設計往往是跟我們的生活緊密結合。因此，如果只是把設計當成工作在做的人，其層次將會停留在工人的層級，即便是技術精進，也只是技術精良的匠。對於設計的熱愛以及追求如果能夠融入生活之中，那麼無時無刻都能體現設計的道理，無時無刻都能受到生活的啟發，而無時無刻都將可以提升對於設計的體悟。缺發生活實踐的設計是空洞的。

Most design work just express the function/technologies.

許多的設計，其實只是重複地述說材質本身；或者只是重新再次 Demo 這項科技的可行性。當我們看到眾多的科技產品便是如此，僅僅只是將科技視為賣點。好的設計不僅僅是表現這個材質本身，而是思考著如何將這個材質適切地融入我們生活之中。多點觸控並無意義，重點是，多點觸控解決了我們生活上面的哪些問題。

Usability is highly overrated

大家都很注重產品的易用性，因此，總是不斷地思考著易用性的問題，並投注大量的精力於此。不過，偉大的創新是先拋棄易用性，而先思考著如何可以做更大範圍的革新。如果以簡單的譬喻來說的話，易用性的討論是在於把一個成型的桌面打得更為光亮；而創新則是根本的徹底思考桌子該要如何設計。或許，當桌子重新設計之後，那些無關痛癢的小節就不那麼重要了。

Not all designers are created equal

雖然同為設計人才，但是專業的設計人才會比一般的設計人才來得更為優秀。一般我會把專業分成兩種層級，第一種層級的專業是，完成事情的速度相較於一般未受過專業的人快，因此，在速度競爭上面有著專業，這個是一般人認為的專業。另外一個層級的專業是，這個專業的人所能完成的事情，一般人即使用再慢的速度也無法完成，也就是說，他會的，別人不會，這就是更高一等的專業。

”Googling it” is okay!

如同 Mr. xDay 在 “別創意了，談談原創力吧！“所提到的，如果設計只是來自於前人著作的變形，而無自己的想法，那麼這樣子的設計將只是隨波逐流。連思考基本問題的能力都將會隨之喪失。真正好的設計，是來自於隨處的生活啟發。不過，我並不是鼓勵大家不要參考別人的設計，畢竟閉門造車又是另外一種愚昧。

If you only know one kind of design material, no matter how well you know it, you’re not a great designer.

設計的知識是跨領域的，所以在 HCI 領域，我們需要學習來自不同領域的知識，無論是工程、心理學、社會學、人因工程或是設計。同樣的，在學習 HCI 的領域上面，也應當機及跨足不同領域的知識，不僅僅是學習 GUI，也還得學習KUI、RUI、TUI或是各式各樣的 UI 表現。如同作畫一般，當你探索的媒材越多的時候，你的表現形式才會越豐富。而當你探索的UI領域越廣的時候，你也才會越接近真實的生活面貌，畢竟，生活是多元的。

Your job is to put yourself out of work.

所謂的教學相長，L 老師有一句經典的座右銘: “One teaches, two learn”. 所以，不吝於傳授自己所學習到的設計知識，不僅你身邊的人可以受惠，就連自己都可以受惠。你將會看到同一個設計道理，在不同人的生活背景觀點裡面將如何的被詮釋，透過這樣子的互動，自己也會深深地被啟發。

Design methods are hurting good design more than they’re helping it.

所謂的死讀書，不如無書。設計本身沒有標準答案，然而目前市面上面有太多的書籍在教導著大家，並灌輸著大家一個觀念: “設計是有標準答案的”，”你只要按照著這樣子順序走，必然可以得到XXX結果”。或許 Dummy 系列也可以出一本這類的書。設計不是工程，所以僅僅用工程的角度來思考設計是不能 work 的。你按著某個 procedure 走，你可以得到 “還可以” 的結果，但是你絕對得不到超出想像好的結果。

Imagination won’t help you build a great design work.

很多人喜歡談設計，更多人喜歡空談設計。只是想像的設計對於整個社會並沒有什麼幫助，對於自己對於設計的理解也並無特別增長。設計是要透過在生活中實踐、實作、體驗，與人互相交流後，才能真正體現出來。我本身也很喜歡科技小說，不過我更樂於見到科技小說所描述的未來科技可以被實踐成真，而也只有當實踐這樣子的過程當中，我們才會理解到這樣子的新科技該要如何設計才能融於生活之中，又或者是，在現實生活中，這樣子的科技又有什麼限制。把你的手弄髒一點，對身心都有益。

捨得

2011-06-13T13:25:00.002+02:00

我哥的書櫃總是有一堆建築的書，昨晚偷翻，看到一本Houses & Materials - Elements on Architecture，沒想到林林總總的建築材料，竟然可以這麼簡單的區分為石頭、木頭、玻璃、金屬及水泥五種類型。想到之前看過IDEO幫Energy Hub設計的家用能源控制裝置，模式的選擇也只有「在家」、「晚安」及「離開」。

這中間的「捨」的智慧我想是在每個設計案裡最難的一環了。通常發想到最後就什麼都想要，要捨的時候又怕功能不足。其實這樣「捨」的功力，背後該是雄厚的觀察，怎麼看到使用者真的要什麼，哪些又只是雞肋，不過說的比做的容易阿~

如果整個地球是一個一百人的村落....

2011-05-30T07:16:00.000+02:00

Toby Ng Design用一個一百人的村落來表達我們所在的這個地球的一些統計數據，相當有趣！

48人是男生，52人是女生

10個人是同性戀，90人是異性戀

14人是文盲

30個白人，70個非白人

70個成人，30個小孩

61個亞洲人，12個歐洲人，13個非洲人，13個美洲人，1個澳洲人

17人講中文，9人講英文，8人講印度文，6人講西班牙文，6人講俄文，4人講阿拉伯文

只有1個人有上過大學

76人使用電力

48人因為騷擾、監禁、折磨或者死亡而沒有辦法發表自己的正義及想法

每年有2個新生兒，而1個人死亡

20人活在各種武裝攻擊的恐懼中

17人沒有乾淨安全的水可用

6個人享有全世界59%的財富，且這些人全部來自美國，74人享有39%的財富，而20人只有全世界2%的財富

50人有時或總是餓肚子，15人過胖

只有7個人有電腦

33個基督徒，19個穆斯林，13個印度教徒，6個佛教徒，5個相信自然界有神明，24個無神論者或信其他教

有1個愛滋病帶原者

20個人就消費了80%的能源

32人呼吸污染的空氣，68人呼吸乾淨的空氣

Skeuomorph deisgn guideline

2011-05-11T11:32:00.002+02:00

Fred Beecher寫了幾個Skeuomorph design guideline，這裡來做個筆記。Skeuomorph字源自希臘，Skeuos指的是容器或工具(vessel or tool)，而morphe是指形狀。在軟體上，運用這原則的設計就會將介面設計的很像實際的形體，比如上圖iBooks這個app就設計的很像實際的書，甚至有翻頁的特效。這樣的設計在多指觸控裝置上(如iPad)比桌上型滑鼠-鍵盤的應用能有更好的實用性，但畢竟不是實際的裝置，有些app就設計得很差。下面就列出幾個Guideline，依循這些原則，可以做出較好用的設計。

如果在實體裝置上有功能，軟體上也應該有功能：作者舉iPad上Contacts和Calendar這兩個App為負面例子，這兩個App雖然都有紙張的形體，但卻沒辦法滑動翻頁，反觀iBooks滑動還有翻頁效果，較符合使用者對這個介面的期待。
不要怕使用者沒有實際裝置的操作經驗而不會用你設計出來的介面：作者舉了iMS-20的例子，這個app才15美金，而實際的MS-20要800美金，還需要不斷維修，就算使用者沒用過實際的裝置，在app上光有趣的製造出一些怪異的聲音就值得了！
只要附加的新功能不會對專業使用者造成影響，且讓重度使用者能更好使用，那就加上去吧：作者舉了iMS-20加上了兩個能夠根據手指位置製造聲音的pad，雖然這在實體裝置上沒有，作者屬於專業使用者也沒這方面知識，但因為好玩，這功能是大大的加分。
讓這應用更好，但完整保留原來實體裝置的使用經驗：實際裝置要轉換成軟體，中間會有很多的tradeoffs。多指觸控的特性跟實體裝置比較相近，可以減少這些tradeoffs，因此也有機會在保留原來的裝置使用經驗下，加上一些讓應用更好用的功能。
若多指觸控版本的app實在沒辦法模擬實體裝置的功能，那就給個提示，說明怎麼使用這功能吧：作者舉instapaper的例子，在該app裡有兩種翻頁模式，當使用者用錯方法翻頁時，會顯示提示說你操作沒成功的原因，並且有按鈕可以直接切換到另一個模式。

作者在文末還舉了幾個他不滿意Apple介面設計原則文件的地方，但這裡就不引述，可以自行看他的文章。

UI Guidelines for Skeuomorphic Multi-Touch Interfaces

Planetary - 遨遊在iPad的音樂太空裡

2011-05-05T08:56:00.003+02:00

Planetary是個iPad的音樂播放器，有趣的是他把音樂裡演唱者-專輯、專輯-歌曲間的「父子」關係，用行星-衛星的方式呈現，一開始使用的時候還有點摸不著頭緒，但是當了解了行星-衛星的概念後，就變成相當有趣的音樂播放器囉！
ps.我的天文觀念很差，下面關於太空結構的用字可能有誤，請見諒。

可以從a-z的「星芒」找演唱者。

接著進入那個字母的「星雲」裡，一顆顆的星球代表演唱者。

選一個演唱者的「星系」後，又放大顯示整個星系裡的「行星」們，每個行星代表一個專輯，像我的Love Psychedelico裡只有The Greatest Hits這顆「行星」。中間最量的就是那個星系的恆星囉，像太陽系就是太陽，所以這個系就叫，嗯，愛的魔幻系(Love Psychedelico System)，哈。

按下「行星」(專輯)後，會放大看到行星及他的「衛星」，那一顆顆「衛星」就是該專輯的一首首歌曲。選了某首歌開始播後，那個衛星繞行星的路徑還會變成「進度條」，顯示現在音樂撥到哪了。

工作上也常遇到要設計音樂的應用，音樂的應用也就是演唱者-專輯-歌曲，頂多加個Genre，而通常的設計就是一層層的選單把這邏輯放進去，實在很無聊。Planetary用太空星系的概念設計音樂的層級，非常有趣，該有的提示也都有，像是左上角的「麵包屑」，下方有「說明」的按鈕，還有音樂的基本播放功能，該有的也都有，真是個好玩又實用的app阿！

有多少人在關注皇室婚禮?

2011-05-05T04:56:00.001+02:00

NBC做了個統計，威廉王子的皇室婚禮有4080萬人看NBC的電視轉播，1800萬人看MSNBC.com的網路轉播，twitter上@Royalwedding有9萬個follower，在婚禮前24小時內follower的人數暴增4倍(4萬4000人)，而這些訊息有超過150萬人看到，最活躍的討論區域為倫敦、紐約、巴黎、多倫多、聖保羅和新南威爾士，而男女比例為64%女vs36%男；Facebook上有7500人參與討論，有超過50萬的瀏覽量；婚禮當天下載iOS的婚禮app達26596次(app總共被下載超過20萬次)；18000人簽入GetGlue服務，影響超過1百萬人；Tumbler上有超過15500個婚禮相關的訊息。

看來要出名的真的該在這個婚禮上露相一下。

連網，關TV什麼事？

2011-05-03T10:43:00.004+02:00

自從看了ANYWHERE：引爆無所不連的隨處經濟效應後，會很自然的把所有事情都試著跟連網抓一起想，畢竟距離2015年隨處時代的來臨已是迫在眉睫啦。「ANYWHERE：引爆無所不連的隨處經濟效應」書裡提到的連網時代是包括了網路、通訊、頻道訊號等，是一種互有關聯性的訊息傳遞，所謂「匯流」的概念。電話不只是電話傳簡訊，也可以用來上facebook，甚至看電視。網路也不只能上上網聊聊天，還能看電視節目、打Skype電話。另外是上網所用的頻寬，書中定義寬頻上網的最低速度為384Kbps，這是移動中車輛的3G移動速度的標準，靜止狀態的3G或一般家用網路幾乎都超過這個標準，基本上只要家裡有申請網路或是你有3G上網的門號，你就算是具有寬頻連網的能力。用這樣的標準定義了「隨處能力」，簡單來講就是一個國家或地區的寬頻線路除上人口數，比如台灣假設有1500萬的寬頻上網線路(包括3G及有線、無線網路)，除2300萬人口，台灣的隨處指數就是65%(這裡的數據是亂取的)。書中的調查亞洲國家在2010年的日本與韓國都超過了100%，整體亞洲為22%。而隨處指數小於33%為新興國家，高於33%為轉型國家，大於100%為隨處國家，洋基集團預測2015年全球會有包含美加和西歐等32個隨處國家。

另外一個連網能力是無線，書上提及肯亞的例子。肯亞的行動電話人口是傳統銀行帳戶人口的三倍，M-Pesa就提供肯亞人在行動電話上進行匯款、繳費等動作。肯亞人跳過了所謂「網路」的階段，卻藉由行動手機的無線能力利用到網路的方便性，無線可以帶給那些起步較慢的連網新興國家機會，更快趕上連網的腳步。不過除此外，我想到的還是關於無線的便利性。比如有上網能力的電視機上盒，放在客廳電視前，卻還要特定去拉條網路線插上，相當愚蠢而且笨拙，在「10英尺的介面設計」上，要考慮的一個就是安裝(Installation)的方便性，HDMI是個很好的安裝設計，將聲音與影像整合在一個插孔上，而無線網路就會是客廳上網相當重要的連網設計。

上面講到了連網時代的「匯流」、「寬頻」和「無線」，那關於電視，或說是客廳上又有什麼關聯呢？這裡就以我自己的觀念來寫。數位電視有別於類比訊號，除了無線的傳播外，夾帶的資訊又更多了，藉由這些資料判斷目前的節目是什麼，在網路上尋找更多的評論、節目介紹等，這樣的設計打破僅由電視系統業者單向提供資訊的生態，藉由網路得到更多面向的資訊。再拓展出去，網路上的影片又怎麼「匯流」回電視上來呢？去年的Google TV嘗試用單一search bar整合網路影片到客廳上，不過看來市場不埋單？！9x9讓使用者可以自行整理來自線上服務的影片，創造成帶狀的頻道，也是個有趣的想法。今年還沒走到一半，Sony、LG、samsung都提出了強調網路功能的電視，Sony還是用了他們原本的XMB十字介面，LG有類似wii的遙控器方式，Samsung則是多了手機上的遙控器app。如果不意外，他們的電視應該都會接上Netflix或Hulu等線上影片串流的服務。台灣也有壹傳媒丟出的壹電視震撼彈，雖然還不至於撼動整個「第四台」生態，但用長期免費的線上影片及送機等手段，或許也有扭轉生態的能力？！

電視的連網時代到了，大家應該都有預見，這兩年各家大廠也都在出這樣的產品。但感覺現在的電視生態還在渾沌的狀態，下面我就拋磚引玉提幾個問題點：

沒有個強有力，能夠扭轉整個生態的領導者。可以想想Apple是怎麼去扭轉整個手機生態的，更遠可以看他又是怎麼扭轉音樂隨身聽生態的。再更遠又可以看福特當年怎麼用生產線來改變生產流程的。
混亂的訊號源，光數位電視就有分來自衛星、cable、無線及微波等標準，再不論現在又有很多線上串流服務各家又是獨立操作，且有地區之分，如Netflix就只能在北美收看。Youtube等服務又與Hulu或ppstream等串流整個影集的影片類型相差極大，試想要整合這些服務就是多龐大的負荷。
不完美的控制方式。雖然傳統遙控器應該存在與否仍然有爭議，但要把傳統網路在電腦上的功能搬到電視上，會遇到兩個操作模式的問題：電腦的滑鼠、鍵盤操作以及網頁(HTML)的文件式設計邏輯。Sony的Google TV用類似遊戲搖桿的遙控器想解決這些問題，像Samsung一樣出了手機app的我想不在少數(Apple也有)，LG用了類似wii的遠端定位方式，我想類似的之後會有人用Kinec的手勢操作方式用在電視上。但看來目前還沒人敢打出一台電視產品卻不附上傳統遙控器。

小美，怎麼還沒來？

2011-05-02T10:55:00.001+02:00

7-11、全家、莱爾富等便利商店，近年來都裝了台咖啡機，開始販售現煮的咖啡。而近來7-11和全家都有39元49元的配餐優惠，一個麵包/包子/御飯團配上個飲料，滿足早報時間的需要。有趣的是前幾天在便利商店聽到有個客人對著店員說，「小美，謝謝」，乍聽還以為是店員名叫小美，才意會到原來是「小杯美式咖啡」的簡稱。

台灣便利商店的密集度是世界第一(2008的新聞稱台灣有九千多家便利商店，平均2700人就有一家)，加上咖啡機後，也造就數一數二的「咖啡連鎖店」(7-11全台有四千多家分店，85度C約五百家，星巴克兩百多家)。

然而現做的飲料都有一個問題，就是等待時間。在中午的時候，很長可以看到一堆人就擠在櫃檯前等咖啡，而且等待結帳的人也是排得很長。雖然這種情況在50嵐等一般飲料店也很常見，但因為便利商店還有其他商品的結帳，甚至繳帳單等功能，情況就比較嚴重。常常排隊結帳的人龍很長，若再碰到換個發票，實在苦不堪言。
看了幾家7-11，嘗試從咖啡訂購的過程來看：

在一個人掌櫃時，通常店員會在煮咖啡的時間差繼續幫下個客人結帳，以爭取時間，但通常店員不知道咖啡已經煮好了，而擱置了咖啡。一杯咖啡從開始到送交給客人手上大概一分半，其中第一步咖啡煮好其實不過大約半分鐘，但因為結帳的速度不一，大約半分鐘到一分鐘不等，這段時間就拖延到。如果就像微波爐，在咖啡煮好的時候"逼"一下(或是悅耳的提示音)，可以提醒店員，減少咖啡擱置的時間。考慮到咖啡機本身沒這功能，也可以換個方式，放個計時器，預先設定好幾秒，在按下咖啡機時同時計時。另外有個好處，這樣也可以讓客人知道自己咖啡的「進度」，就像客人從微波爐的提示音知道自己的食物已經好了一樣。

這雖然是個不嚴謹的study，但從日常看到的問題開始，把看到的現象用一些模型方法(比如上面用的程序模型)表現出來，從中間找出一些突破點(breaking point)，接下來可以進行一些概念的設計和測試，可以藉此在生活中體驗一下設計的過程，練習一些分析的方法。設計生活也就是這樣吧。

Qwiki

2011-04-26T08:29:00.000+02:00

Qwiki是第二個我想寫的iPad App(前一個是Flipboard)。

網路時代開始，研究生入學的最大課題不是想題目、看paper，而是學習找Google。想想看我們是怎麼得到想要的資訊的？就說昨天好了，我要Pixel perfect是什麼東西，先用Google直接找Pixel perfect，woops!一堆沒用的結果。所以我再加了個wiki進去找，喔.......還是沒我要找的東西，哈。不過換成是其他主題，比如"Munich"、"DLNA"等，我現在應該就是開著wikipedia的網頁在慢慢"讀"裡面的東西了。耶，沒錯，就是讀，網頁的基本結構就是一份文件，HTML的基礎也都是些文件排版的標籤，所以現在的網站主要都還是用來"閱讀"。Qwiki給了一種不同的資訊傳遞方式，他把wikipedia上落落長的敘述做些擷取，配合上不知道從哪抓的照片，弄成一支支的影片，講給你聽什麼是Munich，什麼是DLNA，什麼是Taipei 101...。

Flipboard把我們平常看的Facebook、Twiiter、RSS feed整理成個人化的"雜誌"，Qwiki也用類似的技倆，把一些關於主題的照片，配合上一些短短的介紹，用影片的形式播放，就像是在科博館一群小孩子在看的科教影片。硬要說，動新聞也是個採用類似概念的做法，可是他的影片來源仍然是用人工方式客製化而來，這相對增加了廠商入門的難度(需要有內容)且限制了出版品的廣度。Qwiki抓的是網路上的圖文，"科教影片"的vocal是自動產生的機器音，基本上只要找的到主題就看的到影片。

在iPad上的Qwiki，可以找自己所在地附近的主題，比如我在南軟這邊就找的到南港展覽館，甚至有捷運站的介紹。

也可以找地點，但只能找英文。地圖左邊的按鈕由上而下是顯示自己的位置、找地點、熱門城市、重載(reload)。

資訊內容會以影片的方式呈現。會用機器音讀下面的字幕。

其實影片看個兩三個，大概猜的到影片的邏輯，基本上就是找了很多張圖，然後一個個zoom in/out或平移當作效果，下面顯示字幕。好玩的是，假如主題是DLNA，他沒有找到任何照片，就只有播放聲音而已，感覺就有點像廣播或錄音帶。

Qwiki帶來的概念其實有點像前幾年有炒過的語意網(semantic web)，wolfram就是一個實例，搜尋不再只是漫無目的的尋找，wolfram的搜尋結果整理成有用的資訊，比如找Taipei，會整理好台北的位置、地圖、人口數、天氣、時間等。

但是Qwiki以自動化產生的影片來呈現，缺點當然就是抓到的資料也許會不恰當，但是能夠捨棄掉這些疑慮而做出這樣一定完成度的服務，是個很難能可貴的過程，是不是只有西部牛仔精神充斥的美國才能產生這樣的大無畏作品呢？

see also:
MMDays - 改變百科面貌的 Qwiki
Qwiki

在Google裡的設計...

2011-04-21T12:17:00.000+02:00

Bob Ryskamp在他的網站上發了篇文章"Why I design at Google"，讓我這個沒機會到這偉大企業的小螻蟻能夠開開眼界。他講到的有六點：

非常不同類型的工作：他說在Google工作的六年間爲非常多不同種類的領域做設計，而在每次的計畫後，可以看看他的設計是否影響到這計畫的成功。
對概念設計的支持：因為Google的規模和領域廣闊，作者說可以做很前端的設計研究，而且公司也支持這麼做。
國際化：作者說他在工作的這幾年，到過中國、迦魶、奈及利亞、以色列、英國等國家，接下來還要去肯亞，身為設計師，很少有這麼多國家的同事一起工作的經驗。
因為(在Google做設計)很難：作者提到Google是個很工程的公司，幾乎每天都要用讓工程文化尊敬的方式去證明設計的價值，但他說這樣的過程反而可以讓設計更強壯，而不是越來越差。(編按：這真的很難，最近在工作上就碰到這種鳥事)
建立自己的團隊：作者說他從進來UX team只有15人，擴展到現在有200多人。他從這些新來的人中學到了很多，而且他應該新人有個不成文要求，就是這個人必須在某個領域上比現在的設計師都還要厲害，才能讓團隊的能力更好。
未來的設計是在互動與網路：無庸置疑科技會繼續向生活裡扎根，而做設計要去了解新的科技以及系統與社群如何互動，他說就連他所愛的腳踏車運動也可以跟互動科技結合。在Google他學會如何設計互動系統在大範圍的領域中。

另外作者也提到除了設計外，他喜歡Google有免費食物、一大堆資源、Google接納他這種Geek，而且他喜歡Google偉大的計畫 - 組織全世界的資訊並讓大家都可以取得並使用(organize the world‘s information and make it universally accessible and useful)

想法重要還是能力重要?

2011-04-18T05:17:00.000+02:00

今天看到MMDays提到Google早期程式碼品質爛的文章 - 最初的 Google 程式碼品質其實不高 ?，說到Google的創辦人Larry Page的程式功力很差，最早Google的註解評比系統(其實Google是後來才在做網頁搜尋的)，還是Page請程式助教好友Scott Hassen改寫的(改寫程度從原來用的Java改成Python XD)。詳細請自己去看看文章。文末作者提了兩個想法：

我想多數人的結論多半是…「原來早期的 Google 程式碼也很爛」、「所以大家不要害怕寫出爛程式碼、早早釋出你的 prototype，開始競爭… 」

我的角度比較不一樣。我想的是：「一個原始碼寫得這麼爛的系統，代表到發展中期會遇到很多效能瓶頸、要花時間重寫、在這段期間被對手追趕過，但它最後還是能變成這麼大這麼成功的事業，顯然他的演算法內容真的不簡單。」

除了這兩個想法，我自己有個見解。自從出了社會，往往跟同學的聊天，每每有人提到工作的不順遂時，大家總是開始慫恿去開公司，開玩笑歸開玩笑，但開公司的前提我想除了資金，很大的成分是一個idea，有個點子開了公司才能賺錢阿。但是點子偏偏是最難的，通常這種東西也是平常走在路上被雷劈到才會有，而且被雷劈到的人又不一定就是某個領域的神人，其實說Larry Page程式能力差這也沒什麼，他的idea讓Google現在在NASDAQ價值530美金，有能力養一堆程式"神人"。有時候最難的都不是工具，而是怎麼用這些工具吧。

Gmail Motion 進軍動感email應用的行列!!??

2011-04-01T12:24:00.002+02:00

在今天(2011/04/01)Gmail推出了一項嶄新的功能，Gmail Motion，利用電腦前的camera就可以用體感動作操作Gmail！在影片中甚至可以用特定的動作打字，而且不像Kinect還需要一整條，Gmail只需要一個camera即可！Google果然是推動世界科技進步的偉大企業！

來看看Gmail定義的動作

記得要去try try看喔!

...

然後你應該會得到下面的回應

Happy April Fool's Day! XD

黏土iPad

2011-04-01T10:03:00.001+02:00

莫斯科的英國藝術設計學校(British Higher School of Art and Design)，互動與新媒體課程的學生做了一個iPad的stop motion影片，片中用黏土做成iPad，並模擬了一些App的應用，比如Cup the rope、Google earth等。在片尾加上Fun、low-cost(不知道指的是"黏土"還是真的iPad?)、totally multi-touch的標語。而且在Piano app的那段還特別配合好按下的曲調，相當有趣。

再看看他們學校的網站，隨機出現的工作室或會議室背景，看似靜止，其實看久一點，會有學生進去打桌球、拿畫板的片段出現，很有意思的網站喔。

YouTube 100年了!!??

2011-04-01T09:01:00.001+02:00

YouTube今天(2011/04/01)在官方blog上慶祝他們100年紀念。

Today, we celebrate 100 years of YouTube, and we thought we would reflect on our inaugural year with a re-print of our first blog post from 1911.

並且將100年前的首篇blog文章重新刊登，內文是請到當時美國總統William Howard Taft作為客座部落客爲YouTube官方blog的公開致詞。

不過對上4/1這個時間，當然是虎爛的，YouTube在娛人節的今天將logo加上了1911的標記，在影片的右下角還有個1911的按鈕，按下後會把影片加上古早影片特有的泛黃和雜訊，然後會配上復古的背景音樂。所以超扯童話血多就變成了這樣XD：

相當有趣阿~

Nokia新字型 - Nokia Pure

2011-03-29T09:06:00.001+02:00

Nokia在他們的品牌blog裡公佈了他們的新字型 - Nokia Pure。

Acknowledging Nokia’s Finnish design roots, we wanted our new typeface to have an inherent beauty born from function, rather than flourish. It should be beautifully minimal, achieving harmony through simplicity.

Nokia期待這字型能符合手機的功能性(在小銀幕仍能保持可讀性)又簡單、美觀。當然美觀這種事見仁見智，但至少在windows上看(blog文章裡就是用這種字型)，e的左邊會被切掉，看癮科技文章裡的回覆，說這應該是font hinting壞掉。說真的我不懂什麼是hinting，但e在文章中感覺就都偏右，白話點的感覺就像是字體上蓋了一個偏到右邊的mask，所以左邊就被切掉了。

另外癮科技的讀者也有分享了一個字型的比較，Nokia Pure比較像是Apple上的Adobe Myriad，下面是Nokia Pure、Adobe Myriad和Microsoft Segoe UI的比較：

硬要說就是Segoe UI比較散，Pure跟Myriad比較密，一些小地方(比如e的結尾)則要不是排排站，我還真不會注意到。

2011全球最有價值500品牌

2011-03-25T11:05:00.000+01:00

BRANDIRECTORY做了The BrandFinance Global 500的調查，排出全球最有價值的500個企業品牌(brand value)，Goolge和微軟分佔1、2名，而蘋果則從去年的20名到今天的第8名，Facebook則是今年冒出頭，第281名。自從去年的排名知道adidas是德國企業後，我都會注意一下，今年則是第139名。看到後面又發現原來PUMA也是德國的，今年490名，我品牌也認識的太少了Orz。Mercedes Benz則是第20名，在車廠上輸給Toyota的第14名(但Toyota去年是第10名)。台灣我掃了一下看到有三家進榜，Acer是362名(去年是331名)，HTC則是今年才冒出來，一下就衝到365名，台塑(FPCC)也是今年才衝進來，407名(奇怪，怎麼今年突然有?可是我怎麼覺得台塑今年特別衰阿= =)。如果有眼殘少看到就抱歉了。

Cognitive walkthrough

2011-03-24T13:03:00.001+01:00

Cognitive walkthrough是其中一種介面使用性的檢視方法(Usability inspection)。這個方法請一些評估者走過一個工作的完整流程，來檢視及評估一個介面是否易懂(understandability)及是否容易學習(ease of learning)。評估者包括1-4位使用性專家(usability expert)，也可加入軟體開發者的意見。檢視的媒介通常是paper mock-up或working prototype，有時也可以是實際的產品。這樣的檢視方法相當快速而且低成本，適合用在設計初期的評估，但僅可評估介面的有效性(effectiveness)，並不能知道介面的使用效率(efficiency)及使用者的滿意度(satisfaction)。

Cognitive walkthrough的步驟:

定義評估的範圍(define the input)
- 誰使用這個介面？(Who will be the users of the system?)
- 要評估什麼任務？(What tasks will be analyzed?)
- 定義要完成任務的正確過程 (What is the correct action sequence for each task?)
- 介面長怎樣，用什麼媒介進行評估？(How is the interface defined?)
針對每個步驟說出為何使用者可以成功完成任務。測試者針對每個步驟問以下四個問題:
- Will the users try to achieve the right effect?
- Will the user notice that the correct action is available?
- Will the user associate the correct action with the effect to be achieved?
- If the correct action is performed, will the user see that progress is being made toward solution of the task?

測試者要嘗試說出使用者能夠達成該項步驟任務的原因，比如說「經驗法則」或「系統提示他做這個動作」。倘若無法說出成功的故事，則要指出是上述哪個問題有困難，並說明原因。

Usability Inspection: Cognitive Walkthrough

Have you joined Symphony Orchestra 2011?!

2011-03-20T17:54:00.000+01:00

數位化時代的音樂會該是什麼樣子？我想YouTube上的Symphony Orchestra 2011給了一個不錯的詮釋。
YouTube上延遲直播的Symphony Orchestra 2011，不光只是一個音樂會的重播，除了高畫質的轉播，音樂會開始前右下角的倒數計時，音樂會開始後現場觀眾的拍手聲，更有趣的是影片下方的Join the conversation，可以即時利用Facebook和Twitter給予網路的"掌聲"，就像是數位生活上，參加了一個音樂會。Google跟Youtube又成功建立了一次有趣的數位時代的"實驗"，除了UI和技術上的呈現外，節目的內容也非常厲害，雖然我不是很懂音樂，但結合了中國的古箏、西方的吉他，數位音樂對上古典樂，視覺上緊密配合聲音，這個音樂會真正吸引了我這個沒藝術天份的死阿宅，Awesome!

Person Finder - Japan Earthquake

2011-03-14T03:43:00.005+01:00

Go go Japan!
大家可以嵌入這段程式碼在blog散佈這個尋人的Google小網頁

<iframe frameborder="0" height="300" src="http://japan.person-finder.appspot.com/?small=yes&lang=en" style="border: dashed 2px #77c;" width="400"></iframe>

Google又改了外觀...

2011-02-17T05:58:00.000+01:00

又不知道是我lag了多久，昨天在Google上找東西的時候，發現左上方的Google Products列似乎長的不太一樣了，本來還以為是眼睛脫窗還是網頁的圖沒load好，看來Google是真的換了個外觀，在上方原本單調的藍字連結已換成較為美觀的淺藍色系，一條藍線也放到最上方，深藍短線則代表正在的頁面，在不失去導引功能的情況下，變的更美觀，真是個不錯的改變。但看來在台灣還沒有改，下面是Google台灣的畫面截圖，這一看就覺得原來的還真醜：

Isle of Tune

2011-02-01T05:31:00.002+01:00

今天在Chrome Web Store上看到Isle of Tune這個遊戲，看起來想是模擬城市，但每個建物、樹、路燈等都帶有特殊的音調，當車子跑過去就會發出聲音，對於我這個沒有任何音調知識的人是只能製造出噪音了，可是就是有神人可以蓋出不凡的音樂城，比如上面影片裡，就有神人蓋出了Beat It！

這讓我想到之前在DIWO Culture跟HONF合作蓋出來的broken wonderland，我們最後抓了個賽車在上面跑，如果配合上其他組別的超酷混音，應該會很屌！

可以進到Isle of Tune的網站，在遊戲介面上按Browse All Islands看更多神人的作品。

維基百科的現況

2011-01-25T05:16:00.003+01:00

維基百科趁十歲之際，推出了維基百科的現況(The State of Wikipedia)影片，用簡單的線框圖及動畫解釋了維基百科的十年。與其說是了解了維基百科的歷史，這影片用的方式及視覺的呈現都相當有趣，就像是Loldwell利用簡單的漫畫呈現嚴肅的網路著作權問題一樣，用大家看得懂的方式表達也許枯燥乏味的事情，這也是使用性上"Match the real world"的最佳範例阿。
Loldwell - See Something? Cite Something.

Mein 2010 - von 21. Feb bis 31. Dez

2011-01-09T05:06:00.013+01:00

今年決定寫日記，而日記都要有照片，這是我的2010。

教小孩子五線譜的方法~

2011-01-07T08:28:00.000+01:00

Tangible user interface for music learning from Loris Bottello on Vimeo.

Loris Bottello設計了一個裝置，可以教小孩子了解五線譜及音樂。他是利用AR(擴增實境)裡常用的標誌辨識方法，將標誌裝在一個可以伸縮的木盒上，木盒放在五線譜上的位置代表音階，當伸長的時候標誌會轉動，利用這個轉動調整音符的種類(對音樂實在外行，不知道拉長的程度是不是正好代表了音符的種類?!)，這是非常有趣的AR應用喔！

Kinect usability

2011-01-03T09:47:00.001+01:00

Kinect的確是個了不起的東西，不過除了看看他怎麼念，或是感嘆Sony PS3 move一定會完蛋之外，還是來看看Jakob Nielsen怎麼以usability的觀點看這個東西。
Kinect Gestural UI: First Impressions

開宗明義，Jakob Nielsen先說他在25年前(1985)就看過類似的介面，不過當然當初數百萬的研究計畫是不能與現在150美金的XBOX遊戲附件相比。他認為Kinect犯了幾個手勢介面的使用性弱點(weakness)，但卻也相當有趣。

在可視性，目前的Kinect遊戲將操作說明放在遊戲一開始，這強迫使用者要去記憶如何"操作"，好的介面不該讓使用者去記憶，而是利用"認知"去操作。另外Nielsen發現玩家很容易忽略了在遊戲中出現的訊息，這通常不是因為訊息太小(通常還不小)，而是因為玩家正專注在自身的動作，而忽略了訊息，但這的確是個很大的設計挑戰。

在回饋上，因為缺乏可視性，有些遊戲在沒有明顯的提示下，會不知道為何有些動作會有特別的效果，比如在桌球遊戲裡的殺球。但一些遊戲的回饋就很好，比如"Dance Central"裡會利用亮起來的方式提示你有哪些動作不到位，這樣的回饋不會打斷你的畫面，又比聲音的提示來的直覺。

在一致性，Kinect只有定義很少的統一標準操作動作，甚至連一些像是"back"的基本操作都沒有統一的行為，這造成在每個遊戲都要重新學習如何做這些基本的事情。另外在Kinect Sport中各個遊戲在"打"球時的動作都不一樣，但這還比較ok，因為這些動作都符合了真實世界的動作(比如在足球裡"踢"球，在桌球裡"擊"球，符合外在一致性 - external consistency)。

在避免意外操作上，Kinect的遊戲還算不錯，都需要"確認"的動作才會真正啟動該功能，但是這樣的"確認"行為在每個遊戲間又不太一致，有長放在該按鈕上、滑動手往左或是出現下一層再確認執行。然而就算這樣，Jakob Nielsen還是有誤按到，這時又因為缺乏可靠的Undo及Back，讓使用情況變的更糟。

但Jakob Nielsen認為從Kinect上可以看出這個開發團隊懂usability、有做user testing、並有管理階層協助依照優先序調整改善usability。Kinect的目標使用者不只是傳統的遊戲玩家，而是更廣的群眾，的確也需要更嚴肅的使用性設計。在遊戲裡提示的出現時機得當，而按鈕設計的讓人想按，更好的一點是Kinect會藉由人臉辨識幫你"登入"遊戲中，登入不用選擇、不用輸入，這是非常進階的介面設計(non-command user interface)。

Jakob Nielsen在他們舉辦的會議的休息區中放了一台Kinect，大家感到非常的有趣(great fun)，並且在簡短的遊戲展示後都能夠上手。這是個奇怪的現象，雖然Kinect有上述那些使用性問題，但整體的使用經驗還是很好呢？這在於說Kinect的使用者與iPad等tablet的使用者是以不同目的在用這些東西。Kinect的使用者是在遊戲世界裡，是爲了娛樂；但是在用iPad等tablet是爲了做事(make things done)，雖然也是有遊戲，但主要目的還是在工作。這造成這兩種裝置在使用性上的考量點應該要不同。

總體而言，Kinect雖然手勢不一致、可視性不足、會忽略警告提示、有笨拙的確認框，但非常好玩，整體的使用者經驗還是很好的。

下面是Kinect與iPad/tablet/mobile等使用者使用該裝置目的的比較表。

	Kinect (+ other game consoles)	iPad/tablets/mobiles (when not used for games)
User's main goal	Entertainment	Getting things done
What's being controlled	Self-contained gameworld	The real world
Consequence of user errors	Your avatar "dies" & restarts level	Lose your job and investments
Diversity of activities	Wide	Fairly similar operations across tasks
Time spent within one UI	1 hour per game	1–2 minutes per site/app
Navigation space	Small (except for gameworld locations)	Mid-sized (apps) to immense (Web)
Commands	Few	Many
Data objects manipulated	Handful	Hundreds to millions
Usage context	Often communal (experienced users help newbies)	Usually solitary (figure it out on your own)
UX quality determinants	Gameplay	UI usability; whether content easily satisfies information needs

Philippe Halsman

2010-12-28T07:48:00.002+01:00

忘記聽誰講的，愛一個藝術作品，有時候就是喜歡，不用講什麼理由。
Philippe Halsman(1906-1979,wiki)，拉脫維亞籍美國人像攝影師，猶太籍的身分，身處的年代，可以想像他曾受的迫害，但他與達利、愛因斯坦、希區考克、瑪麗蓮夢露、奧戴利赫本等人合作的作品，真的是經典，至少讓我一看就覺得要分享在這裡。

see also:
大師 Philippe Halsman 的人像攝影 @KAIAK.TW
Philippe Halsman @ETODAY

iPad + 魔鬼氈

2010-12-20T05:52:00.000+01:00

今天逛逛apple網站，看到iPad + Velcro，這是Jesse Rosten自己拍的影片(自己拍的影片還可以上Apple官網@@)，他將魔鬼氈貼在iPad的背面，然後在汽車副座貼上另一半的魔鬼氈，把iPad放上去就變成導航裝置及車上娛樂系統；貼在家中穿堂就變成取代照片變成相片框(當然還有幻燈片秀!)，還可以隨時拆卸，這樣只用了小小的魔鬼氈(10元商店應該就有了!)。不過相對於網路上一堆外國人用iPad做了一大堆有趣的事情(打蒼蠅...)，我的iPad只敢小心翼翼的套著矽膠套放著，實在是對物品的價值認知有很大的落差阿~(看到很多外國人的Apple notebook上貼了一大堆貼紙而我的iBook G4還是白白一片就是個很大的落差...)

World Lens - 用像機鏡頭即時翻譯

2010-12-17T10:25:00.002+01:00

大家想像的翻譯情境是怎樣？我想像自己再喉結掛上一個東西，就可以把我說的話直接轉議程我想要的語言；戴上眼鏡，看到的世界就翻譯成我熟悉的語言。後半段的幻想在World Lens這個iPhone app上似乎已經實現了！透過World Lens的in-app購買(目前50% sale，4.99美金)翻譯的功能，就可以用iPhone的camera將影像中的文字做翻譯。雖然目前只有兩種模式(backward and erase)，只有兩種語言包(英文互翻西班牙語)，而且開發者也承認這還不是完美的產品，對於字體辨識的能力也還很差(手寫和藝術字體都還沒辦法正確辨識)，翻譯的精準度也不是很好，但是這還是讓我開始未來的幻想。何況Google翻譯的資料庫持續擴增和改善中，只要接上它的API，翻譯只會越來越精準。

不過我還是認為科技雖然飛快的進步，但所謂的"電腦"對於"接收"人類的東西上還是有很大的困難，包含聽跟讀，這些辨識的技術雖然都有，但都還是差強人意，更不用論"理解"人類的思想了。

Facebook的朋友關係世界地圖

2010-12-15T09:49:00.001+01:00

Facebook的資料基礎工程(Facebook's data infrastructure)實習生Paul對地理與政治疆界如何對人與人之間關係建立造成影響很有興趣，於是利用Facebook的50億筆的用戶資料"畫了"這樣一個社交的世界地圖網。可以看到西伯利亞與中國、北韓的一大片空白，如果極圈和山區是地理上的隔閡，那中國北韓很明顯是政治上的隔閡了。

有興趣可以看Paul解說他的資料分析步驟 - Visualizing Friendships
full-size image

用全息照片看立體模型

2010-12-09T11:02:00.002+01:00

zebra imaging的這個全像(全息, hologram)照片實在很屌，其實只是一張照片，可是因為看的角度不同，會產生立體的錯覺(只是立體，本來就是一堆錯覺不是嗎!?)。尤其看到上面的影片，利用這樣的影像看工程立體結構模型，非常的令人感動阿!這讓我想到中午外出吃飯，看到有個像是電線工的人拿著iPad不知道在丈量管線還是什麼，如果iPad真的取代了一整疊(或一長串)的管線圖，那真是很振奮人心的科技應用阿!

癮科技 - ZScape 3D 全息照片將地圖帶到全新的境界
DVICE - Holographic maps kick the crap out of traditional 3D images

在PC上開啟AirPrint服務

2010-11-25T05:22:00.003+01:00

iOS 4.2更新了，iPad繁體中文、AirPlay、AirPrint是三個大賣點，可是AirPlay在沒有Apple TV下看來也是沒用(我只是要把iTunes上podcast影片弄到iPad上看都不行= =)。AirPrint則只有幾台HP的印表機直接支援，但是能不能從電腦端分享出來呢？看來是可行的，上面的影片解釋怎麼在PC端開啟AirPrint的服務(Mac則是用Printopia分享出來)。
步驟為：

安裝iTunes 10.1
下載AirPrint.zip
解壓縮到Program Files下的AirPrint資料夾(64位元用家解壓縮到Program Files (x86)的AirPrint)
執行CMD(明令提示字元，在附屬應用程式裡)，記得用administrator的權限
在CMD裡執行
> sc.exe create AirPrint binPath= "C:\Program Files\AirPrint\airprint.exe -s" depend= "Bonjour Service" start= auto
> sc.exe start AirPrint
64位元:
> sc.exe create AirPrint binPath= "C:\Program Files (x86)\AirPrint\airprint.exe -s" depend= "Bonjour Service" start= auto
> sc.exe start AirPrint
確認AirPrint可以通過防火牆(在防火牆的例外裡加上AirPriint這程式)
分享印表機

這樣iPad就可以透過PC連接到印表機列印囉！
see also: Ninja Tip: How to re-enable iOS 4.2 network AirPrint on Windows @ TiPb

在iPhone上看3D!

2010-11-16T04:29:00.002+01:00

多媒體藝術家Jitsuro Mase做了一個簡單的iPhone配件 - i3DG，裝上去後就可以讓iPhone上的影片變成3D影像，看起來相當有趣。這個裝置用了Pepper's Ghost的簡單技術，用三塊45度角的半鑲銀鏡片(half-silvered mirror)將影像反射製造出3D效果。這只製造出三層的反射，所以可想而知3D的效果一定好不到哪去，可是這只需要一個簡單的裝置裝上iPhone，就可以隨身看3D影像，還不用戴眼鏡，何樂不為呢？(看影片上他的幾個demo倒是還不錯)

這個東西讓我想起今年的Computex，一家台灣的廠商利用幾個鏡片做出來的裸視3D影像，"據說"被一家日本公司相中，並願意提供人力的支援將這東西作後續發展，現在不知道有什麼進展就是了。

TiPb - i3DG to bring 3D content to iPhone, without the need for glasses
Palm Top Theater Exhibition

iPad app開發者接到Steve Jobs的電話(?)

2010-11-12T03:42:00.001+01:00

TUAW上的文章，iPad app - Economy for iPad的開發者接到了Steve Jobs的電話。基本的故事是這樣，這個app本來被拒絕上架，原因是裡面的軟體鍵盤用了私人的APIs，軟體的作者Arumugam寫信給Steve jobs說明情況，過了兩個小時後，Arumugam的iPhone響了，Steve Jobs親自打給他，之後Arumugam將這段有問題的code拿掉，重新上架就被接受了，這個app還進了經濟分類裡的排行榜呢！

Arumugam藉由這件事說Steve Jobs是個親力親為的CEO，甚至這種小小的細節都顧到，也代表寫過去的信Steve Jobs真的有在看。

不過看完這篇，我想到了之前看到一個SCOOPERTINO的假新聞，說Steve Jobs的回信其實是由很多小Steve Jobs(像是時空大間諜裡的mini me)回的。

如果這件事是真的(現在離4/1還很遠...)，那Steve Jobs保重身體阿~

上上下下左左右右...

2010-11-11T09:58:00.002+01:00

最近在幫忙公司新網站建置，沒有強大的後端，設計師就想用一堆花俏的前端。flash很愛用一種平面是網站的概念，就是整個網站的所有頁面其實就是一塊大畫布，你就是拿著一個視框移動看整個網站。我是很討厭這樣的概念，這樣的網站很沒有彈性，家個頁面，整個排版都是非常頭痛的問題。但設計師就是很愛，不過好了，這次是要用html+css來做(光是靜態的要處理每個瀏覽器的定位問題就夠嘔了....)。反正就研究了一下(ps.我又不是網頁設計師...)，這兩天做了個小實驗，想說紀錄一下，這裡先講講概念，範例等整理整理再放上來。

其實說起來也很簡單，基本上就是用網頁上處理客制化捲動條的scrollLeft/Top來處理。但是一般捲動條就只要真的一個大畫面設個小框，丟個overflow:hidden加上上下左右的動作就好。但我要弄的其實是左右改變網頁的分類，而上下是在該分類下換上下頁。本來想這也沒什麼問題，就多塞一層的捲動行為不就好了。但有個問題，當最裡面的層級也是設定基本單位的小框時，外框就會覺得裡面只有小框的大小，所以就沒辦法作捲動。反正弄一弄解法是像上圖，viewbox是最上層的小框，在網站上只看的到這個框內的內容，由這層來管理左右換網頁分類的動作。outterbox把多個分類頁面包起來，單純只是包起來，寬度是全部分類頁面的寬度，這層不處理滾動的動作。再下去是catebox，尺寸只有小框的大小(跟viewbox一樣)，管理上下換頁的滾動。再來就是包在catebox裡的page，一頁一頁上下堆著。

其實看來就是中間有個outterbox當作一個隔離層，讓viewbox知道下層的左右還有東西沒秀出來。而catebox則只知道下層的上下還有頁面。

這也不是什麼難事，但是混在一起看就會釐不清之間的關係。不過作網頁每次最煩還是那個排版，網頁也做這麼久了，還是不了解relative的定位要怎麼擺，margin、padding在瀏覽器間真是個大毒藥，這次用這麼麻煩的排版搞整個網站，我總覺得這幾週日子會很難過...

iPhone vs Android vs BlackBerry

2010-11-08T05:32:00.001+01:00

從老地方看到的漫畫，這三個使用者分別在自己眼中和另外兩個系統用家眼中的樣子，值得玩味。

MUJI APP on iPad

2010-11-04T12:17:00.001+01:00

今天在App Store上看到MUJI的兩個App分佔Free app排行榜的一二名，馬上下載來用用看。先講MUJI to GO，是個旅遊用的工具，有世界時鐘、天氣、各國插頭、搜尋、匯率和計算機，配合MUJI的形象配色，的確是個實用又有設計感的App。

by the way，這篇是從iPad上用Mail發的文章，目前好像這是blogger發文的最好方法...

Sent from my iPad

Paris vs New York

2010-11-03T04:08:00.003+01:00

巴黎跟紐約的比較也許就像上圖一樣，一個看似前衛的新浪潮，一個卻是Woody Allan這樣的紐約製片家。Paris vs NYC上推出一系列巴黎vs紐約的圖片，運用簡單的圖像表現巴黎與紐約的差異，其中有些讓人會心一笑，有些則不是當地人也許不太懂。看下來，小弟對於巴黎的印象果然不如對紐約的印象，但基本上都是還很薄弱就是。

法網和美網，紅土球場對硬地球場，這張相當有趣。

City of lights vs big Apple

這看不太懂...

Back to the Mac

2010-10-21T05:41:00.000+02:00

今日凌晨因為在搞顆硬碟，就順便看了Back to the Mac的Apple發表會Live(可是第一次呢)，現在網路上的文章應該都一堆了，不過說說我看到的兩個值得講講的東西。

第一個是Mac Book Air，對於我這個iBook G4用到現在的人來說，筆電的確是個誘人的敗家催化劑，但MBA本身不是我要說的，而是那個USB系統碟!太酷了!8G的容量不說(上次去Nokia N900鑑賞會也才送2G)，重點在那美形的外表阿!記得之前看過一篇文章在討論usb隨身碟和光碟片，usb隨身碟的成本不斷的降，大有取代光碟片，當成硬體隨附系統或驅動的潛力(像是當年光碟片取代1.44軟碟片的情況?)，Apple就玩了這招。不過有一點是因為Mac Book Air並沒有光碟機，用usb隨身碟的確是一個很好的替代品。不過還是要說，真的是很漂亮阿~(我的創見usb拇指碟只能在口袋裡哭泣)

第二個要講的是關於Lion，也就是Mac OSX 10.7，系統本身也沒什麼好講的，其他網站大概都講爛了。我講一個昏昏欲睡中聽到的梗，可能是因為有了Mac App Store的關係，針對"多指"、"觸碰"，Jobs有點不屑的說，使用者的習慣只在平面(水平方向)的控制，沒人在對銀幕(垂直面)作控制的(還抱以一個不屑的嘴角微"嘖")，這算是又打破了iMac觸碰銀幕的謠言嗎?這很難講，因為這段後來是在宣傳magic mouse的多指觸碰在Lion上的功能，也許只是為了舖梗。之前他接受訪問才說7"平板註定要死，大家認為這間接打破了"小"iPad的謠言。但也別忘了，在新Apple TV上市前Jobs接受電視訪問時也曾嗤之以鼻說這類的家用多媒體播放器"有誰要買"。不過商業歸商業，垂直面觸碰銀幕來控制電腦的確有缺點，手騰在空中會很酸....也許這類的產品需要一個很高很高的枕頭吧。也許垂直面的控制，還是只能定位在滑鼠鍵盤外的"第三個"控制方式吧。

Angry Bird是隻70公分高的巨鳥

2010-10-13T05:01:00.000+02:00

Wired一定有一大堆每天很無聊的編輯。
大家都知道Angry Bird這個在iPhone、N900上都有的遊戲吧，就是把鳥用彈弓談出去打死豬的遊戲。Wired dot.Physics做了一個研究，作者用Tracker這個影片禮物件追蹤分析的軟體，分析Angry Bird的官方影片，間接找出生氣鳥長多高。

作者先發現在水平方向生氣鳥都是等速的飛行：

這代表飛出去的鳥都只受垂直方向的力量影響(重力加速度)，在水平方向是沒有加速度的。

接著看垂直方系的運動軌跡：

算出來垂直方向的加速度為2AB/秒平方(向下，1AB為彈弓的高度)。若這是真實世界，2AB/秒平方 = 9.8 公尺/秒平方，則彈弓高度足足有4.9公尺！這樣算起來這隻鳥有70公分高。一隻快五分尺的彈弓彈射70公分高的鳥，這隻鳥果然很生氣...

關聯性

2010-10-08T04:17:00.000+02:00

上面這張圖，看著寫說公司會議的msn狀態，公司會議應該不是什麼開心的事，這狀態看起來卻很開心的樣子。仔細一看，啊，上面那個音符搞的鬼。這種事常常發生，四周的東西通常都會影響著四周的東西，設計的時候考量到這點，就可以用一些視覺的效果對原本無奈的限制加上點綴。

字母排序該死一死了...

2010-10-04T16:53:00.000+02:00

Jakob Nielsen在最新的文章"Alphabetical Sorting Must (Mostly) Die"中討論字母排序這件事。就上圖來看是個明顯的糟糕的例子。
這是Zappos之前的網站設計，很貼心的為了想挑鞋的消費者設計，可以鞋子的各種特性作過濾瀏覽，除了圖上顯示的寬度及鞋跟高度外，還有樣式、顏色等。這是很好的設計，可以讓使用者快速的找到自己想要的鞋子。但是在Nielsen的使用者測試中，發現使用者非常少用寬度及鞋跟高度作為過濾的條件。這樣的設計很好，但是糟就糟在他的排序，3E比AA還寬嗎？那3E跟EE的關係又是如何？OS是one size的縮寫，但是一般使用者懂這個意思嗎？Under 1in又在4 in、5 in & over的底下？這樣的排序讓使用者不了解相對間的關係。一個明顯的改善就是將寬度和鞋跟高度依照分類的意義做排序，比如寬度就依4A, AAA, AA, ..., 3E, 4E來排序。

可是字母排序真的很夯。Niesen說字母排序大概有這兩個好處：

如果使用者知道要找的正確名稱，那字母排序真的能讓使用者很快找到東西。這在選擇美國的50個州時很有用，但是如果能讓使用者輸入兩個字母的縮寫做尋找會更有用。
懶惰的設計團隊，懶得去尋找更適合的排列結構。(這話真重...汗)

而在下面兩種情況，字母排序就有問題了：

使用者不知道所要尋找的名稱，這時用字母排序就很沒用。
就像Zappos的例子，當一些項目有隱含的排序條件時，此時還用字母排序反而會危害到邏輯且隱藏起原本該有的排序邏輯。

那有什麼更好的排序方式呢？

若是像Zappos這樣鞋子的尺寸，本身就有隱含的排序邏輯，那就照這邏輯排序吧。
項目會有一些領域相關的邏輯群組分類(domain-related logical grouping)，可以利用Card sorting的方式找出使用者認為的群組分類作為排序的依據。
時間軸和地理位置通常也是排序的有用條件。
也可依照重要性和發生頻率做排列。
當然，在一些少數的案例中，字母排序是較佳的，但是在選用字母排序前，先試著尋找看看是否有更好的排序方式。

Monsters in Real Places

2010-09-23T05:28:00.000+02:00

今天的早報時間看到Monsters In Real Places這個blog，上面都是一些實景照片上畫上怪物，虛虛實實的感覺相當有趣，有些還可以營造出"科洛弗檔案"(Cloverfield)的神秘感：

不過看了之後我才突然想起之前在奧地利Graz看到的美術館(Kunsthaus Graz)，不就也是個在城市裡的怪物嗎！

這下我終於了解到這個建築的設計意含了(吧)，真有趣！

你的iPad沒在充電嗎? 未必! 你只是看不見而已

2010-09-21T09:30:00.000+02:00

雖然這應該是超久前的話題(我看到的文章是四月的)，但最近幾天才拿到iPad(是的! 我敗了!)，也就才發現這個問題。

在稍舊款的Mac(試過iBook G4和Mac Mini Intel Core Solo)及大部分的PC上，若用USB直接接上iPad，你會始終看到not charging，於是正常的反應就是「靠! 為什麼不能充電」，然後再利用很破的英文稍微掃描過網路上的文章，發現是因為iPad需要10V的USB電源，然後也許你又像我一樣「靠! 哪來的10v usb!」然後又在千千萬萬次把iPad插到每台同事的絕望之後，找到Apple support上的這篇文章，於是你不禁捖爾，原來iPad在接到低電壓的USB接頭時，只有在睡眠狀態會充電。什麼事睡眠狀態呢，簡單來說就是銀幕黑掉的那個時候，是的！根據Apple的說法，這時候在充電！是的！你這時候根本看不到充電狀態，因為你根本看不到銀幕上的任何東西(當然銀幕貼的天花板反射或會嚇到的自己的臉的反射不算在內...)！
只是這在這篇文章有個有趣的比喻：

It’s the modern-day “Does the refrigerator light stay on when I close the door?” mystery

你覺得冰箱的燈在關上門後試開開的還是關著的?
這是個有趣的現象，其實我們不知道在我們看不到的世界發生了什麼事，可是我們會用既存的印象去延伸解釋看不到的世界。在iPad的這個充電問題，我們用看得到的時候(醒著的狀態看到的"未充電"字樣)去解試看不到的現象(認為就算在銀幕暗釣得睡眠狀態也是不會充電的)。這說起來就是一個使用經驗的問題，我們會依賴看得到的資訊，但不會知道在改變狀態後，到底有多少資訊是會被改變的。對於iPad的這個問題，也許一個解法是在not charging的字串多上一些字串解釋，但這時在很蠢，而且到底有多少人會去看這麼長的訊息是一個問題。但是至少來說，在說明書上加註這樣的說明是應該的。再者，Apple在他們的網站上公佈了這樣的訊息，這也許是個不錯的機制，可以一個程度無限擴充所謂的"說明書"。但Apple support上的資料量太大，所有產品的支援又全部在一起，只靠一個搜尋框並不能解決這樣的分類需求(我曾用iPhone加上某一元件當作關鍵字搜尋，找出的結果卻是一般的客戶支援到給程式設計的參考都一併列出卻沒有分類)。
不過說這麼多，其實iPad用起來很爽。(好吧，我承認沒中文輸入和多工讓我很不爽，11月的iOS 4.x快來阿!)

Taxi Driver

2010-09-12T18:33:00.000+02:00

今天看完了Taxi Driver，印象最深的還是Bernard Herrmann的配樂，絕美的saxophone創造了如夢幻的音調，就如youtube的comment：

No soundtrack ever suited a movie more...

回應論文

2010-09-11T03:43:00.000+02:00

想想還真久，拿到論文已經是三年前的事了。在三年前拿到論文的一刻，我寫了「論文」這篇牢騷文，今天回去看看這篇文章，人的記憶真的很脆弱，到底是為何寫下這篇文章，卻完全想不起來。

只是畢業後也工作了兩年多，來回應一下裡面講的一些當時看世界的觀點。

剛開始工作，我的確拿了四萬左右的薪水，但馬上我放棄了這份工作然後去做一份自認為有興趣但錢較少的工作。但在工作上的態度還是一樣，有很多不滿還是不敢直截說出來，而兩面討好的個性更是磨不出自己的個性。而很多事情仍是一樣，做到一個程度就開始擺到爛，常常尾巴就是收的亂七八糟，工作了兩年還是沒長進。最近也到了倦怠期，開始會想參加一些額外的活動。之前去一個禮拜的playaround workshop，上了快兩年的德文課，漸漸開始去的UI gathering。但真少。也許我需要更多的體驗。

現在仍是一直在羨慕其他有成就的人，而且只是羨慕，都沒什麼實際的作為，也許我需要個實際的指標，怎麼走才是對的。又或者這根本沒有指標，做就對了。

突然覺得這篇牢騷文很沒價值，可是我好久沒在"生活"的tag裡加文章了。

客戶需要的是什麼?

2010-09-04T17:31:00.000+02:00

台灣廠商的需求沒有邏輯是既有的事實，像是怎麼會認為電視上需要鍵盤這種東西，一台10吋大的平板又要能夠像電話一樣拿起來打。這種需求說出來可笑，可是卻是一直在發生的事實。最近一直在想有什麼方法可以引導客戶找出自己真正的需求，當然能夠直接問WHY找到答案是上輩子積來的福氣，可是往往這只會問到一些其實更不合邏輯但卻很難反駁的答案，比如說10吋大的平板可以打電話的話，那我就不用再另外帶一隻4吋的手機啦!(我怎樣也想不到拿著10吋平板放在耳朵旁的情境...)可是今天這個文章也不是在說我找到什麼解法(事實上還沒好方法)，只是有一個想法，一直持續支持這個工作的重要性。
客戶開出來的需求並不一定是真正的需求。比如說在建體育館，廠商開出來的需求會是要能打羽球、排球、籃球、打劍道、集會，建築師不會是設計一層羽球場、一層排球場、一層籃球場、一層道館加一層禮堂，而是設計一個多功能球場吧。所以依照這樣的想法，客戶要YouTube、Twitter、facebook的軟體，其實並不一定是要YouTube一個功能、Twitter一個功能、facebook一個功能，說不定整合在通訊錄裡反而是客戶更希望的功能。
不過話說回來，怎麼找出這樣明確的設計方向實在不是嘴巴說說而已...

電子閱讀器時代來臨?

2010-09-03T11:58:00.000+02:00

雖然電子廠商一窩蜂的投入電子閱讀器(tablet或e-ink reader)，但使用者已經準備好接受電子閱讀器來取代紙本書了嗎?
Jakob Nielsen做了一個使用性測試(usability testing)，來比較iPad、Kindle 2、PC及紙本書的閱讀性。他測試了32位喜歡閱讀的受測者，最後採納24個受測者的數據及資料。每位受測者都使用4種方式看海明威的短文作品，平均花17分20秒閱讀完這個作品。

在閱讀的速度上，Jakob Nielsen的研究顯示用iPad與Kindle 2的閱讀速度明顯比紙本慢(分別慢6.2%和10.7%)，但iPad和Kindle 2則差不多(沒統計上的明顯差異)。在滿意度上iPad、Kindle 2和紙本書相當(分別是5.8、5.7、5.6，1-7，7最喜愛)，而PC上卻只有3.6。大部分使用者提出來的問題都是可以預期的，比如說iPad太重、Kindle 2字體灰階不清楚，使用者也不喜歡沒有實際的分頁，而喜歡iPad上顯示在章節裡還有多少字。少數不可預期的問題是使用者覺得看紙本書還是比較輕鬆。而在PC上看因為這會提醒他們還在工作所以覺得不舒服。

使用者對這類產品的滿意度與紙本書相當，甚至比紙本書略高，看來若技術發展，我們未來有更高畫質的閱讀銀幕，電子閱讀器的未來看來是會來臨的喔！

iTunes做了什麼蠢事....

2010-09-03T04:49:00.002+02:00

9/1的蘋果發表會上風光的推出了$99的Apple TV(正確的定價，預期會是成功的產品)、iPod touch with camera還有一堆iPod，另外就是iTunes 10，不過你看看你看看，iTunes的開發團隊是發了什麼神經，把經典紅綠燈改成直排！我相信這樣設計應該是有理由的，可是目前還沒有看到什麼評論是針對這個修改，以我淺薄的使用性見解，這樣的更動最重要的是他影響到了整個系統的一致性操作，系統裡幾乎所有的紅綠燈都是橫排，這裡搞個直排完全想不到什麼鬼原因(而且還是蘋果自家的軟體!)，是爲了多出空間塞一個iPod nano(iTunes nano?!)嗎(抱歉，這其實是Plurk上一個朋友的梗)？

ps.看到這篇文章有提到這件事(果然是在dislike裡)，也有提到說在終端機裡打上 defaults write com.apple.iTunes full-window -1 再按Return可以恢復原來的樣子。

接下來的就見仁見智了。我真的覺得新的icon很醜。

但是昨天裝好後我熊熊忘記之前的icon長怎樣，所以特地找來放著記億一下。

不過這比較見仁見智啦。但是從iTunes 9開始我就覺得iTunes的圖示設計越來越醜，分類項目的圖示感覺上都硬去刻上一些流線的細節材質，可是整體看起來就很刻意，有種不高雅的感覺，就像看到中國設計的糖果icon(很不想講其實華碩開發的軟體icon感覺也是這樣)。不免說一句，iTunes，你怎麼了？

生活經驗影片 - TAT

2010-09-02T11:14:00.000+02:00

TAT這家介面設計公司總愛做各式各樣的美夢，這次在blog上說會嘗試放上一些未來日常生活經驗的影片，這與最近在看的"ANYWHERE-引爆無所不連的隨處經濟效應"一樣，說故事永遠比一堆廢話來的吸引人。影片中可以拉長的小裝置還有透明兩邊可以操作的銀幕都很有趣。

好用的瀏覽器全銀幕顯示

2010-08-24T05:36:00.000+02:00

小弟越來越常用全銀幕模式看網頁，但通常都是用google chrome，按下F11進入全銀幕瀏覽。今天興起(其實是iBook G4上沒有Google Chrome)開了Firefox來看早報(feedly)，才發現Firefox的全銀幕模式有個貼心的設計，也就是上圖所示，當你在開啟一個新分頁時(Ctrl+t, CMD+t on mac)，除了白白一頁(或首頁)外，上方會露出網址列和分頁列。這個設計還蠻不錯的，我在Google Chrome上在開新分頁時，一定要離開全銀幕模式key完網址再按回全銀幕，尤其Chrome標榜網址列就是搜尋列，這樣的作法實在很不方便。Firefox的設計就很好，但像是這樣的小地方，到底在什麼樣的設計情境下決定這樣的設計呢? 或許在設計前對每個功能作有效的情境分析(task analysis?)，在其中找出突破點(breakout)而作設計。最近在看互動設計裡Work models的方法，就是用來實踐這個方法的工具，有點心得再分享出來。

You can reverse engineer the song!!

2010-08-05T05:34:00.002+02:00

最近一直很想學學看聲音方面的知識，今天早報時間看到Capo 2，吸引我的地方是他已經可以簡單的從撥放的歌曲把弦給譜出來了！這代表我現在只要有一首歌放進去，他會幫你把樂譜給譜出來！當然這類的技術由來已久，也不過就是audio recognize，但是因為剛好昨天同事在找譜，Google image找了老半天也沒那麼容易找到大小適當的樂譜圖，這樣的軟體可能就很好用。人類最原始的傳播工具其實不是語言而是音樂，這樣的工具好像把我們真正拉進了正確的音樂存續。但是這個軟體目前所得到的result還不是那麼精準，你還是需要具備一些音樂上的專業知識才能更正裡面一些錯誤。但是這畢竟是個非常有趣的軟體，畢竟我認為雖然電腦、網路科技這麼發達的今日，所謂的"電腦"無論在"讀取"視覺、視覺甚至觸覺上都還是不如"寫入"上來的普遍及精準。
ps.讀機械的果然看到reverse engineer這樣的字眼都很興奮...

你知道現在可以用BT下載一億個Facebook用戶帳號資料了嗎？ + Google圖片搜尋介面更新

2010-07-29T04:43:00.000+02:00

今天早報時間看到MMDays的一篇聳動的文章 - "你知道現在可以用BT下載一億個Facebook用戶帳號資料了嗎？"
這麼聳動的標題，其實是說Ron Bowes提供了一個2.8G的檔案，裡面蒐集了1億個facebook用戶的資料，當然你沒有設隱私層級的話，基本上你的一大堆資訊因為被"預設開放"，所以都在這份資料裡面啦。
至於做到這個其實不是什麼難事，簡單來說，facebook這個"貼心"網頁 + Graph API = "你知道現在可以用BT下載一億個Facebook用戶帳號資料了嗎？"

"你的實體身份是國家在管理，你的網路身份卻是私人營利公司在管理！"

不過說回來，剛剛為了找facebook的圖，才發現Google圖片搜尋的介面整個更新了，我還真沒注意到，不知道是改了多久了，新版的搜尋結果頁如下圖

感覺比較凌亂，且圖與圖的分界沒那麼明顯，但是滑鼠滑過圖片會放大，這是蠻不錯的改善。點進去後也不一樣了，就像上面那張圖，會壓個alpha blending在原始網頁上，而將該圖放大在中央，且原本在上方的google bar也改到右邊，目前還感受不出這樣的差異，但是把圖突顯出來是不錯啦，因為有時候跳轉到網頁時，比如說blog，會找不到那張圖在哪，而原來放在左上方的縮圖又顯的太小。

不過總體而言，比hotmail改版來的有誠意多了(怎麼可以有人把網頁越改越難用的...微軟的UCD到底是在做啥鬼的，那個有幾封unread messages也太不明顯了吧...)

YouTube的貪食蛇...

2010-07-26T05:07:00.000+02:00

在YouTube上新版的撥放器中(flash，嵌入的不行)按著左鍵(記得要先按一下撥放器，讓鍵盤事件focus在flash的撥放器上)，就會出現貪食蛇啦!
試玩了一下，速度有點快，這樣算是有挑戰性嗎XD

Google: 山不轉，圖轉

2010-07-16T04:57:00.000+02:00

不知道還有多少人記得之前Google在中國因為被過濾搜尋內容，而不爽揚言撤離中國的事件。最後是將Google中國轉址到香港。這周又有個新聞，Google拿到中國的營運牌照，可以繼續營業。我第一次看到這個新聞倒也覺得沒什麼，直覺就是中國政府讓步。後來看到一些blog文章，才漸漸想到Google是不是真的沒骨氣，還是對中國政府低頭?!終於有人理性討論這件事情了，MMDays發表了關於Google"續留"中國的二三點感想。當然，台灣完全沒專業媒體還是上了邢台，不知道不要亂寫嘛(這讓我想到之前謠言滿天飛的公司群組郵件....)，看個外電再發稿是很難喔。請看聯合新聞網2010/7/6 - Google低頭受監管重回大陸
有趣的是Google為了規避中國政府警告他們不要"直接"轉址到香港，換個方法，他就放上一張圖，讓你"自己"轉址到Google香港。這樣的繞路實在很好玩，Google也沒低頭，反而是中國政府讓步了。不過台灣的媒體真的是.....

三字頭 - 鄭華娟

2010-07-10T05:26:00.000+02:00

在老地方聚會聽到分享這首歌，在影片中的很多二字頭小妹妹都哭了，的確歌詞有些年紀的悲傷，但這樣風格的音樂我還蠻喜歡，查一查都只有簡體的網站，不會沒在台灣賣吧?這EP。(這時候就真的很想要網路購買音樂)

三字頭
詞曲鄭華娟

相親那天我開溜
雖然我已二六
和相愛多年的人分手
再遇見真愛還要等多久

他們都為我著急
雖然我已二七
想拋開煩惱好好休息
孤單是沒有說卻公開的秘密

三十有完美人生的姿勢
不管孤單有伴或迷失
都要對自己好別盲目地爭執

三十有舒服人生的堅持
不管孤單有伴或迷失
都要努力為生活寫下屬於自己美麗的樣子

漸漸不想去跑趴
驚覺我已二八
平淡也許就是幸福吧
能和誰分享我的心底話

今天啟程去靈修
生日已過二九
癡心傷心不過是春和秋
就算快要三字頭
沒難過理由

## 三十有完美人生的姿勢
不管孤單有伴或迷失
都要對自己好別盲目地爭執

三十有舒服人生的堅持
不管孤單有伴或迷失
都要努力為生活寫下屬於自己美麗的樣子 ##

附上鄭華娟的blog

Don Norman - 10 rules for successful products

2010-07-07T18:59:00.001+02:00

認知心理學家，同時也是Usability界大師Don Norman針對成功的產品應該具有的十個特徵的演講，@Business of Software 2009。

It's all about the Experience: 從生活中找經驗
Design Systems: 以iPod為例，Apple創造了整個線上購買音樂的ecosystem，而不只是一個Product。也有講到小公司也該提供total solution，而不是單獨的一個產品而已。(另外Norman也提到Kindle的線上書城系統)
Everything is a Service
Everything is a Product: 與上面的Service一起講，以ATM為例，ATM是一台機器，是一個Product，但是當你需要錢的時候，他就變成一個Service讓你能夠提錢去買你要的東西。各個東西都是這樣的，比如說相機本身只是一個Product，但當你想要記住一個瞬間的影像時他就提供了這樣的Service。
Don't be too Logical: 事實上問題都是一堆的症候群，不要太邏輯性的看問題，要去解決問題背後隱藏的意義(這裡聽不太清楚)。
Memory is more important than Actuality: 讓使用者對你的產品有記憶才是最重要的！
Complexity is Good; Complicated is Bad: Norman認為simplicity其實是錯誤的，多元性(complexity)是可被接受的，複雜(complicated)才是不好的。很明顯的例子是樂譜和畫家的工作桌都是很雜亂的，但這樣才創造出美妙的藝術。但滿桌子的遙控器就是很複雜難用的例子。
Design for the Real World: 要走出去實際觀察真實的世界，真實世界是充滿chaos的。
Design for People
It's all about the Experience: 講了兩次，這是最重要的一點。

Norman也稍微提了一下八點設計原理，這與上面的10 rules有很多相似的要點:

Emotions Dominate
Provide a Good Mental Model: 讓使用者知道到底發生了什麼。
The Wait Must Be Appropriate
Set Expectations, Meet or Exceed Them
Keep People Occupied: 讓使用者知道等待的過程中發生什麼。一個有趣的例子是，餐廳的開放式廚房可以讓顧客等待時知道廚師正在做他的東西。同樣的概念在紅綠燈上也看得到，會數秒的小綠人總是比沒數秒的令人容忍於等待。
Be Fair
Start Strong, End Strong
Memory is More Important than Experience

iPhone 4 vs HTC Evo

2010-07-02T20:01:00.001+02:00

好賤的影片XD
I don't care~ I don't care~ (跳針)
聽聲音，這根本就是用Mac內預覽程式讀pdf的那個語音錄的嘛XD

30 years of Apple in 2 minutes

2010-06-30T13:10:00.001+02:00

Mac M.D. Inc.的Gary Katz做了這樣一個影片，他將30年來Mac的產品照片(從1977年的Apple II)作成影片，裡面也有1983年(小弟的生年耶!)的Macintosh Portable。產品中間還做了形狀變化的過場效果，真是用心阿~

OK Go - End Love

2010-06-24T09:41:00.001+02:00

OK! Go的MV總是令人會心一笑，這次是End Love，四種顏色配合上類似slow motion的後製，公園裡的鳥走的軌跡變的很好笑。看到MMDays的文章 - 當Youtube取代MTV，音樂產業是否該重新思考數位行銷，才知道原來OK! Go因為老東家EMI不願意將音樂影片讓別人用內嵌碼連結，所以"發布一篇語重心長的聲明"，而離開EMI自立門戶。
自由的世界才是趨勢阿~

韓國小姑娘的iPhone版Irreplaceable

2010-06-15T03:03:00.000+02:00

applegirl002這個韓國小姑娘用iPhone伴奏的Irreplaceable及Poker Face影片，在被點閱了4百多萬次(4.2 Million)後，南韓的唱片公司已經跟她簽約錄她的歌。她在英國似乎非常大受歡迎，甚至投票數打敗Lady Gaga，認為apple應該把她抓來當下一個廣告明星。
有趣是有趣，也還蠻好聽的，只是我看到這篇文章不知為何就想到wondergirls，當初我第一次看到Nobody的MV時，後來又相繼看到他們在世界各地的演出時，就有種"馬戲團"的感覺，現在南韓又要用她們當心戰喊話的"工具"，真的有點像之前共產國家靠著一個表演團體在全世界宣傳的感覺。不過我相信applegirl002的表演更專業啦，畢竟他自己的Youtube channel中也有其他樂器的表演，她自己本身也還在大學念音樂。所以應該是我自己的胡亂幻想....

下面是Laddy Gaga的Poker Face

TUAW - iPhone-playing girl gets record deal

恐怖的蘋果

2010-06-12T19:02:00.001+02:00

最近Adobe推出了Flash player 10.1的正式版，今天在更新的時候，突然想起最近Adobe跟Apple的風風雨雨。
最近幾年的3C產品發展趨勢，我一直有個很強烈的感受，iPod帶起一串mp3 player的風潮，iPhone將smart phone從商務人仕的手裡帶進一般使用者手中(更不遑論最近看到iPhone多到吐的詭異現象)，iPhone也把電容式touch screen及multi-touch變成行動裝置的必備硬體規格，iPad又把mobile device觸角延伸到7-10"多媒體裝置(之前的數位相框都作假的嗎?!)，App store又讓各家廠商都想建立自己的store撈一筆，甚至連遊戲業者也建立自己的online store(Sony PS3就有自己的store，甚至PSP go只能透過網路下載遊戲)，iTunes store讓線上購買音樂變成似乎不觸法的行為。看到現在，Apple大概除了電視市場外，所有多媒體娛樂及行動電話市場，都主導了市場規格的趨勢。有趣的是，最近Adobe與Apple針對flash的戰爭，Apple在日前發佈了HTML 5的網頁，再加上跟著iPad的推出，Apple在他們官網大肆宣揚美國幾個大媒體網站的HTML5版本網頁，似乎一夜之間，還在定義中的HTML5變成網頁的standard，要不是我之前看到一個網友嚴詞責罵這樣一個不成熟的語言，我也差點忘了w3c根本就還沒定案HTML5的規範！但是這再一次看到，蘋果似乎又在試圖推動一項還沒成熟的規範，要將目前世界上一個傳播能力同等於口說和文字的工具-網頁，照著蘋果的藍圖來走下去！蘋果真的很恐怖，用了一個flash的確存在的效能問題，武器就只有iPhone及iPad兩個產品，就打了一場雖然還沒獲勝，卻完全不見失敗契機的戰。今年的computex看完我有一個很奇怪的感覺，會場上有很多廠商展出一堆為iPad這樣一個在台灣不知何年何月上市的產品，而做的配件。再看iPhone，市面上就有四五家廠商，只是為了iPhone這單一產品(型號只有三個，這還是加上第一代iPhone)，做的保護套。只是一個產品耶！可以推動一個市場，這真的很驚人。這樣看起來，Apple只挾著iPad、iPhone，要脅推動HTML5，似乎也不是什麼太奇怪的舉動了！

What a mess!

2010-05-27T05:50:00.003+02:00

在Kaiak看到一篇文章，視覺系掌上應用程式 – iPad Apps，講到了4個在iPad上的閱讀軟體，分別是：

Pulse

Wired

Popular Science +

Mag+ live with Popular Science+ from Bonnier on Vimeo.

Letter to Jane

看完這4個軟體的demo，讓我想到之前Jakob Nielsen評論目前iPad app的文章，4個都是目前iPad app store很受歡迎的軟體，4個的內容都是類似雜誌，但是三個軟體的互動方式卻幾乎是完全不同!Wired跟他之前提出的電子雜誌概念一樣，比較貼近實體雜誌的瀏覽方式，裡面加了一些互動元素，比如點一下段落標題(但其實看不出那是可按的文字)右邊內容會切換，抓住一顆小球可以360'觀看賓士車(但其實也看不出那是可"抓"的球)。到了由史丹佛畢業生做的Pulse，又變成類似thumbnail式的瀏覽，但在portrait點選一個主題會是開啟新頁，在landscape時卻是在該主題的右邊顯示，但這個軟體的互動模式還算簡單。popular science +的設計方式又變成整片大型桌布式的瀏覽，上下左右移動可以看同一主題內的其他內容，又加入了多指操作的功能，但是至少在影片上看不到任何的操作提示，可能兩指的滑動是更換整個主題?但這樣的行為在其他類似的app上又沒有(至少前兩個app就沒有)。到了Letter to Jane，又多出了下方的tab bar!互動方面只剩下左右滑動頁面。這4個類似功能的app，卻有不同的操作行為，但不可諱言的，這樣的設計非常的漂亮(說實在我也相當喜歡)，也許一個程度相當有趣，而在"市場"上的反應也是不錯，或許在此類產品上，這樣亂七八糟的行為，使用者的接受度還蠻高(也許大家對於不同app彼此之間的獨立性還蠻能夠接受)，但長期下來，這可能也有潛在的使用性危險。

Google TV.........so bad!?

2010-05-24T17:28:00.002+02:00

終於看到有人發聲了!MMDays發表了對Google TV的看法，認為Google TV的介面用Keyboard+mouse當輸入設備，使忽視TV操作介面的做法，電視上的操作習慣應該是單手操作的後仰(lean-back)行為模式，而不是Keyboard+mouse的在銀幕前近距離的操作。而且目前的軟體還不到位，基本上只能看看網頁，但絕大多數網頁又都還沒爲了TV上的操作性作設計(10英吋介面設計 10-foot user interface)，而且也還沒有"電視購物"的概念出來，這些問題總括下來，Google TV又是要賣給誰呢？

不過小弟認為Google提出的電視軟體設計的API會遠比他目前推出的Google TV"機器"來的有象徵性，若developer們賞Google的臉開發電視上的應用，有像App store這麼多的量，Google TV或者真能創造不同的使用行為。不過、BUT、Aber！如果沒人買這些"開發機"，也就是說Google TV沒辦法有一個程度的銷售量，在沒有好的"電視模擬器"之前，我很懷疑能不能拉起這個開發量，何況互動電視市場是屬於比較家庭式，而非技術導向，Google還是比較技術導向的brand(不好意思說geek)，我也懷疑能否拉起市場。不過Google也有提到會跟像是Sony等電視廠商合作，這樣的模式其實跟Yahoo connected TV很雷同，但Yahoo connected TV都已經投入了那麼久，現在Google搶的過Yahoo嗎？再者，Google TV的介面是search bar，這非常顛覆傳統電視的操作，因為小弟之前有認真思考過這個方法，這樣的介面會有幾個問題，一則是打字，remote control(要把keyboard帶進客廳是一件太過Geek的行為)上打字根本是惡夢，用手機嘛，有朋友問過我一個問題，"如果你是互動電視廠商，你敢不附遙控器只附Android、iPhone遙控軟體就去賣嗎？"這太有道理了！我還真的不敢！另外是功能的提示，或者說怎麼確保找到的是正確的結果，除非很熟關鍵字的應用，Google常常還是會搜尋到一堆不是你要找的東西，就講慕尼黑這電影吧，用google搜尋Munich，在頁面的下方才看到我要的電影，也許我會知道加個"movie"去過濾我的結果，但以home entertainment這類產品，要動腦這件事就已經是錯誤的使用性設計了！我當初的想法是這樣的search bar可以"隱藏"很多很多過濾的功能，但怎麼讓使用者可以在"幾乎"不花大腦的情況下會"找到"這些功能，會是很大的UI挑戰。

從iPhone悟出的七個使用者經驗課程

2010-05-23T19:31:00.003+02:00

7 User Experience Lessons from the iPhone (Introducing UX)

View more presentations from Stephen Anderson.

看起來比較像是sabreux的徵才宣傳，可是裡面寫的user experience觀念非常直接易懂。iPhone的功能上並沒有最新，甚至在很多功能上是落後的，可是為甚麼能熱賣呢，其實就是因為user experience。在設計user experience絕對不是追求功能，而是要把既有的這些"被做壞掉"的功能重新為了使用者而去設計。

We make things work for people

iPhone的設計過程中，注意的不是要什麼功能，而是怎麼"用"這些功能，去解決一些現在有的使用問題，讓介面跟人"溝通"，而結果就是，Nokia有個難過的去年，而當PALM和RIMM股市慘兮兮時，APPL還一路攀升。不過，最重要的還是公司有沒有這樣的文化，在跟客戶談生意時，能不能把對象從"銷售"、"功能"轉成"使用"呢？至少台灣可能還有一段路要走。

Google TV

2010-05-21T06:06:00.002+02:00

邪惡的Google(咦...不是微軟XD)，他的網路帝國版圖又擴張到TV上 - Google TV。有幾點主要的特點：

在電視上用Chrome看網站
用Search"切換頻道"
將會開放Google TV SDK和Web APIs for TV
從Google建議的TV Web design guide - "Designing websites for Google TV"上來看，flash應該沒問題

既然是利用Search尋找，那比較大的問題在於電視上的輸入操作，目前主流的電視還是以超難用的遙控器控制，但隨著smart phone用戶的快速增加，做個app在smart phone上當做控制器並不是什麼難事(這其實根本就是商人要不要做的問題而已)。另外一個問題點是目前的網站並不適合電視上的操作及瀏覽，Google提供了SDK和API，更需要的應該是UI Design Guide，如果早點有"從Twitter談Android UI patterns"這種文章，指導開發者如何開發電視上的網頁或app，因為desktop/mobile app的開發跟電視上的app設計概念還是很大的落差，像是遙控器操作、文字輸入、介面元件這些都會造成很多使用上的問題。不過邪惡的Google，看來又朝著統治全世界更邁進了一步。

從Twitter談Android UI patterns

2010-05-18T12:39:00.003+02:00

每次看到這種主題就以為是什麼大不了的東西，其實還是沒什麼，Android Developers Blog上發了這樣一篇文章Twitter for Android: A closer look at Android’s evolving UI patterns，以Twitter app為例，建議Android app的開發者遵循幾點UI pattern的設計，開發自己的app。對照小弟之前轉譯的Jakob Nielsen評論目前iPad app的文章，竟然有些異曲同工之妙。所以雖然該篇文章已經存在已久，我還是來分享一下。

總共有7個patterns。
Pattern 1: 在登入時與手機通訊錄同步

建議在app的第一次登入時詢問要不要與通訊錄裡的資料同步，藉由這樣的功能，你之後可以在通訊錄裡直接用QuickContact的介面選擇跟某個人的聯絡方式，或觀看他的social network更新。若app不需要登入，建議在第一次開啟app時，開啟如同上圖的"精靈模式"，讓使用者知道有這樣的功能。

Pattern 2: 利用QuickContact整合手機通訊錄及Twitter內的朋友

若使用者同意同步app的朋友與電話的通訊錄，在app裡可以藉由QuickContact直接以其他方式(如簡訊、電話、facebook等)聯絡你的朋友。

Pattern 3: Dashboard

其實就是app首頁的概念，顯示該app重要的功能(或分類)，建議加上Action bar。這樣的頁面可以提供一些使用者快速的進入他想去的頁面，對其他使用者也是很有用的開始頁面。在不干擾到使用者的前提下，可以設計顯示一些即時的動態資訊，比如上圖下方的bubbles訊息。

Pattern 4: Action bar

將app裡各頁面通用的功能放在Action bar中，建議放在畫面上方，功能不要超過3個，將其他功能放在menu裡，這樣可以展現Android的多功能性(不過小弟的經驗是，這樣的操作會讓使用者的動作忙於觸碰與硬體按鍵、銀幕上方與下方的切換，有使用上的疑慮)。bar上左方的區域可以規劃為一按返回Dashboard(app首頁)的功能。有趣的是不知道大家有沒有一種感覺，以上圖的左方twitter字樣，其實並沒那麼直覺是回到app的首頁，能不能按是一回事，按了到哪又是一個問題，是連結到網頁呢？還是寄mail聯絡twitter工作人員呢？這點也是有點使用上疑慮的。

Pattern 5: Search bar

我一直覺得手機上有個搜尋鍵是個很好用的設計，尤其用在android上，通常按下搜尋(或在menu裡選擇搜尋功能)，一條Search bar會取代Title bar的位置，馬上就可進行搜尋。就如同之前看的Nokia search pattern類似，android建議蒐搜尋功能有關鍵字建議清單，並保留上次搜尋的歷史，以做更改重新搜尋。可以看到Android的下拉選單在這邊可以當做更改搜尋群組的分類清單。

Pattern 6: QuickActions

這是一個新的Android UI元件，這個元件可取代原來長按列表項目跳出的幾乎壓住整個畫面的列表。長按下項目顯示可以對該項目操作的功能，記得不要蓋住選擇的項目，然後"關掉"其他列表項目的按鈕元件，以讓使用者專注於當下項目。

Pattern 7: Companion Widget

android上的app都可以帶有自己的widget，記得在widget擺上可識別的brand icon，比如說twitter就擺上twitter，以免使用者不知道這個widget是幹啥用的。建議可以放個一兩個操作的功能在widget上，不要只是單純的進入該app的"按鈕"，肚子裡顯示的資料最好與app裡同步，不要外面跟裡面好像是兩個不同的東西。

小弟剛接觸android的case時，一直有種android是個沒有UI Guideline的系統，現在看起來，隨著系統版本越來越穩定，Google也在漸漸補齊UI方面的資料，像是Action bar這樣的新UI元件就是個很好的設計(原本那種蓋滿畫面的彈出列表實在不是什麼好用的東西)。而就像是Dashboard，在Jakob Nielsen評論iPad的文章裡也有講到，使用者相當希望看到這樣首頁的概念，但目前的iPad app上都看不太到這樣的設計。當然iPad與手機為主的Android軟體設計是有很大的差別的(雖然大家對iPad第一個反應都是giant iPhone...)。但在這兩造的文章下看到的相通處，也是令人感到有趣。

世界新聞攝影展 und 士林舊紙廠

2010-05-16T17:49:00.001+02:00

今天去了知然堂辦的P Party，吃的還可以，主要是social一下。場地就在世界新聞攝影展World Press Photo 10的展場 - 士林舊紙場。本來想說這麼個有意義的展怎麼都沒什麼人知道的感覺，跟"半"工作人員聊了之後才知道，於來因為士林舊紙場的地主在之後想要"賣個好價錢"，用作商業用途，請主辦這次展覽的單位"低調"點。聽了整個很bull shit，說難聽的，台北哪來這麼多"商機"，想到之前在高雄駁二碼頭倉庫改成的駁二藝文特區，已經被摧殘殆盡的台北還要犧牲多少"歷史"。
聽說這次展覽過後就要拆了，雖然小弟的blog應該沒什麼觀眾，還是請大家都來觀賞這個有意義的展覽以及這棟"破的有趣"又即將消失的建築！

展場：台北市士林區福德路31號士林紙業加工間
展期：2010/5/8～5/30
開放時間：周日至周四10am~6pm/周五、周六10am~8:30pm

wikipedia也搭上改裝的風潮...

2010-05-14T05:51:00.003+02:00

最近大站是怎樣，吹起了換介面的風潮。
這次輪到wikipedia了。看來比較大的改變是左方的語言、互動等功能改成抽屜式的選單。這樣的設計從YouTube看下來，好像是個網頁設計的趨勢了。
另外不知道是我沒注意到還是真的多了，以前是不是沒有Print/Export阿？現在多出了這功能，可以做成書、輸出pdf及預覽列印排版。不過至少這樣的設計可以讓使用者明確的知道wikipedia上有哪些可用的功能，還不錯的改良。

Jakob Nielsen - iPad Usability

2010-05-13T17:32:00.000+02:00

終於看到Jakob Nielsen對於iPad usability的報告。

Jakob請7位超過3個月iPhone使用經驗的受測者(其中只有一位用過iPad一週)，測試34個目前iPad上的app及網站。
基本上這篇文章對於目前iPad上的app是貶大於褒，Jakob也有說明這還是初步的評估，但因為iPad的平台特殊，又吸引眾多的開發者開發app，所以還是提出來讓開發者參考，以免做出一堆不好用的程式。綜觀整篇文章，其實問題就出在目前iPad上app大多為整頁圖像的卡片式的設計，而且在互動元件上又沒有做好提醒使用者這裡可以作用的提示(比如按鈕按下的亮起或立體的陰影)，再加上各個app間有自行設計的互動方式，會讓使用者難以知道哪裡可以做什麼，或者因為互動方式不一致觸發意外的功能，甚至難以學習怎麼使用該app。如果這些app的設計者可以不要太過堅持整頁式的設計，改善互動元件的可操作提示(也就是改善互動元件的perceived affordance)，使用統一的互動方式(如手勢操作)，再加上Back、Search及app首頁等標準的瀏覽方式，iPad上的使用性就會改善很多，

下面則是好長篇的廢話...

"It looks like a giant iPhone," is the first thing users say when asked to test an iPad. (Their second comment? "Wow, it's heavy.")

雖然受測者的第一印象是"放大版iPhone"，但照互動設計的觀點，iPad的人機介面不該只是放大版的iPhone介面。以主畫面下方固定放置app的tab bar(Dock?)，在iPhone上，雖然使用者的目光應該比較集中在銀幕的中央位置，但這些位在下方的固定app圖示(muted icon)也許還是會讓使用者注意到。但iPad的尺寸比iPhone大上太多(兩個iPhone再大點)，這表示使用者的焦點離這條tab bar太遠而會被忽略，甚至忘記他的存在。

iPad上極大的差異是終於可以合理的觀看正規的網頁了，因為尺寸大，在iPad上看正規版的網頁(而非mobile版)是一件很爽的事。但仍然有目前觸碰裝置常見的"fat finger"問題，這導致使用者難以點擊小的網頁目標(link, button)。在iPad上有read-tap asymmetry的情況，通常在看網頁時，雖然字夠大，很方便閱讀，但是點擊的區域卻太小。Jakob建議網站的設計把觸碰的區域放大以吸引iPad的使用者。

在十幾年前，使用者對網頁的第一印象最頻繁出現的是"忙碌"(busy)，而現在使用者對於iPad的第一印象則是"美觀"(beautify)，這對於使用者經驗設計來說是件好事，尤其這個產品的定位是更偏向休閒用途而不是商業用途。但是這樣的差異也許也會讓使用者在切換網頁使用經驗及iPad使用經驗時造成困惑。

首先，Jakob發現iPad app的古怪介面。在1993年，Mosaic發表了第一個影像地圖(image map)的網站方式，讓所有"圖片"的所有"部份"都可以是介面，圖像設計師(graphic designer)開始瘋狂的將所有繪出的"東西"，不管適不適合，都當成介面使用。而這種現象就在iPad app上可以看得到。更糟的是這些介面元素都沒有提供任何觸碰的反應給使用者，比如按下什麼東西會亮起或壓下去，這些反應對於使用者的操作狀態是很重要的提示(也就是對跟現實世界的關連性，perceived affordance)。事實上，1993年這種image map的網頁方式已經被商用網站摒棄已久。在iPad上這種平面化的設計方式看起來很美，沒有視覺上的分心或制式化的按鈕，但這樣的設計卻造成從1990年代中期之後許久未見的使用性問題 - 使用者不知道哪裡可以按。15年來Web usability主要的問題都在使用者不知道要去哪或要選擇什麼功能，而不在於使用者不知道功能存不存在，但iPad的app介面讓我們回到那個議題上了。

再來，iPad app間有不一致的互動行為。舉例來說，在不同app裡，碰觸一張照片會有五種結果:
沒事
放大
連結到其他頁面
照片翻面
跳出選項的列表

而若要繼續觀看更多的內容，可能有三種方式，下滑(scrolling down)、向左滑(swiping left)或向上滑(swiping up)。

因為不一致的互動行為加上平面式的設計方式，使得iPad的介面會讓使用者感到下列困惑:
難以發覺(low discoverability):介面元件大多藏在畫面裡，而且沒有動作的反應(比如說按下按鈕的壓下去的視覺感受)。
難以記憶(low memorability):app之間沒有統一的手勢操作，這樣會讓使用者難以學習並記憶互動的方式。
意外的動作(Accidental activation):當使用者誤按到東西或做了什麼手勢而意外的觸發了某個功能。
其實這些問題都指向使用者不知道發生了什麼事，或如何複製當下行為以達到同樣結果。更糟的是，iPad上沒有一致的undo方法(如網站的Back按鈕)。

iPad上多媒體新聞的app等有很強烈的印刷物印象(Print metaphor)，比如New York Times的app設計得很像報紙，這樣的印象甚至強烈到讓使用者不想按畫面上的標題看更多的內容。Jakob認為這是因為這些app的設計比較傾向於作者權力(author authority)而不是讀者導向(user empowerment)。這其實跟上面說得都是類似的問題，目前iPad上的app傾向於整頁影像式的設計，這樣的設計，又沒有固定的互動區域，可能會讓使用者不知哪裡可以做什麼動作。

Jakob建議iPad的app設計可以考慮下列幾點，讓iPad上的app更好用
增加次元，最好定義好獨立的互動區域，讓使用者知道哪裡可以做什麼事。
不要堅持設計整頁式的app，雖然醜了點，但一些GUI上的圖示等設計精美也是可以兼顧美感與互動性的。
不要強加太多似乎有趣但奇怪的操作，以一致性的操作設計app的行為，讓使用者注意你的內容而不是花時間在學習怎麼操作。
利用標準的瀏覽方式，如back、search、可按的標題，甚至app的首頁。

回歸看平常的上網習慣，我們可以在一週輕鬆的看一百多個網站，大部分的網站看1-3頁，但這些網站通常都只有去看過一次，因為這些網站通常是從搜尋而來或藉由社交網路或其他網頁的連結分享出來的。那麼，其實歸納下來的問題就在於，使用者是否會喜歡在iPad上使用整頁式設計的app，還是一般電腦上或行動裝置上的網頁設計方式？或者說，使用者是否喜歡專注在少少的內容，抑或像是在瀏覽網頁般快速的在多個聰聰一瞥的項目間做瀏覽？也許整頁式的設計會有更加美觀，但也許也會造成使用者在操作上的困難，甚至更多未知的問題。

CityOne - IBM

2010-05-05T09:38:00.001+02:00

IBM對我來說一直是個不知道在做什麼的公司，也許當ThinkPad被Leopard買去後，他跟我就真的沒什麼關聯性了吧(除了Eclipse)。但我倒一直在玩SimCity，話說我的SimCity 4的城市從大學蓋到現在呢(有六年了吧)。明天IBM將推出CityOne，好像是個要讓大家了解城市建設在各行業、能源、資源的關聯性，跟SimCity似乎有點相近，希望是個不錯玩的遊戲，但看上面的"預告片"，好像教育意味更為濃厚的感覺...
IBM - CityOne

Love in 26 ways

2010-05-03T05:10:00.001+02:00

今天在derivationofsimplicity看到這篇(自己也忘了什麼時候follow這個blog...)，雖然小弟也獨身太久，但這世界上太多狗屁倒灶，愛情這種美好事應該要多多記著。

Every smile, every hug and every kiss.
Every little thing you do for us.
Everytime we bicker, get into quarrels and make up when the night ends.
Everytime you forgive every mistake I make.
Everytime I give in to your little cravings for McD's.
Those goodbye kisses I hate giving.
Those tears shed out of missing you.
The little talks I have with our "little boy" about how much I miss you.
In every way, everyday.
I miss you.
Happy 26 months.

這段話不禁讓我想到侯文詠在靈魂擁抱裡的文字 - "愛從一個感動開始，經由一個微笑渲染開來，最後在一個擁抱裡完成。"

我的房間

2010-04-30T18:09:00.000+02:00

我的房間有一個窗，看著窗外的海洋，我爲自己定調一段美好。還有一張床，床上的被褥永遠是亂的，棉被蓋著貓，或者貓蓋著棉被。有一張書桌，桌上什麼都沒有，只有放著一枝筆的筆筒，還有一瓶一公升的玻璃水瓶，我強迫自己每天要喝水。書桌當然有椅子，一個座位很深很寬的大辦公椅，我的腳不想觸碰到冰冷的瓷磚地面。天花板晃著一盞光線，那是省電燈炮，我永遠不知道有多省電，電費帳單永遠寫的是靜態的數字。還有一個衣櫥，一個釉綠色小衣櫥，我低調的色彩都藏在裡面。我有一堆書，他們永遠堆在我不知道的地方，要看東方特快車，找到的總是百年孤寂。從門口看進來，我的房間雜亂無章，卻完美地，從哪一個角度看都是一樣的雜亂無章，只有我殘缺的記憶可以組織那一堆雜亂無章，管他，那是"我"的房間。

妳的房間有一個窗，窗外有的是灰色的泥牆，就跟千千萬萬戶城市房間的窗一樣。有一張床，床上舖的是粉紅色的床單，粉紅色的厚被，粉紅色的枕套，一切的同色調上是整齊的床單方塊，枕頭方塊，粉白色的貓睡在上方。有一張電腦桌，大大的粉色調，看不出來其實是木頭的實底，上面簡單的放著小巧的小白，只有這個，什麼都不想多放。當然有椅子，那是簡單的粉紅色調電腦椅，靠背不高，妳要防止自己仰頭睡著。有一整面粉白衣櫃，買衣服是妳的最大能力，這是妳參與這個社會最明顯的證明。天花板貼著的是有兩隻小天使的垂燈，看著他們透出的粉紅妳就像想起兒時一樣的快樂。妳有一小排粉白的書櫃，架到天花板的那幾櫃永遠沒有東西在上面，靠近地板的卻也沒幾本，妳看到書一下就睡著。門邊上的珠簾拉開，妳的房間是個粉色的世界，就像個長不大的女孩，似乎還能在邊邊角角看到芭比娃娃的手腳。

他的房間有面明亮的玻璃，外面看去是美妙的綠色山景，這裡是在現代極盡奢侈的自然環境。沒有床，只有一片木質地板，上面一塊白色的軟性床墊，似乎在地板上挖了一片牆。牆是白色，極盡單調的白，窗外射進來的陽光，把四面白區分成陰暗與過曝。有個和式桌，配著的是和式椅，卻都披上白色的外皮，木質地板不斷的被挖開，一個洞一個洞。桌上一盞燈，小小可愛的桌燈，是夜晚的唯一照明，通常照著孤獨的影子，四周都是黑暗，這種被黑暗包圍的感受，是他心底灰色怪獸的培養皿，跟著夜晚的拉長，在冬天灰色怪獸特別強壯。好像不需要門，就只有一片白布遮掩著，拉開這塊布，看到的是一片的白，好像進到日劇裡日本的監獄，就差那個在木質地板中間挖開的金屬馬桶。極簡的風格，卻映著極為複雜的悲傷情緒。

1889年流感不需要飛機就環遊世界

2010-04-27T06:06:00.002+02:00

1889年源自俄國的流感(flu pandemic)在那個鐵達尼號還在沉沒的年代只花了四個月就環遊了地球(其實只有歐洲及北美，但wired標題殺人法)，這讓我想到上週聽朋友講說以後最恐怖的絕對不是癌症，而會是流感。還真恐怖，看來病毒的傳播技術比人類的"傳播"技術(傳送與播種XD)強上太多。

Synaptics Gesture Suite

2010-04-21T09:35:00.003+02:00

Synaptics推出在linux OS下的手勢包，提供使用者在觸碰板(touchpad，通常在筆電上)上可以使用多點觸碰手勢操作系統。雖然說在Chrome OS、Fedora、Linpus、Ubuntu、RedFlag、SuSE、Xandros等常見的linux distro上都可以使用，但文章中沒有提到是否可供開放下載。不過Synaptics還真不怕Apple的專利，還是說這其實根本不是Apple的專利，反正普羅大眾的NB使用者終於可以使用到"好用"的手勢囉。下面介紹一下裡面的gesture，點圖可看示範影片(雖然這是linux的版本，影片卻大多是windows阿XD):
雙指滑動:

這個說老實話早就該有了，一般的PC筆電都只能在觸碰板的"右邊"使用"滑動"的功能，雖然我知道這個設計對於UI元件裡的滑動條(scroll bar)有很好的形象契合，但事實上這樣的使用上還是不得不說是失敗的設計。無論如何，Synaptics Gesture Suite Linux(SGS-L)終於提供了在觸碰板"任何地方"兩指上下左右滑動的手勢(這也是小弟當初買iBook的原因之一呢)。

兩指縮放:

這個也是很直覺的操作，SGS-L提供兩指縮放地圖、網頁、文件、照片的手勢。

兩指扭轉(Two-Finger TwistRotate):

這個其實跟下面的兩指軸轉(Two-Finger PivotRotate)一樣。利用兩指的順時針或逆時針圓弧狀滑動旋轉照片或文件(Adobe PDF)，不過是以90度為旋轉單位(請看PivotRotate的影片)。

兩指軸轉(Two-Finger PivotRotate):

造成的動作跟上面兩指扭轉一樣。利用一指定住，一指畫圓弧來旋轉照片或文件(Adobe PDF)，也是以90度為旋轉單位。

三指輕撫(Three-Finger Flick):

三指在觸碰板上、下、左、右的輕撫，手勢的結束在三指都離開觸碰板的時候。這樣的操作可以用在一些加強的瀏覽文件或照片的功能，像是用在文件、投影片的快速翻頁等。

三指按壓(Three-Finger Press):

三指按壓一段時間後可以快速開啟最多六個使用者定義的應用程式。

Momentum:

這是註冊的商標名稱，我就不翻了。快速的滑動觸碰一下觸碰板，有點，輕撫水面的感覺(XD)，然後物體可能就會被加速度的"丟"往滑動的方向，比如滑鼠就會直接被"丟"到銀幕的邊緣。這通常在遊戲裡比較有用。

ChiralScroll:

這也是註冊的商標名稱，我也不翻了。看操作影片還蠻有趣的。先按住"目標區域"，比如右方是上下捲動，下方左右捲動，然後像捲蝸牛般旋轉，可以連續的捲動頁面。用講的也許看不出他與雙指滑動的差別，但影片就會看出當文件很長或很多頁，這就是個很有巧思的設計，因為觸碰板就這麼小，用蝸牛式的捲動可以有效的擴展了操作的空間，而不用滑個老半天。

線性捲動(linear scrolling):

這個我實在不想講。就是之前都有的在右方上下滑動可以當作捲動條(scroll bar)的捲動。但這對我來說這是個常常失效的功能，到底要多邊邊才有作用，常常卻也要再去用滑鼠按一下捲動條才會有作用。不過他是有說這樣的操作你可以不用把游標離開工作區域就可以做捲動。

Earth Hour 2010

2010-04-16T07:06:00.007+02:00

今年的Earth Hour全球有多個城市都有參與，在3/27 8:30~9:30PM大家關燈一個小時來愛地球。The Big Picture拍了一系列各城市，包含香港、紫禁城、阿布達比、紐約等等等等等的關燈前和關燈後的照片。上面那張是雅典的，建議大家直接上去The Big Picture看，在裡邊他用了很有趣的互動方式，你按下(click)該張關燈前的照片，會淡入淡出關燈後的照片，這樣的行為對此類的照片有當契合，之前也有在柏林圍牆倒塌當時及十年後這個專輯裡用過，相當有趣！當然，照片也相當有看頭．The Big Picture從來沒讓我們失望過。

CIA的心智控制計畫, 1953

2010-04-14T10:21:00.003+02:00

原文 - Wired - April 13, 1953: CIA OKs MK-ULTRA Mind-Control Tests
1953年的4/13，CIA的頭頭Allen Dulles同意了MK-ULTRA計畫，這個計畫在試驗多種藥劑對於心智控制(mind-control)的能力，這些藥劑有被偷偷放在餐廳或酒吧，所以許多美國加拿大居民被當作不知情的白老鼠，只為了Dulles想要縮小"洗腦"難度的目標。雖然這個計畫最後以藥效不可靠為結論，但上圖的這位仁兄Frank Olson，一個平民研究員，卻因為這個計畫而已。他在不知情的情況下喝下有實驗藥劑的水，在被告之後卻反應太過激動，後來在紐約墜樓身亡，雖然最後法院判賠Olson遺孀75萬美金，但CIA仍堅持那是自殺。而後在1990年代Olson的兒子把他的屍體送交化驗，發現死因應該是在頭部的外力創傷。還真像電影情節，這樣說起來美國還是個恐怖的地方，中國還不算什麼嘛(雖然文中也有提到在越戰中美軍的"敵人"有對美國的戰俘施行過心智控制的技術...)。

PaPer的意義

2010-04-09T18:58:00.002+02:00

看到這個標題，可能有人會覺得我又要開始多愁善感了，其實不是啦，我是真的想解釋一下PaPer這個名字。
認識我的人應該都知道(因為我會亂發名片XD)，我的英文名字真的就叫Paper，名片也是這樣印，平常social也都是用這樣的名字，facebook是一個例外，因為打Paper Lee不讓我註冊，還提醒我一定要用真名，只好改用Roy。而護照我是怕出國被海關攔下來太久，就仍沿用音譯。可是很多人聽到這名字，通常就兩個問題，Peper or Paper? why call PaPer? 通常第一個問題我就信手拈來一張紙，甩個兩下。第二個問題就比較棘手了，也是這篇文章要講的主題。

最早PaPer的由來也很無趣，大學還是bbs當紅的年代，當時的帳號就sandpaper，同學就取了paper這樣的暱稱給我，也不錯，我就一直用下來。但大學時期我也有個比較正經的英文名字，Roy。但是這就有趣了，基於小弟發音實在不標準，每次講Roy聽起來都是"肉以"，漸漸的我也不太敢講這個名字。而且這名字還惹出個笑話，大學時期我登錄在Yahoo的中文名字就取了個假名，採用Roy的擴展音譯，也就叫"洛歐宜"，後來也忘了，有次奇摩拍賣買東西，東西寄來就寫著洛歐宜，好死不死又沒收到，必須去郵局補領，跟郵局人員盧了一整個早上，才答應我去刻個印章就讓我領，我還記得很清楚那郵局員工說"事業做那麼大喔，還用假名"XD，總而言之，言而總之，小弟的私房收藏裡還留有那洛歐宜的印章XD。無論如何，大學時期應該是無人知曉我的本名，叫PaPer的倒是不少。後來習慣了，一直到研究所出社會第一份工作，也很少用英文相稱，PaPer倒也只限於朋友間的稱謂。直到當時找到目前這份工作時，畢竟是軟體公司又有濃濃的設計味，雖然是以Roy的名稱應徵，但老闆覺得PaPer這名字倒也不錯，也就延續著用，Roy只陪我到新公司的第一個早晨。

上面講的都是客觀因素，但一件事的定型除了客觀因素外，主觀因素的放縱也是很重要地(說得煞有其事的感覺XD)。我倒是有想過，其實國外很多的名字，甚至是家族名字，也常常是砍砍樹的、理理髮的、甚至走走路的，又何嘗不可用"紙"來包裝自己呢？！所以，PaPer就這樣陪伴了我到目前的歲月...

其實有這樣的名字也好，要包裝自己的東西時，這樣的題材就還蠻容易發揮，不過我到目前也是沒什麼包裝過自己的東西就是...(那還大放厥詞...吼XD)

iPad的介面元件 / The UI elements of iPad

2010-04-09T10:04:00.133+02:00

其實看到iPad上的跳出小視窗，就一直很想寫寫iPad上面不同於iPhone的UI元件(UI element)，今天就來談談這個東西吧。上一篇文章文末已經稍微提到了這個東西，iPad令我讚賞的是他有對於這樣的產品在UI上重新定義，而不只是原生把iPhone OS直接拿來用。下面就針對在iPad上新增的UI元件一一介紹一下，下面的內容都是出自Apple的iPad human interface guidelines：

Split view

不像iPhone上只有一個頁面，在iPad上可以同時顯示一個以上的"頁面"(view)，以7-10"的裝置來說，銀幕大小足夠顯示一個以上的頁面，事實上，倘若用iPad看mobile版本的網頁，列表變成長長的一條，相當醜。如此的UI元件可以"平面化"資訊的層級(information hierarchy)，進而減少層級的操作，這對使用上是很好的操作模式。
Popover

這也是我覺得在此類裝置上相當好用的UI元件。這樣的元件可以顯示在主畫面上的特定項目的附加資訊、控制或選項，而且不需要完全佔據主介面的範圍，如words with friends HD這款遊戲裡就把這個元件作為即時通訊(聊天室)的使用，而且又只是佔據又上方一角的空間，仍可以看到對方對遊戲(主畫面)的操作，是個在iPad上相當有用的元件，藉此元件還可以創造出更多的互動玩法。
Results list button

這裡講的主要是那個搜尋條(search bar)，礙於銀幕大小，iPhone的搜尋條只能以特定方式(在所有app頁的最左側頁，或隱藏在列表的第一項)。但在iPad上因為上方標題列的拉長，可以藉由常駐在畫面上的搜尋條進行搜尋，結果列表以上面講到的"popover"元件呈現。
Modal views

這個元件有四種形式：
1. Full screen: 取代掉全部的畫面，這就跟iPhone/iPod touch裡選擇Genius功能之後從下方滑出的那個選單頁面一樣。這個形式的好處可以讓使用者在這樣的模式下完成複雜的操作。
2. Page sheet: 就是上圖，固定寬度為768 points，高度是目前銀幕的高度，直立時(portrait)這頁面會佔掉整個銀幕，橫躺時(landscape)左右兩邊會隱約露出先前的操作介面。
3. Form sheet: 固定540x620 points的大小，浮在先前操作介面上，叫出鍵盤時會頂到上方的狀態列(status bar)，這個形式適合用在取得使用者的結構性資訊(structured information)，就是比如使用者登錄的帳號密碼等。
4. Current context: 就是取代當前操作的介面區域，比如說在split view裡右邊內容作層級操作，就會取代掉右邊的內容，這適合用在層級的操作，比如說檔案結構的層級管理。
可放在不同地方的Toolbars

上圖是在Maps裡的工具條(toolbar)。在iPad上可以把這個工具條放在app上方或下方，雖然我想不太到這有什麼意義。因為顯示的區域變長了，可以放像是圖上左方的segmental control(頁籤?)，若要放上圖像按鈕，至少每個按鈕必須有44x44 pixels的觸碰空間(記得nokia是0.7x0.7 cm)。
擴充文字編輯選單(edit menu)

在有文字的字方按下叫出的文字編輯選單(edit menu)裡，除了標準的剪下、複製、貼上、選取和選取全部外，可以自行擴充或取代暨有的功能。
客製化的鍵盤顯示

就是可以客製化鍵盤。
鍵盤可附加特定的輸入按鍵

鍵盤上可以放置app指定的字串、符號等，比如在打email位址時會有@的按鍵在鍵盤上，打http網址時會有.com的按鍵。
客製化的文字編輯區域(Custom text views can support text in multiple styles and offer advanced editing features)

可以在文字輸入框內加上拼音檢查(spell check)和自動完成(autocomplete)的功能。

iPad

2010-04-08T09:55:00.005+02:00

經過三點起床去桃園落後機場接iPad這樣的激情，現在也是漸漸平息。第一次拿到老地方冰果室暨敗家網帶回的首批iPad時，基本上立即就感受到這台機器濃厚的使用者中心設計(user-centric design)的意味，當然，在未出貨前，他軟體上的缺點大家都知道了，一貫封閉系統、沒有多工、iphone-like os、不支援Flash，但實際拿到手上了，硬體上的感覺相當不錯，重量剛好，厚度很薄，四周留邊的黑框剛好容納拿著機器的大拇指，iPad的介面是可以360度轉的，而且感覺在iPad上的旋轉更加敏感，這點其實在Nokia N97上已經被我嫌過了，可是可能像iPad這樣大的產品(9.7")比較不會有不小心轉到的時候，所以用起來是沒有N97上跳來跳去的感覺。其實小弟的工作也遇到過這樣的抉擇，看Apple的iPhone/iPod touch其實在主頁面上是不會旋轉的，但iPad卻是"特地"加入這樣的功能，一定是有考量過很多使用經驗的原因才有這樣不同的設計的。事實上有許多人很愛拿蘋果的產品作負面的評價，也對，蘋果的銷售策略真的是很商業考量，flash是很明顯一個例子，當然我也認為flash在執行上有效能上的問題，在下工作上也必須用flash，但Adobe跟Apple的商業角力我認為也是一個閹割掉的原因。但是蘋果在"設計"這一塊是真的走在很前面的，在設計產品的時候，當以Apple當一個benchmark時，很容易就發現那個按鈕，真的就只能在那個地方，硬要躲掉蘋果的設計，常常又變成次等的使用性。話題扯太遠，其實很多人覺得iPad還是太重(0.68kg)，至少如果手一直拿著看書，一定拿不了多久。iPad的mobile性是被人詬病的一個很大的點，至少在出貨的這段時間內，聽到的比較像樣的缺點是這個。可是說實在的，蘋果並沒有用mobile來包裝這樣的產品，所有的宣傳影片都沒有強調他的mobile性質，反而更像的是放在家庭裡，不管是房間內各人使用，客廳沙發上與人共享，其實顯示著的都是很家用娛樂的產品，我猜想，蘋果如果在設計這產品的過程中有導入Persona的話，那個人應該不是個在上班途中收發email、發twitter的那類型。這時如果你再回來看iPad，你會覺得他的外型、大小，還有那個可以立起來的配件套，是有多契合生活了!小弟曾經看過蘋果對於家庭內music streaming的設計概念：

小弟稱他為蘋果對於數位家庭的潛力(potential for digital home)，其實對於這點來說，蘋果成功的不是他的硬體，是他的iTunes! Mac或PC上的iTunes資料庫利用AirPort等分享給家用網路，iPhone/iPod touch當作遙控器，Apple TV是大銀幕電視的媒介，新加入的iPad會是一個可以適合放在客廳、寢室甚至廁所做影片瀏覽、照片分享的媒介，以這樣的願景來看是相當契合的(當然背後有個更大的缺點，全都是Apple的東西XD)。在3G的iPad未出來前，小弟的預測，3G iPad會較適合放在車上，當作副座、後座的多媒體娛樂器，而不會是所謂"拿在手上"的9.7吋"手機"(我其實超級霹靂難想到誰會想拿9.7"當手機來打)。對於iPad，我感覺最良好的是他的中文手寫輸入和看網頁，可以看完整版本的Plurk真是件爽事阿XD。試過Google Reader Play! 非常的頓，我認為是Google那邊的問題，但這樣的大小"閱讀"網頁是相當清爽的。手寫上不管繁中簡中的問題，也許是我的iPod touch太頓，在iPad上非常流利，而且蠻大的手寫區域，其實我覺得如果有任意塗鴉文件的功能倒是真的蠻好用的，就像微軟的Courier概念，我也頗為讚賞。還有個小小的地方，在主頁面的背景圖，無論你是什麼圖，系統都會自己加上一層淡淡的漸層，所以你的圖的下方靠近dock處會較暗，這很有趣，配合dock的透視角度，就會在視覺上建立了立體感，這是一個很小卻是amazing的設計。另外還有一個很讚的是，Street Fighter IV在iPad上還蠻好"尻"的XD

當然iPad有很多缺點，最該死的是還沒有繁體中文，不過小弟昨天從一個朋友那邊聽到說"這是最沒差的一點吧"XD。不過這個我相信之後韌體更新是可以解決的。沒有flash，這點是說到快爛掉的缺點了，不過我其實也越來越討厭自己blog上這些內嵌的flash了，真想全部改成HTML 5= =。LCD銀幕看久了可能會累，這個我是懷疑，不然e-ink也不會有人做了，可是小弟實在沒比較過，也許調色的功能可以稍微紓解這樣的問題?!沒有多工，這也是講到爛了，可是也是因為這樣，iPhone、iPad裡的程式才能完整的運用硬體的效能，而不用像Android必須留有一定的資源給背後的程式。不過說回來，小弟也只想到一個情況會需要，msn等IM軟體，不然就可能是字典吧，其他真的想不到有什麼情況需要。不過拿到手的感覺是覺得也許有多工就會更好。而關於這點，我有注意到一個軟體Words with friends HD：

這個遊戲在右上方有個小視窗作即時通訊的功能，這也是我覺得iPad os好的地方，不像是Windows 7及Android直接用上Tablet，Apple在iPad的os內加上了這樣一個小視窗的UI元件，這樣的元件就是相當適合iPad這樣較大銀幕裝置的介面元素，倘若只是直接放大iPhone os，iPad的一些操作性絕對會很難用(這也是小弟血淋淋的經驗.....)，事實上我現在正在K iPad的human interface guidelines，裡面應該有些有趣的改變。另外一點就是他比書重很多，而且在坐著的時候，iPad沒辦法"自立"，這點以目前來說也沒辦法，是有技術上的侷限，而且此類產品以機器本身都會有這樣的問題，但是蘋果這次有出個官方版的iPad"衣服"，那個衣服可以讓iPad有一個程度的斜角度，便於打字與"自立"，可以看出其實這是一個程度能由外部配件解決的事情(當然也多削了很多層皮...)

"sit back, and watch" - redesign of YouTube

2010-04-06T09:18:00.001+02:00

今天看了Wired上面一篇文章 - "5 Secrets of YouTube's Success"，很有趣的文章，文中認為成功原因在於：

讓荒謬想像浮出檯面(It elevated the absurd.)
創意的廣告(It got creative with advertising.)
與好來塢維持良好關係(It plays nice with Hollywood.)
興起新類型的創意課程(It launched a new creative class.)
自己打自己巴掌，重新創造(It’s willing to reinvent itself.)

但我這邊不多述成功名人傳，小弟比較有興趣的是第五點。在文中這點是引述與YouTube使用者經驗頭頭Margaret Gould Stewart的訪問。大家應該都知道YouTube最近換了新的介面，而一些要求YouTube回頭的聲音也漸漸浮現。在文中也講到說原來的介面已經夠好了，但是還是有很多地方可以更好，於是YouTube還是更換了介面。以往的介面總是給使用者當下所看影片的相關影片，但假如你不只是想看這個呢？Stewart說使用者從social network連結進來，通常想看的是他的朋友也看了哪些影片，像是這點就只有直接從使用者經驗研究中得知。這只是個小小的例子，但YouTube設計團隊的目標更大

We want you to go into passive mode, sit back, and watch.

Oops!這句話真的是該放在經典slogan的行列了，至少在使用者經驗設計中，對於娛樂方面產品的設計，這完全就是終極目標了！

再來就來講講小弟注意到YouTube新介面的幾個點。

YouTube這次改版大量運用了雙^的小圖示，作為"抽屜"拉出來推回去的提示，配合上抽屜滑進滑出的效果，也算是賞心悅目，只是這個圖示的設計有些太過與背景白色融為一體，稍微難以找到圖示的地方，不過也許是小弟銀幕太亮的緣故。小弟上一篇文章"YouTube祝大家愚人節快樂!!"已經提到YouTube把影片文字介紹放在影片下方，more和less改成是雙^的小圖示，很不錯的都是在同一位置上。很多設計會把展開後的"less"或縮回連結放在展開後的文章最底部，這點在使用上會有相當程度的不方便，不過這是YouTube介紹文字的一貫特點，介紹放在下方的確是有改變放在右方小小一塊很難閱讀的問題，但放在下方說實在我已經miss掉很多次了。右方放的是相關的影片，YouTube blog上是說明他的篩選條件更加聰明。至於影片上方的那一條影片列，小弟就真的不是很清楚是什麼意思了，也許是該影片提供者的所有影片，但很差的一點是，現在這種"抽屜"都沒有明顯title的提示，像是右方和上方影片欄列都打開的話，其實很難理解每個欄列代表的是相關的?同一提供者的?還是什麼其他種影片。

再來看看影片下方的互動功能，評分、分享、內嵌、加入列表等現在都放在介紹文字的下方。加入列表(save to...)這個功能我覺得改的最好，之前是按下"加"的圖示，還要選擇是加入最愛(favorites)還是清單還是什麼(記得有四個項目可選)，現在則是把Favorites當作一個playlist儲存，整個操作簡化成一個複合選單(combo box)的形式，這樣的選單會讓使用者有減少層級的錯覺，類似的概念以tumblr的註冊方式最讓我印象深刻(註冊欄是一個未離開當下頁面的跳出頁框，整個註冊過程感到相當快速)。另外一點很大的更動是評分方式，原本的五星評價已經改成喜歡和不喜歡的大拇指，這點看下方這個圖表就會很明顯的看出原因：

使用者看來是不太去"準確"評價中間值，而是極端的兩種感覺。而且不喜歡的評分方式還有一個是直接離開與不予評價，五星的評價會沒有"負分"的評價意思。評論的部分小弟就沒什麼印象了，但是對於滑鼠滑到每筆意見，屁股會長出reply, vote, flag這點倒是覺得挺新鮮，但若是放在每筆意見的"前方"我想會更好，因為若要滑鼠滑到後方或許會不小心滑到前後筆意見。

詳細的改變可以看看YouTube blog的文章，也請參考Wired - 5 Secrets of YouTube’s Success

YouTube祝大家愚人節快樂!!

2010-04-01T13:45:00.002+02:00

Google的網路服務都會在愚人節的今天搞鬼，今天看了詹姆士的Buzz後進入YoutTube，看到了YouTube的介面改變了，還沒有細就，但share的部分改動許多，add to這樣的功能被簡化成一個下拉選單，單純的選擇playlist，文字介紹放在影片的下方，兩種類的影片群分別被放置在右邊但把外框拿掉，以及在上方按下往下的箭頭延伸出來的區塊內。不過今天是愚人節，先不要這麼嚴數講這些(其實是還沒study...)。今天進YouTube應該都可以看到他在左上方的logo變的有點"空洞"，哈，YouTube在今天對許多影片加上了TEXTp這樣的影片"畫質"，其實就是像bbs上流行的文字圖像，每個影片都用文字符號來呈現，就成為下面有趣的樣子(Love Psychedelico - Freedom)：

因為可能過幾天就看不到了(好像也不能內嵌)，所以小弟就不內嵌影片了。
blog上是說若使用TEXTp看完整個影片，每秒會爲YouTube省下 1USD，這樣其實還蠻多的，也算是個變相的donate吧(笑)。

使用方法是到影片選擇右下角的影片品質裡選TEXTp，就可以收看了。

顯像鍵盤+SIKULI有沒有搞頭?

2010-04-01T06:22:00.006+02:00

大家還記得SIKULI這個vgod發展的受到世界注目的語言嘛！？在之前小弟還是一直想不出這樣語言的實用性，但在看到上面這個影片後，有種前途一片光明的感覺。這影片是從TAT blog上看到的，集合了一些顯像鍵盤的概念設計(display keyboard concept)，有一些概念是將滑鼠的功能帶進有顯像功能(投影到鍵盤上或甚至鍵盤上直接顯像)的鍵盤上，有些是將多點觸碰(multi-touch)的概念放進去，但令我非常有興趣的是大概3:26之後的概念，將銀幕上的截圖、按鈕甚至是Gmail的功能按鈕"放進"一個個鍵盤的小孤島上，這相當有趣的地方是，以往我們對電腦的互動是藉由滑鼠的指向、點擊配合鍵盤的打字來完成，但以這樣的概念來說，是把畫面上的"軟體鍵"(介面)放上鍵盤上的"硬體鍵"，作為不同的互動方式。其實有趣的是，根據小弟的經驗，雖然3C產品的設計趨勢漸漸是把實體鍵盤淘汰，但在面對大量打字及具有大量功能的軟體介面設計上，大都還是離不開鍵盤的快速鍵(超經典的Ctrl/Cmd+C和Ctrl/Cmd+V)，而鍵盤有個很大的壞處就是體積大，鍵數怎麼減少還是至少要擺滿ABCDE，但如果是在如photoshop等專業軟體的操作下，往往ABCDE只是為了快速鍵的"輔助"，而快速鍵又有缺點是過多的快速鍵很難記憶，把畫面上的功能放到鍵盤上，變成一個簡單所看即所得的真正實體的"快速鍵"，是個很有趣的概念。若再配合上SIKULI的語言(使用介面上實際看到的按鈕、文字框等介面元件截圖當作寫程式時的互動物件)，使用者回歸到最基本的所見即所得(滿滿快速鍵的鍵盤)，生冷的電腦反饋給使用者的也是所見即所得(SIKULI)，可以想像的這是個多麼有趣的互動概念。

不過當然概念都是美好的，真正落實都是有很大的挑戰，小弟只是很高興的偶然發現這兩者的相似概念，但其實寫出了文章反而不知道怎麼去表達，而兩者的差距也不小，無論如何，這都是個有趣的概念。

PATHETIC usability

2010-03-27T03:33:00.000+01:00

Jakob Nielsen用工業上品管的基準-six sigma quality assurance來看website usability，結果是一踏糊塗的慘。

六標準差用來嚴格要求良率（Yield），一般而言相同的流程、程序，每重複一百萬次只允許有三次或四次以下的錯誤，若達五次錯誤即是未達六標準差所設定的高良率水準。

在他的測試中，一般網站只有1.9 sigma的分數，而內部網路(intranet)也只有2.2 sigma。跟一般工業上要求的6 sigma標準(大概是百萬分之3.4的良率)有極大的落差。通常一般的適用性測試(usability test)，就連Jakob Nielsen自己的測試中也慣用受測者的操作成功率(success rate)來評估適用性，在他最近的Progress in Usability: Fast or Slow?文章中使用失敗率(failure rate)來看適用性，就會有種悽涼感，原來我們日常在看的這些網站的"品質"這麼不佳，在什麼都要求良率的當代真是個諷刺阿。

在Two Sigma: Usability and Six Sigma Quality Assurance文章中，Nielsen也源用Six Sigma Quality Assurance裡提高品質的方法DMAIC，提出用這樣系統化方法提高usability"品質"的想法：

定義(Define):在設計最早最早的階段，需要先定義何種適用性屬性(usability attributes)對客戶最有價值，哪些動作(task)需要讓使用者簡單去執行，要多快讓使用者做到主要的目標(critical goals)。
量測(Measure):適用性測試的目的在驅動設計的改善，量化的測試數據是很必要的，而量化的數據可以為你的設計打分數，對於上一階段中定義的項目中是好還是壞。
分析(Analyze):量化的數據跟設計改善的建議有一段差距，分析測試的結果能得到問題的根源，才能提出設計改善的建議，且找出設計缺陷的原因。
增進(Improve):"修理"設計。當然最重要的是清掉"臭蟲"(設計的缺陷)囉，但更重要的一點是改善你的設計過程，這樣才能在一次一次的改善過程中更有效率的減低設計缺陷的發生率。
控制(Control):不要一曝十寒！持續監控使用者經驗(user experience)的品質，增進你的設計方法，並讓你的結果可以讓每個你的工作夥伴都聽的懂！

其實這樣的過程也是似曾相識，其實正確的設計過程也該是如此。最後步驟的"控制"(control)也等於是不斷resdesign的過程，不過以這樣的角度下去想，同樣屬於"軟體工業"的範疇，usability上卻只有這麼低的"品質"，真是不勝唏噓阿。

北美館週末夜

2010-03-25T11:12:00.001+01:00

今年的北美館週末夜好像沒有電影了，取而代之是(1)TFAM打開創意及 (2)TFAM畫像劇。
5/22 7:00~8:00PM是格林文化事業股份有限公司發行人郝廣才講述"打開創意的開關"的主題，其實我有興趣的是北美館寫的slogan

世界上最遙遠的距離，不是我站在你面前，你卻不知道我愛你……而是我讀過小王子，你沒有；我喜歡海明威的老人與海，你卻對釣魚沒有興趣……
　　　　　　　　　　　　　　　　　郝廣才

這段話相當有意味。

Scrolling and Attention

2010-03-23T09:13:00.003+01:00

Jakob Nielsen在他的網路文章中講到了web上的捲頁行為。
理想上的網頁應該要避免捲動的行為，但是碰到長文章時反而利用scrolling會比爲了整頁顯示而利用換頁連結來的好用。
Jakob Nielsen做了個測試(20 users accessing 541 different web pages)，web user的注意力有80.3%的時間在不需捲動的頁面資訊上，只有19.7%的時間會花在捲動的頁面上。也許你會想還有兩成，但以網頁消費速度20~120秒來說，代表只有最多20幾秒的時間在"滾動"的內容上。
有趣的是觀察使用者的eye-tracking pattern，對於滾動後的長內容，使用者會注意在最後的幾項，或許使用者認為這裡的資料是比較新的，所以較為引起他們注意，甚至會在最下方的段落上花上很多的注意力。較常見的行為則是在非常注意文章的頭，中間的文章則中等注意力，下方的文章則幾乎不會去注意。

intense viewing of the top of the page, moderate viewing of the middle, and fairly superficial viewing of the bottom

在設計這樣的長內容時：

把重要的內容放在不需要滾動頁面的文章上方位置
讓使用者想要往下滾動，一則是layout設計驅動使用者向下滾動，一則是在文章頭放上有用可見的資訊讓使用者覺得向下滾動不會浪費他們的時間
別忘了在文章後面放上讓使用者"吃甜"的東西

Diana Krall and Nat King Cole

2010-03-18T17:38:00.004+01:00

上週有幸在Roxy Jazz聽到台灣絕佳的爵士音樂演奏，最近也聽起了Jazz。
朋友share了Diana Krall的All for you專輯，一聽就愛上了！其中Baby Baby All the time引起我的注意：

Baby Baby All The Time | Music Upload

Youtube一查卻完全找不到這首歌，google上卻找到Nat King Cole的版本：

嘿嘿，如果是翻唱而已就實在沒什麼。但如果把歌詞翻出來，這就有趣了！

Baby Baby All the time by Diana Krall:

Once I had a man, sweet as he could be
Once I had a man and he was right for me
Kind of curly hair, eyes so soft and true
That you couldn't help but care
When he looked at you
He called me baby
Baby all the time

He said, "Baby can't you see?"
"Baby understand?"
"Baby you're for me"
"Oh won't you take my hand?"
But I push him away
Wouldn't let him near
Pushed him far away
And now I'm wishing I could hear him
Call me baby, baby all the time

It's so lonely through the day
Lonely through the night
Lonely, lonely hours without that
Man I held so tight
Lord I pray that you will listen to my plea
Keep him close to you so he'll come back to me
And call me baby, baby all the time
Baby, baby all the time

Baby Baby All the time by Nat King Cole

Once I had a gal,
As sweet as she could be.
Once I had a gal,
And she was right for me.
Kinda sandy hair,
Eyes so soft and blue
That you couldn't help but care
When she looked at you.
She called me "baby"...
"Baby", all the time.

She said, "Baby, can't you see?
"Baby, understand
"Baby, you're for me,
Won't you take my hand?"
But I pushed her away,
Wouldn't let her near
Pushed her far away
Now I'm wishing I could hear her
Call me "Baby"...
"Baby", all the time.

It's so lonely through the day,
Lonely through the night,
Lonely, lonely hours
Without that gal I held so tight.
Lord, I pray that You
Will listen to my plea.
Keep her close to You
So she'll come back to me,
And call me "Baby"...
"Baby", all the time.

Baby...
Baby, all the time.

Oops! 你發現了嗎？
Diana版的歌詞基本上把女孩改成男生，但卻套用相同的歌詞！
兩首歌一起聽就有種跨時空對話的感覺^^
查了一下，原來"All for you"這張專輯就是Diana Krall要對Nat King Cole致敬的作品阿！
不過其實我個人是不那麼喜歡追根究底的人，就像曾經聽過一個藝術人所說的，"看到作品就是喜歡就好！"
就單純來聽聽這兩位Jazz"大師"的音樂吧^^

Google Reader Play!

2010-03-15T05:36:00.003+01:00

Google Reader提供了新的閱讀介面，這樣的介面似乎是為了iPad類tablet準備的，之前看過MMDays的文章survey了幾個類似新聞閱讀器的排版，小弟也實際用了Feedly這個magazine-like Reader，在用Reader Play時也就多看了這幾個點。把Chrome開到全銀幕模式下，Reader Play會自動adjust到full screen對應的尺寸，介面的排版也很有設計的風格，但調性變黑色，與Google的基色都不太相同，但如果看Picasa的圖片預覽程式，還是看的出來像是同一個設計團隊的作品。Reader Play重在多媒體(Photo gallery+text, Video)的排版，所以餵Wired那種只有text summary的feed時就沒有很好的視覺呈現。我真的蠻喜歡Reader Play看照片的排版，文字的位置和photo及gallery的位置都在該在的位置，更換照片時的反應配上fade-in效果也相當美觀。其實看了MMDays說閱讀器的文章後，我就常常將瀏覽器開成全銀幕模式，真的整個視野都廣很多，也非常舒服，各位看倌也不妨試試。

10 Years After: A Look Back at the Dotcom Boom and Bust

2010-03-10T05:33:00.000+01:00

Wired 1803 10yearsafter

View more documents from PaPer Li.

Wired做了個殘酷的比對，On 10. March 2000，Nasdaq指數5048.62，然後開啟了dotcom們的接續倒閉，直到10年後的今日，指數只剩當時的一半。

No fundamental problem, except for all those newly public companies that had no clear path to profitability

“The new boy is in town; the new boy is taking over as king of media … I’m in a race to take CBS out of business.”

— Josh Harris, CEO of Pseudo.com, February 2000 (Eight months later, Pseudo.com filed for bankruptcy. As for CBS? Don’t miss CSI Thursdays at 9 pm!)

These dotcom pioneers may lack the swagger of yesteryear, but they’re still hanging in there.

太多的不勝唏噓，十年前的10,000的股票價值現在只剩6,870.29。這裡面有太多的創意，卻有太多的失敗。然而，真的得到教訓了嗎？

Oscar 2010

2010-03-09T06:04:00.000+01:00

今年的奧斯卡主要獎項的幾部片都不吸引人的感覺...
好像最大的新聞是第一個最佳導演給女人拿到，而且還打敗他的前夫(阿凡達)

最佳影片：「危機倒數」（The Hurt Locker）
最佳男主角獎：傑夫布里吉（Jeff Bridges），「瘋狂的心」（Crazy Heart）
最佳男配角獎：克里斯多福瓦爾茲（ChristophWaltz），「惡棍特工」（Inglourious Basterds）
最佳女主角獎：珊卓布拉克（Sandra Bullock），「攻其不備」（The Blind Side）
最佳女配角獎：莫妮克（Mo'Nique），「珍愛人生」（Precious: Based on the Novel 'Push' bySapphire）
最佳動畫獎：「天外奇蹟」（Up）
最佳藝術指導獎：「阿凡達」（Avatar）
最佳攝影獎：「阿凡達」
最佳服裝設計獎：「風華絕代：維多利亞女王」（The Young Victoria）
最佳導演獎：嘉芙蓮碧露（Kathryn Bigelow），「危機倒數」
最佳紀錄片獎：「血色海灣」（The Cove）
最佳短篇紀錄片獎：「馬布海納的音樂」（Music by Prudence，暫譯）
最佳剪輯獎：「危機倒數」
最佳外語片獎：阿根廷的「謎樣的雙眼」（The Secret in Their Eyes，暫譯）
最佳化妝獎：「星際爭霸戰」（Star Trek）
最佳電影配樂獎：「天外奇蹟」
最佳電影歌曲獎：「瘋狂的心」的"The Weary Kind (Theme from Crazy Heart)"
最佳動畫短片獎：「商標電影」（Logorama，暫譯）
最佳實景短片獎：「新房客」（The New Tenants，暫譯）
最佳音效剪輯獎：「危機倒數」
最佳音效獎：「危機倒數」
最佳視覺效果獎：「阿凡達」
最佳改編劇本獎：「珍愛人生」
最佳原著劇本獎：「危機倒數」

這裡有IMDB的完整入圍及得獎名單
這裡有照片

挪威的監獄

2010-03-05T09:01:00.001+01:00

from MET
4/1要開"幕"的挪威監獄，是個前衛且有一些humor piece的監獄。無論如何，這也太美麗且舒適了吧= =，房間裡還有電視。
看回應裡一個"新"挪威居民說挪威對罪犯是希望幫助他們變成更好的人，或是治癒他們。罪犯被對待的較像個人該被對待的樣子。很意外這樣挪威的犯罪率還蠻低的。可能是不同的思維吧。
不過其他回應，果不期然，在問怎麼sign up XD
這裡有更多照片

OK Go - This Too Shall Pass

2010-03-05T05:50:00.003+01:00

(以下文章部分節錄自MMDays)
還記得小時候過年都有的骨牌秀的感動嗎? 上面的MV是OK Go的This Too Shall Pass，在MMDays上看到，原始文章是在Wired。
這個amazing"骨牌"秀據說是一鏡到底(當然也NG的很兇)，且撞擊的音效與音樂搭配的相當剛好。
機器是由Syyn Labs製作，他們每個月定期在Mindshare LA聚會，結合Art and technology，做一些surprising, entertaining science and tech project。這種活動就在台灣很少見。
至於Ok Go呢，他們的MV據說相當有創意有趣，看到下面這隻MV才記起來，原來之前看的這個有趣的MV就是他們的阿！

記得是跟一個澳洲的Hug me project(or give me a kiss?)是大概同時間的影片。
有趣的是This too shall pass裡面的機器叫做Rube Goldberg machine(RGM)，wiki上的說明:

「以極為繁複而迂迴的方法去完成實際上或看起來可以容易做到事情」（accomplishing by extremely complex roundabout means what actually or seemingly could be done simply）
...
自此，「魯布·戈德堡機械」的意思亦擴延為「極為混亂或複雜的系統」，例如在英語世界裏，會有「退休保險有如魯布·戈德堡機械（一樣繁複）」這種說法

的確如MMDays寫的，The big bang theory裡的Sheldon會相當愛XD

iPad / iPhone screen ratio

2010-03-02T04:34:00.002+01:00

在UIUI上看到的，iPhone的銀幕比例是1.5:1，而iPad的銀幕比例是1:1.33，也就是說iPad的銀幕比例剛好是兩個iPhone，真有趣。

Wired + Adobe

2010-02-19T09:59:00.003+01:00

前一陣子曾經思考過adobe的RIA未來的走向，面對HTML5漸漸成熟，flash player的support又有越來越頓的趨勢，其實筆者認為Apple的系列產品不支援flash，除了商業考量，也是在等待HTML5給網頁帶來的能量吧。但看到MMDays的這篇文章，看到Wired找上Adobe合作未來的雜誌，似乎是看到了另外一條路。看到上面的影片我想對科技有狂熱的讀者都會贊同這樣的"vision"，但筆者想到的反而是在背後所謂"寫稿"的機制，以這方面來說，傳統出版業將要改變成RIA的出稿方式，這樣有趣的是，創造這樣內容的"軟體介面"，將要去符合所謂"編輯"的使用模式，照目前來說，Adobe的flash還沒到對designer完全的user friendly，而對developer來說，又不夠programatic，Flex又是完全偏工程的使用性。我想能不能改變這樣的模式，現在看來還沒辦法，但期待的是更方便的RIA編輯器的誕生，那我們才有機會往未來更快前進吧。