前　言

1. 交互設(shè)計之路

如果說交互設(shè)計是一片廣闊的大陸，人們可以從不同的方向踏入這片土地，那么一個人從何而來，就決定了他最初看到的風(fēng)景和對這片大陸的印象。當(dāng)他走過這片大陸的不同角落以后，會對腳下的土地有更加深刻的認(rèn)識，不過依然會帶有些許出發(fā)地的氣質(zhì)。甚至有的時候，人們很可能都意識不到自帶的視角，認(rèn)為自己看到的風(fēng)景是更普遍或者更真實(shí)的。

這不一定是壞事。一片新大陸，需要不同的人用不同的視角從不同的路徑去發(fā)現(xiàn)，其全貌才可能呈現(xiàn)在人們面前。只是如果一個人能夠看清自己的腳印，看到自己從何而來，就會更容易認(rèn)識到這片土地真正獨(dú)特的地方在哪里，也能夠更明白自己將堅定地走向何方。

我也不例外。

在交互設(shè)計的大陸上跋涉了十余年，雖然走過一些不一樣的地方，但我行走的方式，依然帶著出發(fā)地的影子。不知道這是事后的合理化，還是一開始就被它所暗示，我現(xiàn)在對交互設(shè)計的理解，依然受到這個影子的影響。而對于這個影子的認(rèn)識，源于十年前的一個心理測試。

2. 心理測試

在我本科畢業(yè)即將走入職場的時候，母校很慷慨地給每個學(xué)生準(zhǔn)備了一個免費(fèi)的職業(yè)心理測試。目的很單純，幫助畢業(yè)生了解自己的性格特征和傾向，以便找到適合的職業(yè)角色和方向，給就業(yè)提供一點(diǎn)參考。據(jù)說這個心理測試要自己去買的話還挺貴，頓時讓我覺得校領(lǐng)導(dǎo)們真的很負(fù)責(zé)任。測試的題目非常多，但是我相信既然是專業(yè)的心理測試，結(jié)論應(yīng)該會更加真實(shí)。測試的結(jié)果有在情理之中的，也有在意料之外的。

在“直覺-感覺”這個維度上，我一直覺得自己是直覺型的，做事情喜歡花時間琢磨、醞釀，注重整體和深層規(guī)律，雖然有時候效率不高，但我很享受那個過程。結(jié)果也確實(shí)顯示我的“直覺”占了95%以上，“感覺”的成分非常少。“感覺型”的人通過五官感受世界，崇尚細(xì)節(jié)和常識。當(dāng)時我還覺得挺自豪，因?yàn)閳孕拧爸庇X就是潛意識里的邏輯思維能力”，直到多年后才漸漸體會到“感覺”本身也同樣重要。

然而在“思考-情感”這個維度上，我曾經(jīng)嚴(yán)重地錯識了自己。從小到大我就是典型的理科生，大學(xué)里學(xué)的也是應(yīng)用數(shù)學(xué)專業(yè)，很享受邏輯思考帶來的快感。所以怎么想自己的性格都應(yīng)該是嚴(yán)重偏向理性的，周圍的人也都這樣認(rèn)為。可測試的結(jié)果幾乎是正中間，“思考”和“情感”各占一半，在圖表里看不出有任何傾向。

這個測試結(jié)果雖然讓我有點(diǎn)困擾，但更多的是欣慰甚至興奮，因?yàn)樗屛业牧硪粋€世界有了合理的解釋。我對電影是如此癡迷，以至于大學(xué)的時候組織了一部分同學(xué)，成立了一個DV（現(xiàn)在一般叫微電影）工作室，開始嘗試各種短片和三維動畫的制作，用廢寢忘食來形容一點(diǎn)也不夸張。最嚴(yán)重的一次還因?yàn)樽銎樱瑢?dǎo)致抽象代數(shù)的期中考試得了12分的全班最低分并順利掛科。不過我們的作品也誤打誤撞得了一些小獎，我走在校園里偶爾會被人認(rèn)出來。有不少人很不理解，怎么一個數(shù)學(xué)系的人會去干這種事情。說實(shí)話我也不知道，只是跟著自己的直覺去做，享受那個過程。

