首先是跑題的部分，最近聽(tīng)到“交互設(shè)計(jì)師的危機(jī)”的說(shuō)法。這個(gè)話題已經(jīng)有了不少討論，比如Cooper上的文章“交互設(shè)計(jì)前途渺?！保ˋlan-Cooper，被譽(yù)為交互設(shè)計(jì)之父，見(jiàn)www.cooper.com，它的“concept-Projects”我認(rèn)為是情景應(yīng)用于設(shè)計(jì)表達(dá)的一個(gè)良好范例）。DavidW同學(xué)做了翻譯，并有感而發(fā)的寫了一些文章如“交互設(shè)計(jì)師如何提高自己的能力”其中頗具諷刺的語(yǔ)言風(fēng)格很讓人喜歡。又如Mark Blythe的文章“從鼠標(biāo)到iPod，設(shè)計(jì)師之死”，這篇有些文藝性的文章給了我一些關(guān)于設(shè)計(jì)師前途的啟發(fā)。

交互設(shè)計(jì)師的前途在哪里？DavidW同學(xué)說(shuō)到，交互設(shè)計(jì)師沒(méi)什么考核標(biāo)準(zhǔn)。加上所用的工具亂七八糟：十八般觸手可及的東西，就連餐桌上擦嘴的紙巾都可以拿來(lái)干活，進(jìn)一步懷疑那些使用餐巾工作的交互設(shè)計(jì)師是從餐飲業(yè)轉(zhuǎn)行過(guò)來(lái)的，頗具諷刺意味，卻也很坦誠(chéng)。我想門檻過(guò)低，必然導(dǎo)致行業(yè)認(rèn)可度不足，專業(yè)度不夠，工程師就會(huì)把設(shè)計(jì)師比作美工。這些都值得我們思考，不過(guò)一時(shí)不至于心灰意冷，Alibaba UED團(tuán)隊(duì)的文章“交互設(shè)計(jì)師的專業(yè)度表現(xiàn)”，在一定程度上解決了交互設(shè)計(jì)師功課及格的問(wèn)題，然而看完后讓我更感興趣的是“100分”設(shè)計(jì)師該如何煉就。

我想無(wú)論Cooper的網(wǎng)站，DavidW，或是Mark Blythe，都試圖給交互設(shè)計(jì)找出一條前途光明的道路。他們有著各自不同的前瞻性的思考，值得借鑒。我也想借助這個(gè)話題，提供一個(gè)相對(duì)不同的思路，談一談在現(xiàn)有趨勢(shì)下如何創(chuàng)造更好的設(shè)計(jì)以緩解“危機(jī)”。

先看趨勢(shì)。Mark Blythe 提到：“早期計(jì)算機(jī)界面的設(shè)計(jì)者主要關(guān)心一些可測(cè)量結(jié)果，人們?cè)诓煌慕缑嫔闲枰ㄙM(fèi)多少時(shí)間完成一個(gè)任務(wù)。這樣的問(wèn)題可以通過(guò)觀察和實(shí)驗(yàn)來(lái)解決，設(shè)計(jì)的過(guò)程相當(dāng)?shù)那逦该鳌！边@讓我想起了網(wǎng)頁(yè)設(shè)計(jì)同學(xué)說(shuō)到的“網(wǎng)頁(yè)端的設(shè)計(jì)需要能讓用戶快速定位目標(biāo)，點(diǎn)擊，快速響應(yīng)”。不難發(fā)現(xiàn)，其實(shí)這個(gè)過(guò)程的量化最終是解決可用性層面的“效率”“效用”問(wèn)題，作為基本的設(shè)計(jì)原則，這些無(wú)懈可擊。但值得一提的是，不論瀏覽器的框架或是網(wǎng)頁(yè)內(nèi)容本身，這種趨勢(shì)正在悄然的發(fā)生變化，比如piovt和google wave。他們?cè)絹?lái)越“App化”。因?yàn)殚L(zhǎng)遠(yuǎn)考慮，摩爾定律使得關(guān)于效率效用的問(wèn)題越發(fā)的退出人們的視線，而當(dāng)搜索引擎都趨向于快速準(zhǔn)確的提供搜索結(jié)果；華麗的用戶界面不再是技術(shù)門檻之時(shí)，傳統(tǒng)的用戶體驗(yàn)雖然依舊是主旋律，卻有些力不從心。交互怎樣才能助力設(shè)計(jì)并將其推向一個(gè)新的高度？我想主要有兩個(gè)方向，其一是新技術(shù)的刺激，VR虛擬現(xiàn)實(shí)，AR增強(qiáng)現(xiàn)實(shí)，TUI可觸界面等等，前一段知名的MIT學(xué)生的第六感裝置就是AR 技術(shù)的一種變形。另一個(gè)方向是提升現(xiàn)有體驗(yàn)，找出新的設(shè)計(jì)點(diǎn)。這里提出我一些自己的體會(huì)，我暫時(shí)將他們描述為設(shè)計(jì)中的優(yōu)雅及節(jié)奏。

