Handy UX

讀得開心之餘，你不見得會立刻意識到，這居然是本商管書，更勝於設計書。事實上，在Amazon的分類上，它正是歸類在商業類別下的strategic planning，而不是design techniques。對我來說，這是一本設計得很棒的書；但更棒的是，對任何人來說，這是一本教你學會跟設計師一樣思考，並且重新設計一門好生意的跨界好書。

延伸書籍：

設計一門好生意：自己動手，Step-by-step畫出未來新商機
http://www.books.com.tw/products/0010758378

以我多年從事設計顧問的經驗來看，創新需要三個條件：文化、過程、跳脫。

首先我們來談談文化。這組圖很好玩，是美國幾個大型創新企業的組織架構圖 (搞笑版)。你可以看到每一家企業都有他們的特性跟特色。Google跟Amazon都是階層式架構，但是各個product line跟function team的互動模式不一樣，組織的面貌跟特性就不同。其他像Facebook是平行流動的，微軟看起來是各部門互幹的，Oracle的法務好像很強勢；Apple過去則是中央集權的，但是Jobs過世之後，就變成從中央散開了 (笑)

(Image credit: Organizational Charts, Organizational Charts: an update)

不同的組織，會有不同的創新文化。這六家都是美國的創新企業，也都很成功。但是他們的組織文化適合台灣企業嗎？我也沒有確切的答案。

姑且把美國大公司的例子放在一旁，回頭看我們AJA這家設計顧問公司的組織文化。2015年以前，我們的組織是很集中、架構明確的。三個老闆各自帶領團隊，嚴謹分工，各守專業分際。這樣子運作沒出什麼大亂子，有紀律、好管理，但就是少了點創新的火花，對於市場需求的變動也比較缺乏彈性。

2015年初的時候，我們自己發現這樣不行。創新突破不夠多，而且設計師的學習成長也逐漸停滯下來。整個組織運作結晶化、僵固化了。所以我們把公司裡所有設計師都找來，一起坐下來討論遇到的問題，以及可能的解決方法。像是大家工作需要多點彈性，我們就一起討論彈性工時的制度，每週要1, 2, 4甚至是8個小時，由設計師們一起討論決定。大家希望績效能夠透明，我們就把一切都透明公開，包含每一個專案的接案金額是多少、獎金計算方式、日常的溝通互動等，全部都透明化。你可能很難相信，AJA現在的獎金制度已經設計成，三個老闆完全沒有辦法影響設計師的任何一毛錢獎金。夥伴們的成長目標自己訂，績效表現全都看自己的設計產出，一切往transparent, self-orgainze, work as a team的方向去走。

閱讀全文 創新像是釀啤酒，而不是擠牛奶

「微醺時刻」是一種既短暫、又持久永恆的狀態。

在這種狀態下，跟心理學上的心流 (flow)很接近。只能專注在少數真正重要的事情上，能做的事情很有限、關心的事情也很有限。整個人的注意力很集中，眼中容不下半點虛假跟bullshit。你只想看到那些真實、愉悅，著實令人興奮的事情。其他假惺惺的鬼東西，一概沒有耐心跟精力去對付，這就是所謂的「微醺時刻」。

在這個moment，你的感知跟反應都是真的，沒有半點敷衍。這是一個充滿真誠、面對自我的時刻。

(Image credit: What Your Drunk Text Says About You | Galore)

就在週六晚間喝得半醉的時候，我突然發現了一個有趣的推論。那就是任何產品跟服務，都應該通過所謂「微醺時刻」的使用性測試。怎麼說呢，在喝醉的時候，你是懶得撒謊，也最討厭別人說謊話、虛應故事的時候。所以看到爛東西，會自然地躲開；看到有趣的玩意兒，會不由自主地靠近。這時候去使用任何產品或服務，如果有半點虛假不真實，都會有噁心排斥感。發自內心地覺得這是什麼鬼東西、怎麼會搞得這麼複雜虛偽。反過來，如果遇到細膩貼心的產品跟服務，則會感到行雲流水、巧遇知音，來得真是時候。

所以，在一般的使用性測試中，當受測者拿了1,600塊錢，或甚至是2,000-3,000塊錢的訪談費之後，可以預期的是，整個人的反應都是被制約的、被迫要取悅付錢那一方的。這時候的忍受力無限大，而且對於任何鬼東西都充滿耐心跟毅力。這不會是真的狀態，離人性的真實面太遠太遠。

