我們總是對UX、Interaction、HCI、UI等等一些交互設計概念傻傻分不清楚，到底這些概念的基本定義是什么？又有何區別？文章一一解讀。

一直以來(lái)，經(jīng)常有學(xué)生來(lái)問(wèn)我，“是該選產(chǎn)品設計好還是交互設計好？”或者“過(guò)去是做產(chǎn)品設計的可不可以轉交互設計？”“是不是視覺(jué)設計轉交互或者界面設計方便點(diǎn)？”等等諸如此類(lèi)的問(wèn)題。

筆者注：“產(chǎn)品”既可以是物質(zhì)化的（硬件等實(shí)體產(chǎn)物），也可以是非物質(zhì)化的（軟件、服務(wù)等虛擬產(chǎn)物），學(xué)生的問(wèn)題里所指的，以及之后全文中所提及的“產(chǎn)品”二字，都是指狹義層面上的工業(yè)設計范疇的實(shí)體形式，也即硬件產(chǎn)品。

先不說(shuō)別的，這里面有些問(wèn)題本身問(wèn)的就有問(wèn)題，暴露了現在很多學(xué)生、甚至很多從業(yè)者對交互設計的理解偏差和混亂，要解答這些問(wèn)題，我自己覺(jué)得，我們有必要先來(lái)搞搞清楚幾個(gè)現在經(jīng)常聽(tīng)到的名詞，以及它們之間到底是什么關(guān)系：UX、Interaction、HCI、UI。

1.UX – User Experience，也可以寫(xiě)成UE，用戶(hù)體驗設計

這個(gè)詞最先由電子工程學(xué)、心理學(xué)、認知科學(xué)學(xué)者唐納德·諾曼（Donald Norman）在1990年代提出。通過(guò)提升用戶(hù)與產(chǎn)品或服務(wù)交互中的可用性（分為有用性和易用性）、可觸達性、情感性等因素，最終使用戶(hù)達到滿(mǎn)意的設計過(guò)程，便是所謂的用戶(hù)體驗設計。

其實(shí)當時(shí)時(shí)任蘋(píng)果公司用戶(hù)體驗架構師（User Experience Architect ）的諾曼，主要是針對人和計算機的交互層面，提出的“用戶(hù)體驗”，他認為光是用可用性設計或者用戶(hù)界面設計來(lái)定義當時(shí)那些計算機系統或軟件設計師做的事情還是太狹窄。

但我們現在知道，隨著(zhù)其自身定義的不斷發(fā)展，用戶(hù)體驗設計覆蓋的也已經(jīng)不止是人和計算機的交互層面，也可以是人和器物的交互（工業(yè)設計）、人和系統的交互（服務(wù)設計）等等。

其實(shí)，用戶(hù)體驗設計最早可以追溯到1940年代，只不過(guò)那時(shí)人們不叫這個(gè)詞，它有另一個(gè)名字，叫人因工學(xué)設計（Human factors and ergonomics），與用戶(hù)體驗之于人機交互不同的是，后者更專(zhuān)注于物理環(huán)境下，人的因素（生理、心理等因素）和實(shí)體產(chǎn)品設計（物理因素）之間的關(guān)系。

所以實(shí)際上，不論是過(guò)去傳統的產(chǎn)品設計，計算機時(shí)代的軟件設計，還是當下體驗經(jīng)濟時(shí)代的服務(wù)設計，廣義上講，都是在設計用戶(hù)的體驗，只是承載功能、傳遞價(jià)值、產(chǎn)生體驗的媒介不同罷了，媒介也就是設計產(chǎn)物——設計者締造解決方案的載體，可以是硬件產(chǎn)品、軟件系統、也可以是服務(wù)體系。所以本質(zhì)上用戶(hù)體驗設計可以泛指所有的以用戶(hù)為對象的設計領(lǐng)域，也可以具體指某個(gè)細分設計專(zhuān)業(yè)。