舉幾個(gè)工業(yè)產(chǎn)品的例子來(lái)說(shuō)明。這樣舉例一個(gè)原因是我的工業(yè)設(shè)計(jì)專業(yè)背景，另外一個(gè)是工業(yè)產(chǎn)品比信息化產(chǎn)品更早的遇到了可用性的瓶頸，用戶已經(jīng)不再關(guān)心他們的效用，效率。而轉(zhuǎn)向了更為高層次的需求。從他們身上我們可以試圖尋找到一些提升現(xiàn)有體驗(yàn)設(shè)計(jì)的靈感。

首先是Apple，Apple的設(shè)計(jì)不論硬件還是軟件上都是業(yè)界的領(lǐng)導(dǎo)者，最初認(rèn)識(shí)到它的優(yōu)雅可以說(shuō)是從它的呼吸燈開(kāi)始的，從powerbook g3和ibook起，只要當(dāng)用戶合上筆記本的時(shí)候，位于筆記本前端的睡眠指示燈就會(huì)呈呼吸狀的閃動(dòng)。細(xì)細(xì)想來(lái)，這種親切感仿佛源于人的內(nèi)心，與其說(shuō)它是視覺(jué)效果不如把它比作成一種共鳴。Apple的這種設(shè)計(jì)思想貫穿了它產(chǎn)品線的始終。我把它稱為：符合用戶的經(jīng)典思維。所謂經(jīng)典思維，可以看作我們成長(zhǎng)過(guò)程中（或天性中已存在的）認(rèn)為事物固有的樣子和屬性，一個(gè)簡(jiǎn)單的例子，物體從A點(diǎn)到B點(diǎn)，經(jīng)典思維認(rèn)為它必定經(jīng)過(guò)一個(gè)路徑，而不會(huì)是在A點(diǎn)消失B點(diǎn)出現(xiàn)。當(dāng)然如果此時(shí)恰好是霧天，那么它漸漸消失在A點(diǎn)而后在B點(diǎn)漸漸出現(xiàn)也是符合經(jīng)典思維的。我們?cè)賹⑦@個(gè)過(guò)程細(xì)化，從A點(diǎn)到B點(diǎn)，現(xiàn)實(shí)世界中的物體必定經(jīng)歷一個(gè)先加速后減速的過(guò)程。而不是一上來(lái)就有固定的速度。這個(gè)感覺(jué)有點(diǎn)像拉開(kāi)一個(gè)抽屜。我們先來(lái)看看Apple是怎么做的。我試著著做了一些非常初步的工作。以下是用相機(jī)拍攝下來(lái)的iPhone短信程序的屏幕切換動(dòng)畫，將動(dòng)畫單幀播放，可以得到以下一系列截圖。因?yàn)槊總€(gè)單幀畫面的間隔時(shí)間相同。我們把每幀變化的結(jié)果放到坐標(biāo)軸上，試著將“優(yōu)雅”進(jìn)行一些量化。

d表示距離，總大小是屏幕的寬度。F是幀數(shù)，按30fps這個(gè)過(guò)程大約0.4秒。我們可以看出，趨勢(shì)上是一個(gè)先加速后減速的過(guò)程，它的背后定對(duì)應(yīng)某一函數(shù)曲線，而一般這種運(yùn)動(dòng)曲線可以應(yīng)用三角函數(shù)sin實(shí)現(xiàn)，但這里它更像是sin的平方根（這個(gè)猜測(cè)應(yīng)該不準(zhǔn)確，還請(qǐng)了解iPhone SDK的同學(xué)指正）。

