一直以來(lái)笙什，經(jīng)常有學(xué)生來(lái)問(wèn)我飘哨，“是該選產(chǎn)品設(shè)計(jì)好還是交互設(shè)計(jì)好？”或者“過(guò)去是做產(chǎn)品設(shè)計(jì)的可不可以轉(zhuǎn)交互設(shè)計(jì)琐凭？”“是不是視覺(jué)設(shè)計(jì)轉(zhuǎn)交互或者界面設(shè)計(jì)方便點(diǎn)芽隆？”等等諸如此類的問(wèn)題。
筆者注：“產(chǎn)品”既可以是物質(zhì)化的（硬件等實(shí)體產(chǎn)物）统屈，也可以是非物質(zhì)化的（軟件胚吁、服務(wù)等虛擬產(chǎn)物），學(xué)生的問(wèn)題里所指的愁憔，以及之后全文中所提及的“產(chǎn)品”二字囤采，都是指狹義層面上的工業(yè)設(shè)計(jì)范疇的實(shí)體形式，也即硬件產(chǎn)品惩淳。
先不說(shuō)別的蕉毯，這里面有些問(wèn)題本身問(wèn)的就有問(wèn)題，暴露了現(xiàn)在很多學(xué)生思犁、甚至很多從業(yè)者對(duì)交互設(shè)計(jì)的理解偏差和混亂代虾，要解答這些問(wèn)題，我自己覺(jué)得激蹲，我們有必要先來(lái)搞搞清楚幾個(gè)現(xiàn)在經(jīng)常聽(tīng)到的名詞棉磨，以及它們之間到底是什么關(guān)系：UX、Interaction学辱、HCI乘瓤、UI环形。
（1）UX -?User Experience，也可以寫成UE衙傀，用戶體驗(yàn)設(shè)計(jì)抬吟。這個(gè)詞最先由電子工程學(xué)、心理學(xué)统抬、認(rèn)知科學(xué)學(xué)者唐納德·諾曼（Donald Norman）在1990年代提出火本。通過(guò)提升用戶與產(chǎn)品或服務(wù)交互中的可用性（分為有用性和易用性）、可觸達(dá)性聪建、情感性等因素钙畔，最終使用戶達(dá)到滿意的設(shè)計(jì)過(guò)程，便是所謂的用戶體驗(yàn)設(shè)計(jì)金麸。
其實(shí)當(dāng)時(shí)時(shí)任蘋果公司用戶體驗(yàn)架構(gòu)師（User Experience Architect ）的諾曼擎析，主要是針對(duì)人和計(jì)算機(jī)的交互層面，提出的“用戶體驗(yàn)”挥下，他認(rèn)為光是用可用性設(shè)計(jì)或者用戶界面設(shè)計(jì)來(lái)定義當(dāng)時(shí)那些計(jì)算機(jī)系統(tǒng)或軟件設(shè)計(jì)師做的事情還是太狹窄揍魂。
但我們現(xiàn)在知道，隨著其自身定義的不斷發(fā)展见秽，用戶體驗(yàn)設(shè)計(jì)覆蓋的也已經(jīng)不止是人和計(jì)算機(jī)的交互層面，也可以是人和器物的交互（工業(yè)設(shè)計(jì)）讨盒、人和系統(tǒng)的交互（服務(wù)設(shè)計(jì)）等等解取。
其實(shí)，用戶體驗(yàn)設(shè)計(jì)最早可以追溯到1940年代返顺，只不過(guò)那時(shí)人們不叫這個(gè)詞禀苦，它有另一個(gè)名字，叫人因工學(xué)設(shè)計(jì)（Human factors and ergonomics）遂鹊，與用戶體驗(yàn)之于人機(jī)交互不同的是振乏，后者更專注于物理環(huán)境下，人的因素（生理秉扑、心理等因素）和實(shí)體產(chǎn)品設(shè)計(jì)（物理因素）之間的關(guān)系慧邮。
所以實(shí)際上，不論是過(guò)去傳統(tǒng)的產(chǎn)品設(shè)計(jì)舟陆，計(jì)算機(jī)時(shí)代的軟件設(shè)計(jì)误澳，還是當(dāng)下體驗(yàn)經(jīng)濟(jì)時(shí)代的服務(wù)設(shè)計(jì)，廣義上講秦躯，都是在設(shè)計(jì)用戶的體驗(yàn)忆谓，只是承載功能、傳遞價(jià)值踱承、產(chǎn)生體驗(yàn)的媒介不同罷了倡缠，媒介也就是設(shè)計(jì)產(chǎn)物——設(shè)計(jì)者締造解決方案的載體哨免，可以是硬件產(chǎn)品、軟件系統(tǒng)昙沦、也可以是服務(wù)體系琢唾。所以本質(zhì)上用戶體驗(yàn)設(shè)計(jì)可以泛指所有的以用戶為對(duì)象的設(shè)計(jì)領(lǐng)域，也可以具體指某個(gè)細(xì)分設(shè)計(jì)專業(yè)桅滋。
當(dāng)下慧耍，企業(yè)設(shè)置很多職位、很多設(shè)計(jì)師自稱為UX Designer丐谋，其實(shí)是特指某個(gè)或幾個(gè)細(xì)分設(shè)計(jì)專業(yè)芍碧，其中以軟件設(shè)計(jì)（常見(jiàn)的網(wǎng)頁(yè)、客戶端產(chǎn)品号俐、系統(tǒng)設(shè)計(jì)等等）和服務(wù)設(shè)計(jì)為主泌豆，所以同樣，如果一個(gè)產(chǎn)品設(shè)計(jì)師說(shuō)他是UX Designer吏饿，沒(méi)有任何問(wèn)題踪危。假設(shè)我們把所謂的“體驗(yàn)”定義為用戶使用產(chǎn)品或服務(wù)過(guò)程的前、中猪落、后整個(gè)周期的綜合情感贞远，那么艾斯林格的“Form follows Emotion”就是產(chǎn)品設(shè)計(jì)也屬于UX的最好證明。
（2）Interaction笨忌，交互設(shè)計(jì)蓝仲。我們可以把Interaction這個(gè)詞拆開(kāi)來(lái)理解，由Inter和Action組合而成官疲，在一個(gè)交互關(guān)系中袱结，一定有一對(duì)或多對(duì)主客體存在，他們相互（Inter）作用（Aciton）途凫，主體輸入垢夹、客體輸出（I/O - Input/Output）的行為過(guò)程就是交互（Interaction）。那么交互設(shè)計(jì)维费，其實(shí)就是在設(shè)計(jì)交互（Design Interaction）果元，設(shè)計(jì)“人之于其他一切客體的行為”。
要設(shè)計(jì)人的行為犀盟，首先就是要了解人是怎么產(chǎn)生行為的噪漾。仔細(xì)研究，你會(huì)發(fā)現(xiàn)且蓬，不管對(duì)于何種客體欣硼，人的行為大致一樣，都經(jīng)歷了一段從感性認(rèn)識(shí)、到實(shí)踐诈胜、再到理性認(rèn)識(shí)的過(guò)程：感知（Perception）豹障、預(yù)測(cè)（Anticipation）、行動(dòng)（Action）焦匈、反饋（Feedback）血公、認(rèn)知（Cognition）。
舉個(gè)例子缓熟，當(dāng)某人看到墻上有個(gè)折彎累魔、凸出的橫向圓柱形器物（感知），覺(jué)得應(yīng)該可以握著它并且可以旋轉(zhuǎn)（預(yù)測(cè)）够滑，于是他這么做了（行動(dòng)）垦写，這個(gè)圓柱形器物果然旋轉(zhuǎn)了并且伴隨著“咔噠”一聲，同時(shí)隨著此人繼續(xù)拉動(dòng)圓柱形器物彰触，這面墻被打開(kāi)了（反饋）梯投。哦，于是這個(gè)人明白了况毅，這面墻是個(gè)門分蓖，而這個(gè)折彎、凸出的橫向圓柱形器物是可以控制這個(gè)門的開(kāi)關(guān)的裝置尔许，于是他以后都知道么鹤，這個(gè)叫做門的把手（認(rèn)知）。
在這個(gè)過(guò)程中味廊，我們發(fā)現(xiàn)蒸甜，用戶得到的反饋符合了他最初的預(yù)測(cè)，順利完成了目的毡们，產(chǎn)生的這種愉悅迅皇、順心的情感其實(shí)就是體驗(yàn)昧辽，所以我們講衙熔，用戶體驗(yàn)來(lái)自于用戶與客體的交互過(guò)程和它帶來(lái)的結(jié)果，用戶體驗(yàn)設(shè)計(jì)包含交互設(shè)計(jì)搅荞，如果說(shuō)體驗(yàn)是設(shè)計(jì)者最終的目的红氯，那么交互設(shè)計(jì)就是實(shí)現(xiàn)體驗(yàn)的渠道和來(lái)源。
同時(shí)咕痛，我們還可以發(fā)現(xiàn)痢甘，在這個(gè)過(guò)程中，其實(shí)只有門把手才是設(shè)計(jì)者直接締造的產(chǎn)物茉贡，你可能會(huì)說(shuō)這是屬于產(chǎn)品設(shè)計(jì)師的范疇塞栅，但它的的確確演繹出了一整個(gè)人的行為過(guò)程，并且靠這個(gè)產(chǎn)物實(shí)現(xiàn)了人的目的或需求腔丧，這好像又是交互設(shè)計(jì)師的范疇放椰。
寫到這里作烟，你可能會(huì)發(fā)現(xiàn)，原來(lái)往往人們判別設(shè)計(jì)范疇的方法是直接看這個(gè)設(shè)計(jì)師產(chǎn)出的是什么砾医，是門把手拿撩，就是產(chǎn)品設(shè)計(jì)師，是光標(biāo)如蚜，就是軟件設(shè)計(jì)師压恒。但其本質(zhì)上他們都是交互設(shè)計(jì)師，都遵循著交互設(shè)計(jì)中最核心的行為邏輯在做設(shè)計(jì)：用戶在某種特定場(chǎng)景下通過(guò)媒介的使用行為來(lái)完成某個(gè)目的错邦，其中包含了在設(shè)計(jì)交互中必不可少的五個(gè)要素：用戶（who）探赫、場(chǎng)景（when&where）、媒介（what）兴猩、行為（how）期吓、目的（why）。所以最后在交互設(shè)計(jì)范疇下倾芝，繼續(xù)細(xì)分專業(yè)方向的標(biāo)準(zhǔn)就是讨勤，媒介 —— 人行為作用的客體，設(shè)計(jì)師締造的直接對(duì)象晨另。人和器物之間的交互潭千，產(chǎn)品設(shè)計(jì)；人和信息之間的交互借尿，視覺(jué)傳達(dá)或數(shù)字媒體刨晴；人和計(jì)算機(jī)之間的交互，狹義交互設(shè)計(jì)路翻，等等狈癞。
所以今天為什么提到交互設(shè)計(jì)或者UX設(shè)計(jì)，人們下意識(shí)地會(huì)將它們和軟件設(shè)計(jì)茂契、網(wǎng)頁(yè)設(shè)計(jì)蝶桶、App手機(jī)應(yīng)用設(shè)計(jì)劃等號(hào)，就是因?yàn)椋ㄒ苿?dòng)）互聯(lián)網(wǎng)時(shí)代或者數(shù)字經(jīng)濟(jì)時(shí)代的主要產(chǎn)品形態(tài)是虛擬的（軟件系統(tǒng)或服務(wù)體系）掉冶，交互的媒介則是以諸如電腦真竖、手機(jī)觸屏等為載體的圖形界面GUI（Graphic User Interface）。
對(duì)于那些詢問(wèn)說(shuō)“產(chǎn)品設(shè)計(jì)能不能轉(zhuǎn)交互設(shè)計(jì)”的同學(xué)而言厌小，根本就不存在“轉(zhuǎn)”恢共，產(chǎn)品設(shè)計(jì)本身就是交互設(shè)計(jì)，解決人怎么更方便使用產(chǎn)品的問(wèn)題璧亚，何嘗不是在設(shè)計(jì)人的行為讨韭？所以其實(shí)這里同學(xué)腦子里想的交互設(shè)計(jì)并不是廣義交互，而正是指以軟件、網(wǎng)頁(yè)透硝、App手機(jī)應(yīng)用等為產(chǎn)物的狹義交互吉嚣，但它們所代表的GUI卻只是HCI中，用戶界面的一個(gè)階段性范疇蹬铺，是暫時(shí)的尝哆，甚至以后會(huì)被替代的，我們接著看下去甜攀。
（3）HCI秋泄，Human Computer Interaction，人與計(jì)算機(jī)交互规阀，也就是我們經(jīng)常講的人機(jī)交互恒序。根據(jù)前文我們可以知道，計(jì)算機(jī)不過(guò)是一種新媒介谁撼、新客體歧胁，所以人和計(jì)算機(jī)之間的交互，依然屬于交互設(shè)計(jì)范疇下的一個(gè)領(lǐng)域厉碟。提到HCI喊巍，就不得不提另一個(gè)詞麻裳，HMI（Human Machine Interaction）齐饮，人與機(jī)器交互宜猜。HMI可以指人與搭載計(jì)算機(jī)的機(jī)器之間的交互州泊，比如智能洗衣機(jī)，數(shù)碼相機(jī)等衬衬，也可以指人與不搭載計(jì)算機(jī)裤园、計(jì)算處理靠機(jī)械運(yùn)作的傳統(tǒng)機(jī)器之間的交互婆赠，比如自行車铐殃、汽車（當(dāng)然現(xiàn)在汽車早就搭載計(jì)算機(jī)）海洼，所以如果我們把計(jì)算機(jī)也比做機(jī)器的一種類型的話，那么HCI是被包含在HMI范疇中的富腊，它們同時(shí)屬于交互設(shè)計(jì)范疇坏逢。
筆者注：這里可以普及一個(gè)小知識(shí)點(diǎn)，處理機(jī)器和機(jī)器（MMI -?Machine Machine Interaction）之間關(guān)系的蟹肘，是工程師词疼，處理人和機(jī)器之間關(guān)系的俯树，是設(shè)計(jì)師帘腹。
回過(guò)頭再來(lái)看HCI，計(jì)算機(jī)這一全新客體的出現(xiàn)许饿，改變了人以往與物的交互行為方式阳欲。前面我們提到的那個(gè)門把手的例子，當(dāng)人給予這個(gè)門把手一些操作，也就是輸入動(dòng)作后球化，把手的旋轉(zhuǎn)秽晚、門鉸鏈的轉(zhuǎn)動(dòng)導(dǎo)致門的開(kāi)啟等等過(guò)程，都是可以被感知的筒愚，也就是物的計(jì)算過(guò)程是可見(jiàn)的赴蝇、瞬時(shí)的，人可以馬上感知和判斷自己的輸入或操作巢掺，有沒(méi)有對(duì)客體產(chǎn)生影響和作用句伶。但是對(duì)于計(jì)算機(jī)而言，這個(gè)計(jì)算過(guò)程是人看不見(jiàn)的陆淀，我們稱之為“黑箱化”的考余，那么人通過(guò)一些輸入設(shè)備對(duì)計(jì)算機(jī)發(fā)出操作，怎么才能讓人感知到計(jì)算機(jī)有反應(yīng)轧苫、有在計(jì)算楚堤，這就需要非物理界面進(jìn)行信息的表達(dá)和傳遞，下面我們來(lái)看看HCI中都有哪些用戶界面形式含懊。
（4）UI身冬，User Interface，用戶界面岔乔。它是不同交互媒介用來(lái)表達(dá)功能和反饋用戶行為結(jié)果的重要載體吏恭。還是拿門把手的例子來(lái)解釋，如果門把手是用戶要完成開(kāi)門目的的媒介的話重罪，那么它的造型樱哼、材質(zhì)等塑造出的整體外觀就是這個(gè)媒介的用戶界面，屬于物理界面剿配，首先它的外觀讓人對(duì)其有一個(gè)初步的視覺(jué)感知搅幅，其次折彎、凸出的橫向圓柱形特征傳遞出可以握持呼胚、旋轉(zhuǎn)的功能含義茄唐，最后它本身的旋轉(zhuǎn)、給手的觸感直接給予人操作行為的反饋蝇更。
那么同樣道理年扩，對(duì)于今天高度普及的智能手機(jī)而言蚁廓，那塊觸屏下的圖形界面就是用戶界面，屬于虛擬界面厨幻，手機(jī)系統(tǒng)或軟件應(yīng)用的所有功能相嵌，以及人點(diǎn)觸腿时、滑動(dòng)完的所有反饋，便都是通過(guò)這個(gè)二維的饭宾、圖形語(yǔ)言的用戶界面來(lái)表達(dá)批糟，比如iOS系統(tǒng)中開(kāi)關(guān)控件的設(shè)計(jì)，它的圖形語(yǔ)義就暗示著人可以像現(xiàn)實(shí)生活一樣看铆，通過(guò)撥動(dòng)那個(gè)按鈕徽鼎，來(lái)實(shí)現(xiàn)開(kāi)關(guān)的功能。
由于圖形要素在以屏幕弹惦、觸屏為主要交互媒介中扮演了主要角色纬傲，這就不難解釋為什么很多視覺(jué)設(shè)計(jì)師可以較低成本地轉(zhuǎn)型為UI設(shè)計(jì)師，但我們始終要明晰肤频，這里的UI指的僅僅是GUI叹括，圖形用戶界面。因?yàn)閷?duì)于整個(gè)HCI范疇而言宵荒，GUI只是其中一種且較早的用戶界面形式汁雷。
計(jì)算機(jī)最早與人溝通的界面是CLI（Command Line Interface），也就是指令式用戶界面报咳，人輸入計(jì)算機(jī)語(yǔ)言（早期的二進(jìn)制語(yǔ)言）侠讯，計(jì)算機(jī)反饋的也是計(jì)算機(jī)語(yǔ)言，今天的程序員依舊使用的是這種交互方式暑刃，它對(duì)人的專業(yè)性要求高厢漩，交互的信息也極為抽象；而后隨著施樂(lè)公司（Xerox）的一群電腦工程師發(fā)明了圖形界面GUI岩臣，人不用再學(xué)習(xí)復(fù)雜的計(jì)算機(jī)語(yǔ)言溜嗜，即使是兒童都可以通過(guò)鼠標(biāo)來(lái)操作屏幕里的一切圖形元素，所看即所得架谎；后來(lái)炸宵，拋開(kāi)鼠標(biāo)、鍵盤等外接輸入設(shè)備谷扣，人能直接用手指土全、手勢(shì)甚至其他人體組織等作為輸入設(shè)備，和計(jì)算機(jī)進(jìn)行交互会涎，這就屬于NUI Natural User Interface裹匙，自然用戶界面；當(dāng)然人機(jī)交互界面還會(huì)發(fā)展到諸如TUI末秃、OUI概页、甚至BCI等階段，這里就不逐一展開(kāi)贅述蛔溃。
現(xiàn)在，我們可以試著回答UX贺待、Interaction徽曲、HCI、UI之間的關(guān)系：UX > Interaction（> HMI >?HCI）> UI >?GUI麸塞，用戶體驗(yàn)源于交互秃臣，并包含交互，而一切人與客體之間的相互作用都屬于交互哪工，其中按客體類型可以分為HMI奥此、HCI等，而HCI屬于HMI范疇雁比；用戶界面則是交互媒介用來(lái)表達(dá)功能和反饋用戶行為結(jié)果的載體稚虎，在HCI范疇里，隨技術(shù)偎捎、媒介形式的變化蠢终，分階段性發(fā)展出不同的用戶界面形式，圖形界面GUI只是其中的一種茴她。
所以我們現(xiàn)在很清楚了寻拂，當(dāng)下很多UX／UI Designer本質(zhì)上其實(shí)就是人與計(jì)算機(jī)交互（HCI）范疇下、圖形界面（GUI）范疇的狹義交互或界面設(shè)計(jì)師丈牢。一塊3.5英寸的屏幕祭钉，催生了當(dāng)今數(shù)以萬(wàn)計(jì)的，所謂的UX己沛、交互慌核、UI設(shè)計(jì)師，更有新來(lái)者趨之若鶩申尼，是趨利還是趨勢(shì)遂铡，不得而知，但有一點(diǎn)可以肯定晶姊，技術(shù)的發(fā)展扒接、媒介的變化，一定會(huì)產(chǎn)生新的交互方式们衙，新的用戶界面形式钾怔，也一定會(huì)淘汰掉我們今天中的很大一部分人。
看清楚蒙挑，才能主動(dòng)做選擇宗侦，否則永遠(yuǎn)隨波逐流。
共勉忆蚀。
＊推薦和參考
1.比爾·莫格里奇 《關(guān)鍵設(shè)計(jì)報(bào)告：改變過(guò)去影響未來(lái)的交互設(shè)計(jì)法則》
2.唐納德·A·諾曼 《設(shè)計(jì)心理學(xué)》
3.范圣璽 《行為與認(rèn)知的設(shè)計(jì)》