當下，企業(yè)設置很多職位、很多設計師自稱(chēng)為UX Designer，其實(shí)是特指某個(gè)或幾個(gè)細分設計專(zhuān)業(yè)，其中以軟件設計（常見(jiàn)的網(wǎng)頁(yè)、客戶(hù)端產(chǎn)品、系統設計等等）和服務(wù)設計為主，所以同樣，如果一個(gè)產(chǎn)品設計師說(shuō)他是UX Designer，沒(méi)有任何問(wèn)題。假設我們把所謂的“體驗”定義為用戶(hù)使用產(chǎn)品或服務(wù)過(guò)程的前、中、后整個(gè)周期的綜合情感，那么艾斯林格的“Form follows Emotion”就是產(chǎn)品設計也屬于UX的最好證明。

2.Interaction，交互設計

我們可以把Interaction這個(gè)詞拆開(kāi)來(lái)理解，由Inter和Action組合而成，在一個(gè)交互關(guān)系中，一定有一對或多對主客體存在，他們相互（Inter）作用（Aciton），主體輸入、客體輸出（I/O – Input/Output）的行為過(guò)程就是交互（Interaction）。那么交互設計，其實(shí)就是在設計交互（Design Interaction），設計“人之于其他一切客體的行為”。

要設計人的行為，首先就是要了解人是怎么產(chǎn)生行為的。仔細研究，你會(huì )發(fā)現，不管對于何種客體，人的行為大致一樣，都經(jīng)歷了一段從感性認識、到實(shí)踐、再到理性認識的過(guò)程：感知（Perception）、預測（Anticipation）、行動(dòng)（Action）、反饋（Feedback）、認知（Cognition）。

舉個(gè)例子，當某人看到墻上有個(gè)折彎、凸出的橫向圓柱形器物（感知），覺(jué)得應該可以握著(zhù)它并且可以旋轉（預測），于是他這么做了（行動(dòng)），這個(gè)圓柱形器物果然旋轉了并且伴隨著(zhù)“咔噠”一聲，同時(shí)隨著(zhù)此人繼續拉動(dòng)圓柱形器物，這面墻被打開(kāi)了（反饋）。哦，于是這個(gè)人明白了，這面墻是個(gè)門(mén)，而這個(gè)折彎、凸出的橫向圓柱形器物是可以控制這個(gè)門(mén)的開(kāi)關(guān)的裝置，于是他以后都知道，這個(gè)叫做門(mén)的把手（認知）。

在這個(gè)過(guò)程中，我們發(fā)現，用戶(hù)得到的反饋符合了他最初的預測，順利完成了目的，產(chǎn)生的這種愉悅、順心的情感其實(shí)就是體驗，所以我們講，用戶(hù)體驗來(lái)自于用戶(hù)與客體的交互過(guò)程和它帶來(lái)的結果，用戶(hù)體驗設計包含交互設計，如果說(shuō)體驗是設計者最終的目的，那么交互設計就是實(shí)現體驗的渠道和來(lái)源。

同時(shí)，我們還可以發(fā)現，在這個(gè)過(guò)程中，其實(shí)只有門(mén)把手才是設計者直接締造的產(chǎn)物，你可能會(huì )說(shuō)這是屬于產(chǎn)品設計師的范疇，但它的的確確演繹出了一整個(gè)人的行為過(guò)程，并且靠這個(gè)產(chǎn)物實(shí)現了人的目的或需求，這好像又是交互設計師的范疇。

寫(xiě)到這里，你可能會(huì )發(fā)現，原來(lái)往往人們判別設計范疇的方法是直接看這個(gè)設計師產(chǎn)出的是什么，是門(mén)把手，就是產(chǎn)品設計師，是光標，就是軟件設計師。但其本質(zhì)上他們都是交互設計師，都遵循著(zhù)交互設計中最核心的行為邏輯在做設計：用戶(hù)在某種特定場(chǎng)景下通過(guò)媒介的使用行為來(lái)完成某個(gè)目的，其中包含了在設計交互中必不可少的五個(gè)要素：用戶(hù)（who）、場(chǎng)景（when&where）、媒介（what）、行為（how）、目的（why）。