不過最終，我既沒選擇數(shù)學(xué)研究，也沒走上電影制作的道路。雖然有時候還是會小打小鬧做一些短片，但那更多的是愛好。因?yàn)榭傆X得一直做這樣感性的、有創(chuàng)意的事情，時間久了心里會不踏實(shí)；另一方面，雖然我喜歡推理，但如果一直進(jìn)行邏輯思考的話，久了又會覺得很無聊，想做點(diǎn)更有趣的事情。那個心理測試很合理地解釋了我的這種感覺。我的性格更像是理性、感性各一半，做某個偏向性太強(qiáng)的事太久了，會有點(diǎn)不舒服，要做就做兩者緊密結(jié)合的事情。我曾經(jīng)一度還想學(xué)計算機(jī)圖形學(xué)，想去做電腦動畫和特效，當(dāng)時覺得那是一個感性思維和理性思維緊密結(jié)合的領(lǐng)域。不過在看到了第一部《變形金剛》之后，就打消了這個念頭。一邊感嘆好萊塢的特效水平已經(jīng)出神入化，一邊覺得生不逢時，如果我現(xiàn)在進(jìn)入這一行，可能連螺絲釘都沒得做。

后來在一位韓國教授的介紹下，我接觸并選擇走上了交互設(shè)計之路，因?yàn)楫?dāng)時直覺告訴我這個學(xué)科需要感性和理性的緊密結(jié)合，加上在科幻電影里看到的各種驚艷的交互效果，讓人有一種創(chuàng)造未來的感覺。我的數(shù)學(xué)專業(yè)背景和做視頻的經(jīng)驗(yàn)，也都能很好地與這個年輕的領(lǐng)域結(jié)合起來。現(xiàn)在我對交互設(shè)計的理解依然有這樣一份天真，但也能意識到真正令人驚艷的交互應(yīng)該是合理的、深入人心的，是感性和理性的有機(jī)結(jié)合，而不僅僅是浮夸的噱頭而已。

回頭看自己在交互設(shè)計這片土地上留下的腳印，確實(shí)不知道是那個心理測試的結(jié)果反映了我的真實(shí)性格，還是之后都在不斷被它心理暗示。但不管怎樣，我對交互設(shè)計的思考，確確實(shí)實(shí)同時受到了感性和理性兩方面的深刻影響。一方面，數(shù)學(xué)的專業(yè)背景使我下意識地追求事物背后的深層規(guī)律，對泛泛的經(jīng)驗(yàn)之談并不是很感興趣，除非這個經(jīng)驗(yàn)?zāi)転槎床焐顚右?guī)律提供一些靈感；另一方面，拍攝電影的經(jīng)歷讓我對創(chuàng)造人們美妙的情緒體驗(yàn)非常著迷，通過各種手法組合一些元素，巧妙地引導(dǎo)觀眾的注意力和情緒，講述一個有趣的故事，這個過程本身就讓人有極大的成就感。這兩股根植在內(nèi)心深處的力量，糾纏在一起，才有了我持續(xù)不斷對交互設(shè)計本質(zhì)規(guī)律的思考和追求，也讓我看待交互設(shè)計的視角，稍稍和別人不一樣。并非刻意追求不一樣，而是不這樣做的話，心里總有說不出的別扭。

3. 為什么寫這本書

剛開始學(xué)習(xí)交互設(shè)計的那段時間，我一直有一種說不出的苦惱，而且似乎周圍的人并不能理解我的這份苦惱，以至于我一度反思是不是自己的問題。這種說不出的苦惱，可能是因?yàn)槲抑暗闹饕?jīng)歷來自于兩個相對成熟的領(lǐng)域。