如果以上可以作為iPhone體驗(yàn)上優(yōu)雅的一個(gè)點(diǎn)，那么iPhone優(yōu)秀的體驗(yàn)就是有這些點(diǎn)交織出的平面。我們將這部分工作更進(jìn)一步，來(lái)看一下iPhone的主界面交互。iPhone的主界面模擬了一個(gè)有彈簧卡扣裝置的物理表面。（想象每個(gè)屏幕后方都是一個(gè)半圓形凸起，有一個(gè)帶彈簧的探針壓在兩個(gè)屏幕中間的縫隙上）。它最大限度的貼近物理世界，去符合我們的經(jīng)典思維。

延伸一點(diǎn)，如果你是Apple的交互設(shè)計(jì)師，會(huì)怎樣定義iPhone主界面的交互呢？“跟隨手指運(yùn)動(dòng)，左右滑動(dòng)切換屏幕，邊緣處反彈”。如果是這樣的命題，我想工程師不可能做出我們今天可以感受到的Apple的用戶體驗(yàn)。我們排除掉點(diǎn)擊圖標(biāo)，調(diào)整位置等等交互點(diǎn)，單就手指切換屏幕一個(gè)操作來(lái)說(shuō)：首先手指觸及屏幕，看上去屏幕會(huì)同步跟隨手指移動(dòng)，這并不準(zhǔn)確，實(shí)際上手指移動(dòng)了一定距離后屏幕才開(kāi)始隨動(dòng)（有iPhone的同學(xué)可以試用一下，android同理），這個(gè)距離在2mm左右，而后，左右滑動(dòng)，滑動(dòng)就會(huì)切屏？也不盡然，要看手指離開(kāi)屏幕時(shí)的瞬時(shí)速度，大于一個(gè)值會(huì)切換，此時(shí)屏幕按釋放時(shí)的速度加一個(gè)摩擦力繼續(xù)向前，到達(dá)邊緣反彈。如果小于這個(gè)值（靜止釋放時(shí)瞬時(shí)速度是0，也在此情況之中）要看當(dāng)前拖動(dòng)的屏幕是否超過(guò)屏幕寬度的二分之一，超過(guò)切屏，沒(méi)超過(guò)彈回，此時(shí)都是在釋放速度之上添加加一個(gè)加速度，到達(dá)邊緣返回。另外還要考慮在兩個(gè)最外側(cè)屏幕操作時(shí)行為有什么不同，以及釋放后屏幕仍在運(yùn)動(dòng)中時(shí)再次操作的屏幕行為。想必真正列下來(lái)將會(huì)是一個(gè)相當(dāng)復(fù)雜的流程圖。端木說(shuō)到，他在Apple工作時(shí)并沒(méi)有交互設(shè)計(jì)師這個(gè)職位，工程師做了絕大部分工作，我們便越發(fā)的清楚原因在哪里。

沒(méi)有時(shí)間去做iPhone的界面模擬，但先前我用AS3模擬了Hero主界面的一些行為，以下視頻可以作為參考，其中圖形界面是由BLIZZARD同學(xué)完成的。請(qǐng)見(jiàn)以下視頻：

http://cgi.video.qq.com/v1/videopl?v=6OyBwxNBkSj

接下來(lái)說(shuō)一下Bang&Olufsen這家丹麥?zhǔn)澜缂?jí)視聽(tīng)品牌給我的啟發(fā)，macbook pro 右側(cè)是B&O BeoCenter2 cd播放機(jī)，發(fā)燒友一定對(duì)它耳熟能詳。輕按一下，它光滑的橢圓形表面會(huì)展開(kāi)成兩翼，上蓋張開(kāi)，cd抬起，仿佛我們記憶中某種靈異的生物。審視它的優(yōu)雅，我們會(huì)發(fā)現(xiàn)：效率不再是優(yōu)先元素，而儀式感被大大提前了。就純粹的可用性而言，它比不過(guò)一般的cd機(jī)，而它的體驗(yàn)更多的集中在它的儀式感之上。相比Apple這種大眾產(chǎn)品所具有的優(yōu)雅，我把B&O歸結(jié)為小眾的優(yōu)雅，因?yàn)樗梢話仐壭?，并不適用于所有人，感覺(jué)這種優(yōu)雅可以應(yīng)用于我們?cè)O(shè)計(jì)的高端應(yīng)用當(dāng)中。工業(yè)產(chǎn)品的元素也許不容易應(yīng)用到我們現(xiàn)在的工作上，還好B&O同樣提供了一個(gè)與其產(chǎn)品風(fēng)格類似的播放器BeoPlayer，有興趣的同學(xué)可以下載來(lái)試用，體驗(yàn)一下B&O式的優(yōu)雅。希望也能從中得到一些靈感。在設(shè)計(jì)高端應(yīng)用時(shí)，回憶一下B&O的儀式感。

