關(guān)于交互設(shè)計(jì),你應(yīng)清楚的一些基本概念
我們總是對(duì)UX、Interaction、HCI、UI等等一些交互設(shè)計(jì)概念傻傻分不清楚,到底這些概念的基本定義是什么?又有何區(qū)別?文章一一解讀。
一直以來,經(jīng)常有學(xué)生來問我,“是該選產(chǎn)品設(shè)計(jì)好還是交互設(shè)計(jì)好?”或者“過去是做產(chǎn)品設(shè)計(jì)的可不可以轉(zhuǎn)交互設(shè)計(jì)?”“是不是視覺設(shè)計(jì)轉(zhuǎn)交互或者界面設(shè)計(jì)方便點(diǎn)?”等等諸如此類的問題。
筆者注:“產(chǎn)品”既可以是物質(zhì)化的(硬件等實(shí)體產(chǎn)物),也可以是非物質(zhì)化的(軟件、服務(wù)等虛擬產(chǎn)物),學(xué)生的問題里所指的,以及之后全文中所提及的“產(chǎn)品”二字,都是指狹義層面上的工業(yè)設(shè)計(jì)范疇的實(shí)體形式,也即硬件產(chǎn)品。
先不說別的,這里面有些問題本身問的就有問題,暴露了現(xiàn)在很多學(xué)生、甚至很多從業(yè)者對(duì)交互設(shè)計(jì)的理解偏差和混亂,要解答這些問題,我自己覺得,我們有必要先來搞搞清楚幾個(gè)現(xiàn)在經(jī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年代提出。通過提升用戶與產(chǎn)品或服務(wù)交互中的可用性(分為有用性和易用性)、可觸達(dá)性、情感性等因素,最終使用戶達(dá)到滿意的設(shè)計(jì)過程,便是所謂的用戶體驗(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ì)來定義當(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年代,只不過那時(shí)人們不叫這個(gè)詞,它有另一個(gè)名字,叫人因工學(xué)設(shè)計(jì)(Human factors and ergonomics),與用戶體驗(yàn)之于人機(jī)交互不同的是,后者更專注于物理環(huán)境下,人的因素(生理、心理等因素)和實(shí)體產(chǎn)品設(shè)計(jì)(物理因素)之間的關(guān)系。
所以實(shí)際上,不論是過去傳統(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ì)(常見的網(wǎng)頁、客戶端產(chǎn)品、系統(tǒng)設(shè)計(jì)等等)和服務(wù)設(shè)計(jì)為主,所以同樣,如果一個(gè)產(chǎn)品設(shè)計(jì)師說他是UX Designer,沒有任何問題。假設(shè)我們把所謂的“體驗(yàn)”定義為用戶使用產(chǎn)品或服務(wù)過程的前、中、后整個(gè)周期的綜合情感,那么艾斯林格的“Form follows Emotion”就是產(chǎn)品設(shè)計(jì)也屬于UX的最好證明。
2.Interaction,交互設(shè)計(jì)
我們可以把Interaction這個(gè)詞拆開來理解,由Inter和Action組合而成,在一個(gè)交互關(guān)系中,一定有一對(duì)或多對(duì)主客體存在,他們相互(Inter)作用(Aciton),主體輸入、客體輸出(I/O – Input/Output)的行為過程就是交互(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í)的過程:感知(Perception)、預(yù)測(cè)(Anticipation)、行動(dòng)(Action)、反饋(Feedback)、認(rèn)知(Cognition)。
舉個(gè)例子,當(dāng)某人看到墻上有個(gè)折彎、凸出的橫向圓柱形器物(感知),覺得應(yīng)該可以握著它并且可以旋轉(zhuǎn)(預(yù)測(cè)),于是他這么做了(行動(dòng)),這個(gè)圓柱形器物果然旋轉(zhuǎn)了并且伴隨著“咔噠”一聲,同時(shí)隨著此人繼續(xù)拉動(dòng)圓柱形器物,這面墻被打開了(反饋)。哦,于是這個(gè)人明白了,這面墻是個(gè)門,而這個(gè)折彎、凸出的橫向圓柱形器物是可以控制這個(gè)門的開關(guān)的裝置,于是他以后都知道,這個(gè)叫做門的把手(認(rèn)知)。
圖片來自于網(wǎng)絡(luò)
在這個(gè)過程中,我們發(fā)現(xiàn),用戶得到的反饋符合了他最初的預(yù)測(cè),順利完成了目的,產(chǎn)生的這種愉悅、順心的情感其實(shí)就是體驗(yàn),所以我們講,用戶體驗(yàn)來自于用戶與客體的交互過程和它帶來的結(jié)果,用戶體驗(yàn)設(shè)計(jì)包含交互設(shè)計(jì),如果說體驗(yàn)是設(shè)計(jì)者最終的目的,那么交互設(shè)計(jì)就是實(shí)現(xiàn)體驗(yàn)的渠道和來源。
同時(shí),我們還可以發(fā)現(xiàn),在這個(gè)過程中,其實(shí)只有門把手才是設(shè)計(jì)者直接締造的產(chǎn)物,你可能會(huì)說這是屬于產(chǎn)品設(shè)計(jì)師的范疇,但它的的確確演繹出了一整個(gè)人的行為過程,并且靠這個(gè)產(chǎn)物實(shí)現(xiàn)了人的目的或需求,這好像又是交互設(shè)計(jì)師的范疇。
寫到這里,你可能會(huì)發(fā)現(xiàn),原來往往人們判別設(shè)計(jì)范疇的方法是直接看這個(gè)設(shè)計(jì)師產(chǎn)出的是什么,是門把手,就是產(chǎn)品設(shè)計(jì)師,是光標(biāo),就是軟件設(shè)計(jì)師。但其本質(zhì)上他們都是交互設(shè)計(jì)師,都遵循著交互設(shè)計(jì)中最核心的行為邏輯在做設(shè)計(jì):用戶在某種特定場(chǎng)景下通過媒介的使用行為來完成某個(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ì);人和信息之間的交互,視覺傳達(dá)或數(shù)字媒體;人和計(jì)算機(jī)之間的交互,狹義交互設(shè)計(jì),等等。
所以今天為什么提到交互設(shè)計(jì)或者UX設(shè)計(jì),人們下意識(shí)地會(huì)將它們和軟件設(shè)計(jì)、網(wǎng)頁設(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ì)于那些詢問說“產(chǎn)品設(shè)計(jì)能不能轉(zhuǎn)交互設(shè)計(jì)”的同學(xué)而言,根本就不存在“轉(zhuǎn)”,產(chǎn)品設(shè)計(jì)本身就是交互設(shè)計(jì),解決人怎么更方便使用產(chǎn)品的問題,何嘗不是在設(shè)計(jì)人的行為?所以其實(shí)這里同學(xué)腦子里想的交互設(shè)計(jì)并不是廣義交互,而正是指以軟件、網(wǎng)頁、App手機(jī)應(yīng)用等為產(chǎn)物的狹義交互,但它們所代表的GUI卻只是HCI中,用戶界面的一個(gè)階段性范疇,是暫時(shí)的,甚至以后會(huì)被替代的,我們接著看下去。
3.HCI,Human Computer Interaction,人與計(jì)算機(jī)交互,也就是我們經(jīng)常講的人機(jī)交互
根據(jù)前文我們可以知道,計(jì)算機(jī)不過是一種新媒介、新客體,所以人和計(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ì)師。
回過頭再來看HCI,計(jì)算機(jī)這一全新客體的出現(xiàn),改變了人以往與物的交互行為方式。前面我們提到的那個(gè)門把手的例子,當(dāng)人給予這個(gè)門把手一些操作,也就是輸入動(dòng)作后,把手的旋轉(zhuǎn)、門鉸鏈的轉(zhuǎn)動(dòng)導(dǎo)致門的開啟等等過程,都是可以被感知的,也就是物的計(jì)算過程是可見的、瞬時(shí)的,人可以馬上感知和判斷自己的輸入或操作,有沒有對(duì)客體產(chǎn)生影響和作用。但是對(duì)于計(jì)算機(jī)而言,這個(gè)計(jì)算過程是人看不見的,我們稱之為“黑箱化”的,那么人通過一些輸入設(shè)備對(duì)計(jì)算機(jī)發(fā)出操作,怎么才能讓人感知到計(jì)算機(jī)有反應(yīng)、有在計(jì)算,這就需要非物理界面進(jìn)行信息的表達(dá)和傳遞,下面我們來看看HCI中都有哪些用戶界面形式。
4.UI,User Interface,用戶界面
它是不同交互媒介用來表達(dá)功能和反饋用戶行為結(jié)果的重要載體。還是拿門把手的例子來解釋,如果門把手是用戶要完成開門目的的媒介的話,那么它的造型、材質(zhì)等塑造出的整體外觀就是這個(gè)媒介的用戶界面,屬于物理界面,首先它的外觀讓人對(duì)其有一個(gè)初步的視覺感知,其次折彎、凸出的橫向圓柱形特征傳遞出可以握持、旋轉(zhuǎn)的功能含義,最后它本身的旋轉(zhuǎn)、給手的觸感直接給予人操作行為的反饋。
- 形式(外觀)對(duì)應(yīng)感知層;
- 功能可見性(產(chǎn)品語義)對(duì)應(yīng)預(yù)測(cè)層;
- 反饋/輸出對(duì)應(yīng)行動(dòng)/輸入 ? (筆者自繪)
那么同樣道理,對(duì)于今天高度普及的智能手機(jī)而言,那塊觸屏下的圖形界面就是用戶界面,屬于虛擬界面,手機(jī)系統(tǒng)或軟件應(yīng)用的所有功能,以及人點(diǎn)觸、滑動(dòng)完的所有反饋,便都是通過這個(gè)二維的、圖形語言的用戶界面來表達(dá),比如iOS系統(tǒng)中開關(guān)控件的設(shè)計(jì),它的圖形語義就暗示著人可以像現(xiàn)實(shí)生活一樣,通過撥動(dòng)那個(gè)按鈕,來實(shí)現(xiàn)開關(guān)的功能。
圖片來自于網(wǎng)絡(luò)
由于圖形要素在以屏幕、觸屏為主要交互媒介中扮演了主要角色,這就不難解釋為什么很多視覺設(shè)計(jì)師可以較低成本地轉(zhuǎn)型為UI設(shè)計(jì)師,但我們始終要明晰,這里的UI指的僅僅是GUI,圖形用戶界面。因?yàn)閷?duì)于整個(gè)HCI范疇而言,GUI只是其中一種且較早的用戶界面形式。
計(jì)算機(jī)最早與人溝通的界面是CLI(Command Line Interface),也就是指令式用戶界面,人輸入計(jì)算機(jī)語言(早期的二進(jìn)制語言),計(jì)算機(jī)反饋的也是計(jì)算機(jī)語言,今天的程序員依舊使用的是這種交互方式,它對(duì)人的專業(yè)性要求高,交互的信息也極為抽象;而后隨著施樂公司(Xerox)的一群電腦工程師發(fā)明了圖形界面GUI,人不用再學(xué)習(xí)復(fù)雜的計(jì)算機(jī)語言,即使是兒童都可以通過鼠標(biāo)來操作屏幕里的一切圖形元素,所看即所得;后來,拋開鼠標(biāo)、鍵盤等外接輸入設(shè)備,人能直接用手指、手勢(shì)甚至其他人體組織等作為輸入設(shè)備,和計(jì)算機(jī)進(jìn)行交互,這就屬于NUI Natural User Interface,自然用戶界面;當(dāng)然人機(jī)交互界面還會(huì)發(fā)展到諸如TUI、OUI、甚至BCI等階段,這里就不逐一展開贅述。
HCI人機(jī)交互下,用戶界面的演變過程(筆者自繪)
現(xiàn)在,我們可以試著回答UX、Interaction、HCI、UI之間的關(guān)系:UX > Interaction(> HMI >?HCI)> UI >?GUI,用戶體驗(yàn)源于交互,并包含交互,而一切人與客體之間的相互作用都屬于交互,其中按客體類型可以分為HMI、HCI等,而HCI屬于HMI范疇;用戶界面則是交互媒介用來表達(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ù)以萬計(jì)的,所謂的UX、交互、UI設(shè)計(jì)師,更有新來者趨之若鶩,是趨利還是趨勢(shì),不得而知,但有一點(diǎn)可以肯定,技術(shù)的發(fā)展、媒介的變化,一定會(huì)產(chǎn)生新的交互方式,新的用戶界面形式,也一定會(huì)淘汰掉我們今天中的很大一部分人。
看清楚,才能主動(dòng)做選擇,否則永遠(yuǎn)隨波逐流。
共勉。
推薦和參考
1.比爾·莫格里奇 《關(guān)鍵設(shè)計(jì)報(bào)告:改變過去影響未來的交互設(shè)計(jì)法則》
2.唐納德·A·諾曼 《設(shè)計(jì)心理學(xué)》
3.范圣璽 《行為與認(rèn)知的設(shè)計(jì)》
作者:le_keke,知乎專欄:設(shè)計(jì)史論與設(shè)計(jì)哲學(xué)
來源:https://zhuanlan.zhihu.com/sheji-history-theor
本文由 @le_keke 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
這么好的科普文章被我搶到沙發(fā)啦