數(shù)學(xué)毋庸置疑，已知的最古老的數(shù)學(xué)文本可以追溯到約公元前2000年。經(jīng)過幾千年的發(fā)展，數(shù)學(xué)的體系相當(dāng)成熟，涉及的范圍相當(dāng)廣泛，在生活中的應(yīng)用也無處不在。不同的數(shù)學(xué)理論并非毫不相干，而是在抽象的邏輯層面有著緊密的聯(lián)系，給人一種渾然一體、殊途同歸的感覺。對于一個新手該如何學(xué)習(xí)并掌握這套體系也有詳細(xì)的方法和步驟。

雖然我對電影只是略知一二，但也能感受到電影的深厚底蘊(yùn)。相比之下，雖然電影只有120多年的歷史，但由于其直接的商業(yè)利益和傳播效果，在資本和政治的推動下發(fā)展十分迅速。尤其是好萊塢，整個電影和周邊產(chǎn)業(yè)都相當(dāng)成熟，各種尖端技術(shù)層出不窮，不斷地刷新著人們感官刺激的極限。另一方面，電影的核心理論支撐著這些不斷更新的技術(shù)，讓電影人的精力始終集中在“如何用畫面講述好一個故事”上面。

數(shù)學(xué)和電影作為兩個差別很大的行業(yè)，至少有一個共同點(diǎn)：只要新手愿意學(xué)，其中的內(nèi)容是非常豐富的，新手知道或者可以相信自己在學(xué)什么，也可以找到有體系的資料進(jìn)行學(xué)習(xí)。不會給人造成一種“我到底是不是在學(xué)數(shù)學(xué)”或“我到底是不是在學(xué)電影”的苦惱。

很遺憾的是，在我最初踏進(jìn)交互設(shè)計大門的時候，就有這樣一種苦惱。不是沒有內(nèi)容學(xué)，而是學(xué)習(xí)的知識過于繁雜。用戶調(diào)研、可用性測試、情感設(shè)計、項目實(shí)例……這些方法和知識其實(shí)源自其他領(lǐng)域，被交互設(shè)計（或者說用戶體驗(yàn)）借鑒并組合了起來。然而因?yàn)闆]有一個核心的解釋作為引導(dǎo)，不同行業(yè)背景的人總結(jié)起來的經(jīng)驗(yàn)也只是相對片面的經(jīng)驗(yàn)，無法被統(tǒng)一起來形成有機(jī)的整體。

當(dāng)初雖然我并沒有期望接觸到像數(shù)學(xué)理論一樣完善的體系，但也還是對于像電影手法那樣系統(tǒng)的知識有所期待。可是，當(dāng)時接觸到的東西讓我覺得大家似乎對于引進(jìn)其他領(lǐng)域的概念和方法更感興趣，而交互設(shè)計這個領(lǐng)域真正獨(dú)特的核心則無人問津。在很長的一段時間里，無論是從課堂上、文獻(xiàn)里還是公司中，我都沒有找到答案。于是就想，不如自己來研究交互設(shè)計的深層理論吧！

也許有人會覺得所謂的理論只是思維游戲，沒有實(shí)際作用，但我從小到大一直都沒有懷疑過理論研究的價值。例如，愛因斯坦那晦澀難懂的相對論并不是數(shù)理符號的游戲，而是對我們現(xiàn)在每天的生活都有影響。我們每天都會用到的GPS（全球定位系統(tǒng)），就必須依照相對論的原理修正其數(shù)據(jù)。如果忽視相對論的作用，就算今天GPS是準(zhǔn)的，一天之后再用或許就會有10千米以上的誤差。這是因?yàn)镚PS衛(wèi)星上的時間和地面上的時間并不同步。要發(fā)展一個完全成熟的理論需要很多年，但這無損理論核心概念的力量。雖然當(dāng)時只有一個模糊的想法，而且不知道從何處下手，但憑著這樣一個信念，我用業(yè)余時間開始了研究。