提到Muji CD機(jī)，不得不說(shuō)到深澤直人（Muji CD機(jī)的設(shè)計(jì)者，也是我最喜歡的設(shè)計(jì)師之一）CDC博客關(guān)于深澤直人的一篇轉(zhuǎn)載文章“意識(shí)的核心”讓我們看到了一個(gè)真正的設(shè)計(jì)師式的思考，在這里，拋開(kāi)Muji CD機(jī)極具創(chuàng)意的外形來(lái)看它的播放過(guò)程。它只有一個(gè)向下拉的操作，極致簡(jiǎn)單的設(shè)計(jì)美學(xué)。另一方面它，打開(kāi)開(kāi)關(guān)，它并不會(huì)立即啟動(dòng)，而是間隔一下，音樂(lè)隨即開(kāi)始，設(shè)計(jì)師仿佛在營(yíng)造一種聲音從遠(yuǎn)方傳來(lái)的意境，親切而舒適。我想這就是節(jié)奏的一個(gè)表象，實(shí)際上這種稍顯延遲的設(shè)計(jì)也同樣出現(xiàn)在07 iPhone發(fā)布時(shí)的一個(gè)場(chǎng)景，Jobs聽(tīng)著音樂(lè)而此時(shí)他的同事打來(lái)電話，音樂(lè)緩慢落下轉(zhuǎn)換為鈴聲，到通話結(jié)束，一個(gè)小的間隔之后，音樂(lè)響起。類比前面的兩個(gè)例子。Muji CD機(jī)的，功能會(huì)讓位于設(shè)計(jì)，如將曲目切換，音量調(diào)節(jié)被放置在不方便操作的位置，這種強(qiáng)調(diào)設(shè)計(jì)意志的產(chǎn)品有時(shí)會(huì)給人一些設(shè)計(jì)師孤芳自賞的感覺(jué)，所以可以將這種優(yōu)雅比作是設(shè)計(jì)師式的優(yōu)雅，當(dāng)我們的團(tuán)隊(duì)有了足夠和行業(yè)領(lǐng)導(dǎo)力以及頂尖的設(shè)計(jì)水平之時(shí)，便可以嘗試用這種設(shè)計(jì)師式的優(yōu)雅去引領(lǐng)潮流。

順應(yīng)了趨勢(shì)，找到了新的設(shè)計(jì)點(diǎn)，可設(shè)計(jì)師的核心競(jìng)爭(zhēng)力還是沒(méi)有解決，用戶體驗(yàn)得到重視的結(jié)果就是老板，工程師都過(guò)來(lái)做交互設(shè)計(jì)，交互設(shè)計(jì)師怎么辦？既然大家都來(lái)?yè)岋埻?，那我們也主?dòng)出擊好了，這雖然是調(diào)侃的說(shuō)法，但卻是我能給出的最切實(shí)的建議。這一點(diǎn)啟發(fā)源于我以前的同事及前輩劉穎，在解決產(chǎn)品團(tuán)隊(duì)協(xié)同的問(wèn)題上，她給出了我認(rèn)為最合理的的方案：去了解團(tuán)隊(duì)中各個(gè)角色所作的工作，交互設(shè)計(jì)處于產(chǎn)品鏈條的最中央，就更有義務(wù)去做好這樣的工作，試著做一些用戶研究，試著做一些開(kāi)發(fā)工作，一有助于自身專業(yè)能力的認(rèn)可，二有利于提高團(tuán)隊(duì)效率。當(dāng)交互設(shè)計(jì)師成長(zhǎng)為中堅(jiān)力量之時(shí)，前途必然一片光明。

來(lái)源：http://cdc.tencent.com/?p=2424