在喝醉的此刻，在沒有人付給我訪談費，而且還勉強可以登入WordPress的此刻，我強烈建議：所有要玩真的的產品跟服務，應該都要通過這樣的「微醺測試」。

延伸閱讀：

• Drunk User Testing – Test Your Site
• I Paid a UX Expert $100 to Get Drunk and Evaluate Gizmodo’s Design
• Pay This UX Designer to Get Drunk and Evaluate Your Site’s UX
• Why You Should Test Your Mobile App With Drunk People
• 如何設計好網站：Dont Make Me Think

( 繼上回數位新浪潮的專訪之後，2013年9月的數位時代，又有一篇訪談，談的是圖像化的趨勢。以下是專訪內容的部分原文… )

數位時代9月份 – 圖像趨勢談

兩個大脈絡，讓文字跟圖像的重要性，產生了大反轉

我自己的觀察是，有兩個大的脈絡，造就了今天這些網站視覺化的現象。一個是文字跟圖像間的消長，另一個則是網路頻寬跟資訊的大爆炸。

首先是文字的使用越來越少，圖像跟影片逐漸成為主流。這個脈絡得從30年前談起。回想一下，在那個書裡面很少有插圖的年代，大家都比較習慣透過文字來取得資訊，不論是閱讀的能力或是意願，都比今日相對來得高。這也是為什麼，我們過去在做產品介面的使用性測試時，都會發現60歲以上的高齡使用者，比較偏好閱讀圖示下面的文字說明；而不是像年輕人一樣，先去辨認圖示，看不懂了才去看文字。年齡層不同的兩群人，對於文字跟圖像的偏好是很不一樣的。這是一種文化演進下，所造成的差異。

除了書籍印刷技術的演變之外，新科技的出現，更促進了文字與圖像間的消長。像是現在手機的照相功能普及了，手邊可以顯示漂亮照片的螢幕變多了，新一代的年輕人每天都活在五顏六色的繽紛世界裡。在這個充滿視覺化元素的年代，我們喜歡看圖，看到流暢互動的東西會開心，這是很理所當然的。

這個不可逆的趨勢，已經深刻影響了我們閱讀瀏覽的偏好。以現在大家都耳熟能詳的手機應用軟體Flipboard為例，想像一下，如果Flipboard裡的內容都是純文字，那翻起來一定很無聊，對吧。隨著我們每天拍的照片越來越多，每天瀏覽的影像越來多元，越來越高解析度，手邊的互動介面越來越有流暢有趣，圖像化的需求，就一定會一直拉高，不會再回頭了。

另一個脈絡，則是網路頻寬不斷增加，每日累加的資訊量也會越來越多。

從現在到2017年，預估全球網路的數據流量，每年會成長66%左右。66%聽起來好像沒什麼，但是照這種速度成長下去，未來四年，這些每天在我們身邊流竄的數據量，就會成長近13倍，這是很可觀的量啊。這多出來十幾倍的資料肯定需要一些轉化，才能變成人們可以消化吸收的內容跟應用。

俗話說：「一張圖，勝過千言萬語」，現代人的俏皮話則說：「沒圖沒真相」，圖像跟影片還是帶有最多資訊，也是最有說服力的媒介之一。然而這當中除了純然的影音圖像之外，有一個重要的研究方向，叫做資訊視覺化 (Information visualization)。