博士畢業(yè)的時候我對導(dǎo)師說計劃在5年之內(nèi)把自己的理論寫成書，他表示相當(dāng)支持。因?yàn)樵谖也蛔杂X的情況下，已經(jīng)將其發(fā)展成一套體系，有不少新的概念和觀點(diǎn)要闡述，某一篇甚至某幾篇論文的體量已經(jīng)不足以承載。但說實(shí)話，至于到底什么時候開始寫、如何寫，當(dāng)時心里完全沒譜，只是覺得這套方法還需要更多的實(shí)踐檢驗(yàn)。只有等到實(shí)踐的案例足夠多，對理論理解得更加深刻之后，才能開始考慮成書。當(dāng)時說5年也是出于這個考慮。

博士畢業(yè)之后我一直身處企業(yè)項目的實(shí)踐中，找機(jī)會應(yīng)用和驗(yàn)證這套理論。幸運(yùn)的是，我當(dāng)時所在的部門提供了不少空間讓我探索。雖然只是做導(dǎo)航服務(wù)，但智能手機(jī)、智能手表、智能汽車涉及的場景、內(nèi)容和設(shè)備都很豐富。在日常的設(shè)計工作當(dāng)中，有一些設(shè)計直接應(yīng)用了這套理論，取得了不錯的結(jié)果；另一些創(chuàng)新是間接的應(yīng)用，但思考問題的方式明顯受到了該理論的影響，因?yàn)檫@套理論是一門語言，代表的是一種視角、一種新的看問題的方式以及從這個新視角中看到的新思路。借助這些實(shí)際項目中的案例，我漸漸能更容易地和別人說清楚我在做的事情，而通過這些實(shí)踐，我自己對這套理論的理解也更加深刻。

在2017年7月的國際體驗(yàn)設(shè)計大會上，我主講了一個工作坊，向國內(nèi)的同行系統(tǒng)地介紹了我的理論和實(shí)踐。當(dāng)時就被問到，是否有書或者其他資料可以查閱。之前在韓國設(shè)計大會上做分享，也被問到過同樣的問題。雖然確實(shí)在準(zhǔn)備當(dāng)中，但當(dāng)時只有一些很原始的研究材料，完全達(dá)不到給他人參考的程度。后來在大會的間隙，認(rèn)識了一位來自清華大學(xué)出版社的編輯，問我是否愿意把我在工作坊中的內(nèi)容寫成書。我聽了之后既興奮又擔(dān)憂，興奮是因?yàn)橛羞@樣一個契機(jī)讓我的5年計劃可能提前完成；擔(dān)憂是因?yàn)槟壳扒闆r離我心中理想的成書條件，還有一點(diǎn)距離。好在并沒有糾結(jié)很久，電影《安德的游戲》里的一句臺詞讓我做出了決定：“We can never be ready, we start when we are ready enough.”（我們無法完全準(zhǔn)備好，準(zhǔn)備得差不多就該上路了。）

誠然，這套語言依然需要完善，需要實(shí)踐的檢驗(yàn)。但現(xiàn)有的內(nèi)容，已經(jīng)足以讓人理解和感受到它的作用和潛力。通過一本書系統(tǒng)地闡述，能讓更多的人了解并且參與進(jìn)來。畢竟是一門語言，用的人越多，其價值就越大，語言本身也能在實(shí)踐中不斷進(jìn)化。而且也希望借這樣一個機(jī)會，探討一下大家內(nèi)心可能都存在卻少有機(jī)會深入思考的關(guān)于交互設(shè)計的一些疑問。這些問題或深或淺，既關(guān)乎實(shí)際工作，又關(guān)乎學(xué)術(shù)研究，并且也是交互設(shè)計語言研究的出發(fā)點(diǎn)，例如：

（1）交互設(shè)計僅僅是點(diǎn)擊、縮放這些操作嗎？還是有更深層次的規(guī)律？