所以最后在交互設計范疇下，繼續細分專(zhuān)業(yè)方向的標準就是，媒介 —— 人行為作用的客體，設計師締造的直接對象。人和器物之間的交互，產(chǎn)品設計；人和信息之間的交互，視覺(jué)傳達或數字媒體；人和計算機之間的交互，狹義交互設計，等等。

所以今天為什么提到交互設計或者UX設計，人們下意識地會(huì )將它們和軟件設計、網(wǎng)頁(yè)設計、App手機應用設計劃等號，就是因為（移動(dòng)）互聯(lián)網(wǎng)時(shí)代或者數字經(jīng)濟時(shí)代的主要產(chǎn)品形態(tài)是虛擬的（軟件系統或服務(wù)體系），交互的媒介則是以諸如電腦、手機觸屏等為載體的圖形界面GUI（Graphic User Interface）。

對于那些詢(xún)問(wèn)說(shuō)“產(chǎn)品設計能不能轉交互設計”的同學(xué)而言，根本就不存在“轉”，產(chǎn)品設計本身就是交互設計，解決人怎么更方便使用產(chǎn)品的問(wèn)題，何嘗不是在設計人的行為？所以其實(shí)這里同學(xué)腦子里想的交互設計并不是廣義交互，而正是指以軟件、網(wǎng)頁(yè)、App手機應用等為產(chǎn)物的狹義交互，但它們所代表的GUI卻只是HCI中，用戶(hù)界面的一個(gè)階段性范疇，是暫時(shí)的，甚至以后會(huì )被替代的，我們接著(zhù)看下去。

3.HCI，Human Computer Interaction，人與計算機交互，也就是我們經(jīng)常講的人機交互

根據前文我們可以知道，計算機不過(guò)是一種新媒介、新客體，所以人和計算機之間的交互，依然屬于交互設計范疇下的一個(gè)領(lǐng)域。提到HCI，就不得不提另一個(gè)詞，HMI（Human Machine Interaction），人與機器交互。

HMI可以指人與搭載計算機的機器之間的交互，比如智能洗衣機，數碼相機等，也可以指人與不搭載計算機、計算處理靠機械運作的傳統機器之間的交互，比如自行車(chē)、汽車(chē)（當然現在汽車(chē)早就搭載計算機），所以如果我們把計算機也比做機器的一種類(lèi)型的話(huà)，那么HCI是被包含在HMI范疇中的，它們同時(shí)屬于交互設計范疇。

筆者注：這里可以普及一個(gè)小知識點(diǎn)，處理機器和機器（MMI – Machine Machine Interaction）之間關(guān)系的，是工程師，處理人和機器之間關(guān)系的，是設計師。

回過(guò)頭再來(lái)看HCI，計算機這一全新客體的出現，改變了人以往與物的交互行為方式。前面我們提到的那個(gè)門(mén)把手的例子，當人給予這個(gè)門(mén)把手一些操作，也就是輸入動(dòng)作后，把手的旋轉、門(mén)鉸鏈的轉動(dòng)導致門(mén)的開(kāi)啟等等過(guò)程，都是可以被感知的，也就是物的計算過(guò)程是可見(jiàn)的、瞬時(shí)的，人可以馬上感知和判斷自己的輸入或操作，有沒(méi)有對客體產(chǎn)生影響和作用。但是對于計算機而言，這個(gè)計算過(guò)程是人看不見(jiàn)的，我們稱(chēng)之為“黑箱化”的，那么人通過(guò)一些輸入設備對計算機發(fā)出操作，怎么才能讓人感知到計算機有反應、有在計算，這就需要非物理界面進(jìn)行信息的表達和傳遞，下面我們來(lái)看看HCI中都有哪些用戶(hù)界面形式。

4.UI，User Interface，用戶(hù)界面

它是不同交互媒介用來(lái)表達功能和反饋用戶(hù)行為結果的重要載體。還是拿門(mén)把手的例子來(lái)解釋?zhuān)绻T(mén)把手是用戶(hù)要完成開(kāi)門(mén)目的的媒介的話(huà)，那么它的造型、材質(zhì)等塑造出的整體外觀(guān)就是這個(gè)媒介的用戶(hù)界面，屬于物理界面，首先它的外觀(guān)讓人對其有一個(gè)初步的視覺(jué)感知，其次折彎、凸出的橫向圓柱形特征傳遞出可以握持、旋轉的功能含義，最后它本身的旋轉、給手的觸感直接給予人操作行為的反饋。