資訊視覺化在電腦圖學領域已經發展20幾年了，目的在把大量的資訊，轉換成人們可以瀏覽、理解、探索的視覺化圖像與互動介面。舉個簡單易懂的例子，之前很火紅的實價登錄地圖(http://real-price.appspot.com/)，不用一筆筆資料查詢比對，就可以一覽台北市的房價概況，這就是用Heat map來做資訊視覺化的好範例。從兩個大脈絡來看，在網路頻寬越來越大，資料越來越多的趨勢下，怎樣把大量即時資訊，分析轉化成簡單易讀的圖表，肯定會是個重要的議題。
閱讀全文 站在文字與圖像的交叉點，談資訊視覺化

( 2012年12月的數位時代，刊出了數位新浪潮的專題。找了謝榮雅、劉維公跟我，分別就服務設計、社會設計，以及使用者經驗設計等三個面向，做了一個深度專訪。以下是專訪內容的原文… )

數位時代12月份 – 數位新浪潮來臨

三個科技業的演變，促成UX受到廣泛重視

十多年前，在網際網路剛興起的年代，那時候市面上有兩種網站，一種是Yahoo為主的入口網站，好用但是無聊；另一種則是用Flash設計得花俏至極的多媒體網站，有趣但是難用。那時我就在摸索，看看能否結合這兩種特質，弄出一個既迷人、又好用的介面設計。後來離開了網路界，到BenQ Lifestyle Design Center服務，才真正有機會可以從內而外、整合軟體到硬體，透過整個設計團隊的力量，去做出一些讓人驚艷且愛不釋手的好產品。

最近UX確實被炒得很熱，甚至快要變成一種口號了 (笑)。其實使用者經驗設計並不是這幾年才有，只是過去沒有把它獨立出來，用一個特殊的名詞去講罷了。像是老祖宗傳下來的風水學，告誡我們廁所不要對著家門口，不然一進門會有不舒服的感覺；兄弟的房門不要對著開，免得早上起床容易對撞起糾紛。這些都是家庭裡的使用經驗，既簡單又實用。

我覺得近十幾年來，有三個科技界的演變，造成UX越來越受到重視。第一個是1990年末的網際網路興起。那時候產生了很多新的應用，像是Web、電子郵件、即時傳訊等，這些介面設計的使用需求極大而且複雜，每天全球都有上千萬人在頻繁使用，一旦搞砸，公司就倒了。也因此在國外培養出許多UX相關的學科、專業人士，甚至衍生成一個具有上下游體系的設計產業。

第二個是觸控螢幕的量產普及。當產品開始大量使用觸控螢幕之後，螢幕外的硬體包覆越來越少，外觀的造型差異也越來越小，真正可以區別出產品好壞的部分，跑到了螢幕裡面。於是開機之後，裡頭的介面是不是看起來很精緻可口，用起來是不是很順暢舒服，轉而變成產品銷售的重要關鍵。

第三個，則是Wii和iPhone等跨時代產品的出現。在那之前，良好的使用經驗是要用想像的，就算想得到而做不到也沒關係，反正世界上也沒有什麼真正厲害的產品可以拿來比較。等到Wii出來，把體感設計做到了一個高標，等iPhone出來，把各種App應用的大門打開，人們一旦用過這些好東西，就回不去了。從此之後，只有做得比這些指標性產品更好，才有賣點；做不出來，就等著被淘汰。

閱讀全文 UX不是外觀那層皮，而是一套由內而外的、解決問題的方法

近來科技業宣布裁員、放無薪假的消息不斷，但是附近巷口的便利超商卻越開越大，這現象真是讓人摸不著頭緒。直到前幾天，從超商裡買完熱咖啡跟飯糰，撐著傘走出店門口的那一刻，我才恍然大悟這是怎麼一回事。且聽我從設計師的觀點，娓娓道來這有趣的發現：

首先，繞遠一點，從科技業開始講。最近幾年台灣的科技業很流行喊口號，什麼「User experience 使用經驗」、「雲端」、「App」，講到這些潮流術語，科技業內的經理們，大多都可以跟你隨口聊上十來分鐘甚至半個小時。尤其像是我熟悉的使用經驗設計，最近更是被吹捧上了天。老闆對內會要求員工，使用經驗要去學學Apple；對外碰到媒體，則會大力吹捧公司如何重視用戶體驗，自家產品設計得多麼簡單好用。

最近幾年台灣的科技業很流行喊口號

然而，簡單歸納一下我聽過的UX使用經驗口號，不外乎有以下幾種：

把UX用作一種專業詞彙：
「我們很重視使用者經驗，不是UI，是UX」

把UX變成一項產品規格：
「我們想要一種很創新，很流暢，像iPhone一樣的使用經驗」

把UX變成一種問題的修飾方法：
「我們希望透過使用經驗設計，在不改變功能架構的前提下，加上一些圖片跟說明，讓產品變得比較直覺好用」

把UX變成一句壯膽的口號：
「我們要追求極致的使用體驗，使用經驗萬歲！」

閱讀全文 當使用經驗變成一句口號

在一般人的印象裡，設計是不用錢的。因為家裡做裝潢的時候，室內設計有時候是可以討價還價的，不用另收設計費；還有到印刷廠印名片的時候，通常老闆也會免費幫你設計名片，不僅用你喜歡的字型來編排，要是多印個幾盒名片，搞不好還會幫你做一個專屬的公司Logo。

設計不要錢? 其實不要錢的設計最貴:)