（2）交互設(shè)計的確切定義是什么？還是說這是一個無法被明確界定的行業(yè)或?qū)W科？

（3）交互設(shè)計區(qū)別于其他設(shè)計分支（如視覺設(shè)計）的特點(diǎn)到底是什么？

（4）交互設(shè)計師的核心競爭力是什么？這個崗位會一直存在嗎？

（5）未來的交互設(shè)計還有怎樣的發(fā)展？是有跡可循？還是等待科技的顛覆？

本書提出的“交互設(shè)計語言”本身就是對上述問題的回答。最后也是最重要的一點(diǎn)，是希望通過這本書，讓大家可以從另一個角度看待交互設(shè)計乃至任何我們與之交互的事物，從而得到不一樣的啟發(fā)。我曾經(jīng)讀過一本很不錯的書：On Intelligence（《人工智能的未來》），書的一開頭，作者杰夫·霍金斯就說讀完他這本書，可能會讓你看待世界的方式有所不同，走在街上都可能有不一樣的感受。當(dāng)時還覺得他描述得有些太夸張，沒想到讀完之后自己看世界的方式豈止是轉(zhuǎn)變了，簡直就是被顛覆了。剛讀完的那一陣，看到路邊的事物都會想起那本書，并感嘆其中闡述的奇妙視角。在交互設(shè)計語言的體系相對成熟之后，我發(fā)現(xiàn)我在做的事情非常類似。同樣是希望通過一個理論、一個新的視角，把很多看似零散的東西解釋并整合起來。很多時候，看的東西一樣，但看的視角不一樣，能發(fā)現(xiàn)的問題和想到的解決方案就會大不相同。我也希望大家在讀完這本書之后，不說看待世界的方式，至少是看待交互設(shè)計的方式，能有一個奇妙的轉(zhuǎn)變，并且向我分享各自從這個新視角看到的不一樣的風(fēng)景。

4. 如何閱讀本書

本書分為上下兩冊，共8章，從不同方面對交互設(shè)計語言進(jìn)行探討。

上冊包括“迷茫”“語言”“電影”和“視角”4章，闡釋了思維方式以及視角的轉(zhuǎn)變，對于理解交互設(shè)計語言的內(nèi)容至關(guān)重要。

第1章“迷茫”是從我自己在公司實(shí)際設(shè)計工作中的經(jīng)驗(yàn)和與行業(yè)專家的交流出發(fā)，闡述交互設(shè)計行業(yè)的現(xiàn)狀、困難和大家對于行業(yè)前景的看法。通過追溯交互設(shè)計作為一門學(xué)科的起源，試圖理清其來龍去脈，并探討交互設(shè)計語言對于行業(yè)的重要性。

第2章“語言”是從日常設(shè)計工作中的自然用語出發(fā)，深入探討語言本身的特質(zhì)及其對于使用者思維的影響。同時闡述專業(yè)領(lǐng)域的語言（如設(shè)計語言對于某個設(shè)計分支的重要性）和成為一門語言所需要的條件。

第3章“電影”通過與電影行業(yè)類比，分析電影行業(yè)初期獨(dú)特語言的誕生、應(yīng)用和影響，借此反思我們看待交互設(shè)計的方式，以及交互設(shè)計語言在交互設(shè)計行業(yè)中的發(fā)展階段和應(yīng)有的位置。

第4章“視角”從傳統(tǒng)的人機(jī)交互視角出發(fā)，細(xì)致地闡述交互設(shè)計語言的“操控力視角”及其和傳統(tǒng)視角的區(qū)別，探討這個不同視角所帶來的啟發(fā)。該視角是理解交互設(shè)計語言符號體系的前提和關(guān)鍵。

下冊包括“符號”“框架”“實(shí)踐”和“終章　設(shè)計魔法”4章，闡釋了交互設(shè)計語言的符號體系和應(yīng)用案例。

第5章“符號”詳細(xì)闡述了交互設(shè)計語言的核心概念，逐一介紹了交互設(shè)計語言體系中各符號的含義及其實(shí)例。

