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

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

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

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

其實當(dāng)時時任蘋果公司用戶體驗架構(gòu)師（User Experience Architect ）的諾曼，主要是針對人和計算機(jī)的交互層面，提出的"用戶體驗"，他認(rèn)為光是用可用性設(shè)計或者用戶界面設(shè)計來定義當(dāng)時那些計算機(jī)系統(tǒng)或軟件設(shè)計師做的事情還是太狹窄。

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

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

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

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

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

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

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

圖片來自于網(wǎng)絡(luò)

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

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

寫到這里，你可能會發(fā)現(xiàn)，原來往往人們判別設(shè)計范疇的方法是直接看這個設(shè)計師產(chǎn)出的是什么，是門把手，就是產(chǎn)品設(shè)計師，是光標(biāo)，就是軟件設(shè)計師。但其本質(zhì)上他們都是交互設(shè)計師，都遵循著交互設(shè)計中最核心的行為邏輯在做設(shè)計：用戶在某種特定場景下通過媒介的使用行為來完成某個目的，其中包含了在設(shè)計交互中必不可少的五個要素：用戶（who）、場景（when&where）、媒介（what）、行為（how）、目的（why）。所以最后在交互設(shè)計范疇下，繼續(xù)細(xì)分專業(yè)方向的標(biāo)準(zhǔn)就是，媒介 —— 人行為作用的客體，設(shè)計師締造的直接對象。人和器物之間的交互，產(chǎn)品設(shè)計；人和信息之間的交互，視覺傳達(dá)或數(shù)字媒體；人和計算機(jī)之間的交互，狹義交互設(shè)計，等等。

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

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

（3）HCI，Human Computer Interaction，人與計算機(jī)交互，也就是我們經(jīng)常講的人機(jī)交互。根據(jù)前文我們可以知道，計算機(jī)不過是一種新媒介、新客體，所以人和計算機(jī)之間的交互，依然屬于交互設(shè)計范疇下的一個領(lǐng)域。提到HCI，就不得不提另一個詞，HMI（Human Machine Interaction），人與機(jī)器交互。HMI可以指人與搭載計算機(jī)的機(jī)器之間的交互，比如智能洗衣機(jī)，數(shù)碼相機(jī)等，也可以指人與不搭載計算機(jī)、計算處理靠機(jī)械運(yùn)作的傳統(tǒng)機(jī)器之間的交互，比如自行車、汽車（當(dāng)然現(xiàn)在汽車早就搭載計算機(jī)），所以如果我們把計算機(jī)也比做機(jī)器的一種類型的話，那么HCI是被包含在HMI范疇中的，它們同時屬于交互設(shè)計范疇。

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

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

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

1. 形式（外觀）對應(yīng)感知層；2. 功能可見性（產(chǎn)品語義）對應(yīng)預(yù)測層；3. 反饋／輸出對應(yīng)行動／輸入 （筆者自繪）

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

圖片來自于網(wǎng)絡(luò)

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

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

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

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

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

看清楚，才能主動做選擇，否則永遠(yuǎn)隨波逐流。

共勉。

＊推薦和參考

1.比爾·莫格里奇 《關(guān)鍵設(shè)計報告：改變過去影響未來的交互設(shè)計法則》

2.唐納德·A·諾曼 《設(shè)計心理學(xué)》

3.范圣璽 《行為與認(rèn)知的設(shè)計