形式（外觀(guān)）對應感知層；

功能可見(jiàn)性（產(chǎn)品語(yǔ)義）對應預測層；

反饋／輸出對應行動(dòng)／輸入 （筆者自繪）

那么同樣道理，對于今天高度普及的智能手機而言，那塊觸屏下的圖形界面就是用戶(hù)界面，屬于虛擬界面，手機系統或軟件應用的所有功能，以及人點(diǎn)觸、滑動(dòng)完的所有反饋，便都是通過(guò)這個(gè)二維的、圖形語(yǔ)言的用戶(hù)界面來(lái)表達，比如iOS系統中開(kāi)關(guān)控件的設計，它的圖形語(yǔ)義就暗示著(zhù)人可以像現實(shí)生活一樣，通過(guò)撥動(dòng)那個(gè)按鈕，來(lái)實(shí)現開(kāi)關(guān)的功能。

由于圖形要素在以屏幕、觸屏為主要交互媒介中扮演了主要角色，這就不難解釋為什么很多視覺(jué)設計師可以較低成本地轉型為UI設計師，但我們始終要明晰，這里的UI指的僅僅是GUI，圖形用戶(hù)界面。因為對于整個(gè)HCI范疇而言，GUI只是其中一種且較早的用戶(hù)界面形式。

計算機最早與人溝通的界面是CLI（Command Line Interface），也就是指令式用戶(hù)界面，人輸入計算機語(yǔ)言（早期的二進(jìn)制語(yǔ)言），計算機反饋的也是計算機語(yǔ)言，今天的程序員依舊使用的是這種交互方式，它對人的專(zhuān)業(yè)性要求高，交互的信息也極為抽象；而后隨著(zhù)施樂(lè )公司（Xerox）的一群電腦工程師發(fā)明了圖形界面GUI，人不用再學(xué)習復雜的計算機語(yǔ)言，即使是兒童都可以通過(guò)鼠標來(lái)操作屏幕里的一切圖形元素，所看即所得；后來(lái)，拋開(kāi)鼠標、鍵盤(pán)等外接輸入設備，人能直接用手指、手勢甚至其他人體組織等作為輸入設備，和計算機進(jìn)行交互，這就屬于NUI Natural User Interface，自然用戶(hù)界面；當然人機交互界面還會(huì )發(fā)展到諸如TUI、OUI、甚至BCI等階段，這里就不逐一展開(kāi)贅述。

HCI人機交互下，用戶(hù)界面的演變過(guò)程（筆者自繪）

現在，我們可以試著(zhù)回答UX、Interaction、HCI、UI之間的關(guān)系：UX > Interaction（> HMI > HCI）> UI > GUI，用戶(hù)體驗源于交互，并包含交互，而一切人與客體之間的相互作用都屬于交互，其中按客體類(lèi)型可以分為HMI、HCI等，而HCI屬于HMI范疇；用戶(hù)界面則是交互媒介用來(lái)表達功能和反饋用戶(hù)行為結果的載體，在HCI范疇里，隨技術(shù)、媒介形式的變化，分階段性發(fā)展出不同的用戶(hù)界面形式，圖形界面GUI只是其中的一種。

所以我們現在很清楚了，當下很多UX／UI Designer本質(zhì)上其實(shí)就是人與計算機交互（HCI）范疇下、圖形界面（GUI）范疇的狹義交互或界面設計師。一塊3.5英寸的屏幕，催生了當今數以萬(wàn)計的，所謂的UX、交互、UI設計師，更有新來(lái)者趨之若鶩，是趨利還是趨勢，不得而知，但有一點(diǎn)可以肯定，技術(shù)的發(fā)展、媒介的變化，一定會(huì )產(chǎn)生新的交互方式，新的用戶(hù)界面形式，也一定會(huì )淘汰掉我們今天中的很大一部分人。