第6章“框架”則講解了這些符號結(jié)合起來以后，可以通過怎樣的體系框架，描述和分析產(chǎn)品的交互方式。

第7章“實(shí)踐”通過案例介紹從實(shí)際工作中總結(jié)出來的交互設(shè)計語言在3個層面上的應(yīng)用，并通過4個案例說明具體的應(yīng)用過程。

第8章“終章　設(shè)計魔法”總結(jié)了交互設(shè)計語言的理論和實(shí)踐體系，從這個新的視角出發(fā)，對未來的交互技術(shù)、交互設(shè)計工具以及交互設(shè)計師的職責(zé)進(jìn)行展望和探討。

由于交互設(shè)計語言是一個相對較新的理論體系，并不存在所謂的“基礎(chǔ)知識”，不論初級還是高級設(shè)計師，都能根據(jù)自己的需求閱讀。對于剛?cè)胄谢蛘邔换ピO(shè)計感興趣的讀者，建議從頭到尾閱讀，尤其不要跳過第1章“迷茫”和第2章“語言”，通過這兩章，你能對現(xiàn)階段的交互設(shè)計行業(yè)有一個大概的認(rèn)識，并意識到將來工作中可能會遇到的問題。有一定經(jīng)驗(yàn)的中、高級設(shè)計師，可以跳過第1、2章，直接閱讀第3章“電影”和第4章“視角”，結(jié)合自己在工作中的經(jīng)驗(yàn)和感悟，體會交互設(shè)計語言不一樣的視角。對交互設(shè)計語言有一定了解的讀者，可以直接參閱第5章“符號”和第6章“框架”，并將此書作為工具書隨時查閱和溫習(xí)。第7章“實(shí)踐”是隨時都能閱讀的，甚至有時候提前看了，反而能對交互設(shè)計語言的內(nèi)容和價值有更感性、更直觀的認(rèn)識。

既然是一門語言，那么肯定會有一定的學(xué)習(xí)成本。這個學(xué)習(xí)成本與相對簡單的設(shè)計方法相比更高，并且在一定程度上因人而異。交互設(shè)計語言本身所描述的就是抽象層面的相互關(guān)系，抽象思維對交互設(shè)計語言的學(xué)習(xí)會有一定幫助。使用這一語言的時候，也需要能夠暫時拋開具體的視覺元素，思考表象背后的交互關(guān)系。開發(fā)人員日常工作所需要處理的邏輯關(guān)系比交互關(guān)系復(fù)雜得多，也抽象得多。因此交互設(shè)計語言對于程序員，尤其是對界面設(shè)計有所了解的前端程序員來說，學(xué)習(xí)成本相對較低。不過對于任何人來說，交互設(shè)計語言的學(xué)習(xí)成本都比最簡單的編程語言要低得多。交互設(shè)計語言只涉及交互的對象和它們之間的關(guān)系，并不涉及更復(fù)雜的數(shù)理邏輯，它描述的是影響用戶使用感受的交互細(xì)節(jié)，而這一部分細(xì)節(jié)也確實(shí)是設(shè)計師需要負(fù)責(zé)思考的范圍。

如果你對數(shù)學(xué)有些恐懼，別擔(dān)心，我不會在本書中講述數(shù)學(xué)理論。你只需要將數(shù)學(xué)當(dāng)作眾多思維方式中的一種，還有很多其他的思維方式（例如電影）。歌德曾經(jīng)說過：“有些書寫出來不是為了讓別人學(xué)到什么，而是向世人炫耀作者知道什么。”我個人很不喜歡這樣的方式，因此本書的觀點(diǎn)更多是以一種探討的姿態(tài)敘述，歡迎大家批評指正，碰撞出更多思維的火花。也希望更多人能夠加入交互設(shè)計語言的研究，創(chuàng)造出更多更好的交互式產(chǎn)品。

作者　羅濤