所以，設計為什麼要錢？

設計當然要錢。

在假象不收設計費的背後，這些費用都會在奇怪的地方，被神不知鬼不覺地灌回來。我聽過一個親戚裝潢房子的例子，因為找了個認識的室內設計師，所以不用支付任何設計費用。結果很有趣，一棟室內60坪的房子，裝潢費300萬，除了把書房跟客廳打通，變成半開放式空間，做了些收納及展示櫃，並且在廚房裝了一扇宣稱價值60萬的多角度拉門外，其他大部分的區域都是素牆，僅僅做了上漆修邊裝燈等基本工作。裝潢錢是花了，但是老實說，整體的空間感受跟剛剛交屋時差不了多少。

在我看來，這60萬的拉門，大概就是那隱含的設計費了。其實，人的心理就是這麼好玩，乍聽之下裝潢免設計費，感覺真的很公道實在。但是仔細想想，就連去富基漁港請廚師幫你料理一袋買好的海瓜子，也要酌收料理費用。這些會大幅影響你居住品質，甚至公司形象的設計，憑什麼會不用錢？

閱讀全文 老實講，不要錢的設計最貴

很多人問我，設計像什麼，我想了想，做設計跟炒個蛋炒飯其實沒什麼不同。要做出好吃的炒飯，需要兼顧食材、刀工、火候等；好的設計，同樣也需要有好的創意、美感、工藝水平、跟恰到好處的設計步調。

設計就像炒飯，需要有創意、美感、工藝水平跟設計步調

首先，做過炒飯（或是上網查過炒飯小撇步）的都知道，材料裡面最重要的基底，就是那碗隔夜飯。用隔夜飯的原因是，澱粉需要時間靜置，以除去多餘的水份，讓米粒聚實有嚼勁。做設計也一樣，剛發想出來的idea很乾淨原創，但不一定是最好、最全面的。順手把這些點狀的創意，完整地記錄下來，放個一兩天再回頭看，一般來說，總能沈澱一下，讓後續的思考更為深入細膩，甚至由單點延伸出線跟面，變化出更多的可能性。

再來，則是選材跟刀工。依據食材的本質，味道重的如鹹魚火腿等，適合少量提味，玉米青豆等則適合用來大量拌入米飯以增加口感。然而，不同的食材，也需要對應不同的刀工手法，如此才能融合各種材料的特色，層疊出最適合的風味。還有一件事很重要，同一種食材，要用同一種刀工去切，厚度紋理若有不同，會使熟度及口感有落差。所以刀工必須要求一致，這樣一來不僅美觀，而且容易料理。

閱讀全文 設計就像炒飯

最近開始有一些軟體開發商，找我詢問Windows 8下該如何做介面設計。他們對於Metro UI的認知不盡相同，但共同點是，對於微軟這一套新的介面，既期待，又怕受傷害。

我最常聽到的問題是：「Metro UI是不是要把Icon全都改成單色，然後放在方格子裡？」「那個新的字型叫什麼名字？是不是把我們的軟體改成那個字型，然後把字體放大一些，這樣就會比較像Metro UI？」這些問題好笑歸好笑，但我相信，大部分的軟體開發者，心中都有類似的疑問：「到底什麼是Metro UI？」

Metro UI看起來很有特色，很有識別性，好像很容易抓到一些竅門，可以把現有的軟體改成「那種風格」。不過千萬別這樣做，因為這是一套全新的設計語言 (design language)，而不是另一套可以換來換去的GUI skin。

Metro UI不是一套Skin，千萬別想把現有的介面改成「那種風格」 (http://goo.gl/FlgPc)

視窗不見了，Icon不見了，太陽打從西邊出來了

如果你玩過Windows Phone 7或是Windows 8 Developer Preview，相信你一定會對於新的Metro UI感到新鮮、有趣，但也會產生一些莫名的困惑。

首先，沒有了層層相疊的視窗，仔細一看，也沒有視窗「最大化」、「最小化」，更沒有「關閉」視窗的按鈕。Windows裡面沒有Windows，這可是近二十年來頭一遭。再來，Icon都變成單色的，甚至不常出現。你可以想像，沒有icon可以點的滑鼠指標，有多麼無聊，多麼手足無措嗎？

閱讀全文 Metro UI 不是一套Skin