產(chǎn)品交互界面中的隱喻認(rèn)知研究

郭會(huì)娟，伍賢麗，張 晴，汪海波

(安徽工業(yè)大學(xué) 藝術(shù)與設(shè)計(jì)學(xué)院，安徽 馬鞍山 243002)

?

產(chǎn)品交互界面中的隱喻認(rèn)知研究

郭會(huì)娟，伍賢麗，張 晴，汪海波

(安徽工業(yè)大學(xué) 藝術(shù)與設(shè)計(jì)學(xué)院，安徽 馬鞍山 243002)

隱喻作為一種設(shè)計(jì)方法大量應(yīng)用于產(chǎn)品交互界面設(shè)計(jì)，交互界面中隱喻產(chǎn)生的機(jī)理是相似性與映射。隱喻主要有界面結(jié)構(gòu)隱喻、界面功能隱喻和界面符號(hào)三種構(gòu)成方式。產(chǎn)品交互界面隱喻的一般認(rèn)知模型包括認(rèn)知主體、形式喻體、內(nèi)容喻體、相似性與映射、認(rèn)知語境五個(gè)要素相互制約與統(tǒng)一。

隱喻；產(chǎn)品交互界面；認(rèn)知模型

一、隱喻和界面隱喻

隱喻是生活中一種常見的比喻，一種生動(dòng)的源自生活的表達(dá)方式。《辭海》中指出：隱喻是修辭手法比喻的一種，[1]隱喻中本體與喻體的關(guān)系，比明喻更為緊切。明喻在形式上只是相類的關(guān)系，隱喻在形式上則是相合的關(guān)系。《我們賴以生存的隱喻》一書中，Lakoff認(rèn)為，隱喻不僅是一種語言現(xiàn)象，更是一種認(rèn)知現(xiàn)象。隱喻性思維是人類認(rèn)識(shí)事物、建立概念系統(tǒng)的一條捷徑，是一種概念化的方式，是人類賴以形成組織和表達(dá)概念的手段。[2]

隨著智能手機(jī)的普及和移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，隱喻也大量應(yīng)用于交互界面設(shè)計(jì)。人們?cè)诮换ソ缑嬖O(shè)計(jì)過程中，針對(duì)現(xiàn)有的信息服務(wù)內(nèi)容，使用想象、聯(lián)想等思維手段，選取大眾熟知的象征物進(jìn)行相似性提取，與所設(shè)計(jì)的交互界面產(chǎn)生合適的映射關(guān)系，用熟悉的具體事物來輔助理解不熟悉的抽象使用，從而建立恰當(dāng)?shù)慕缑骐[喻手段幫助用戶減少認(rèn)知負(fù)荷、促進(jìn)信息理解，正確認(rèn)知界面信息內(nèi)容。

二、產(chǎn)品交互界面中隱喻的產(chǎn)生機(jī)理

(一)相似性

相似性是指兩個(gè)事物具有共同的屬性或兩者之間具有相似的特征或特性。人類往往將相同或相似的東西進(jìn)行同類別的歸類，相似的事物可以引起人的共同聯(lián)想，常常給予人相近的感受，可以互為隱喻。在產(chǎn)品交互界面設(shè)計(jì)中，可以利用事物的相似性進(jìn)行隱喻設(shè)計(jì)。如手機(jī)桌面圖標(biāo)的位置拖移，采用長按并拖拽的方式完成，這一拖拽的交互手勢(shì)和我們?nèi)粘Ｉ钪姓頃赖男袨槭窍嗨频摹Ｕ且驗(yàn)閮煞N交互行為具有相似性，才讓用戶在體驗(yàn)這一行為時(shí)找到了日常生活中的熟悉感，對(duì)產(chǎn)品界面的交互方式產(chǎn)生更好的認(rèn)知。[3]

以相似性為基礎(chǔ)的隱喻利用事物之間人們已感受到的相似特征，將兩者之間的相似性并置，引起人們對(duì)事物的熟悉感，從而構(gòu)成隱喻。相似性是構(gòu)成隱喻方法的基礎(chǔ)，在產(chǎn)品交互界面中有大量的實(shí)例均采用相似性原則構(gòu)成隱喻設(shè)計(jì)。

(二)映射與互動(dòng)

生活中的事物并不是都具有相似性的，將不屬于同一范疇的事物進(jìn)行并列對(duì)照，將人的感知進(jìn)行加工處理，并相互轉(zhuǎn)移，憑借人們對(duì)已知事物的領(lǐng)悟，將陌生事物的特性映射到熟知的事物上，在多次映射互動(dòng)的基礎(chǔ)上，產(chǎn)生隱喻的認(rèn)知。

在產(chǎn)品交互界面中，通過映射與互動(dòng)產(chǎn)生隱喻認(rèn)知的方式很多。如運(yùn)動(dòng)類產(chǎn)品中，將人們運(yùn)動(dòng)中消耗的熱量卡路里轉(zhuǎn)化為消耗了幾個(gè)冰淇淋或熱狗的方式表現(xiàn)出來，就是將運(yùn)動(dòng)的消耗映射為大眾熟悉的高熱量食物的減少，通過這一映射方式，形成隱喻，使用戶對(duì)運(yùn)動(dòng)成果的理解更為輕松直觀，從而對(duì)抽象的交互界面產(chǎn)品產(chǎn)生認(rèn)知與好感。

三、產(chǎn)品交互界面中的隱喻構(gòu)成

(一)界面結(jié)構(gòu)隱喻

界面結(jié)構(gòu)隱喻是設(shè)計(jì)師對(duì)已有的產(chǎn)品元素進(jìn)行分類組合，并按用戶認(rèn)知經(jīng)驗(yàn)和邏輯關(guān)系設(shè)計(jì)成符合用戶需要習(xí)慣的設(shè)計(jì)方法。設(shè)計(jì)師通過對(duì)產(chǎn)品內(nèi)容分析，尋找主要元素，將這些元素組織排列，秉持減輕用戶理解負(fù)荷，減少用戶思維量等原則，設(shè)計(jì)產(chǎn)品界面結(jié)構(gòu)。這種界面結(jié)構(gòu)隱喻設(shè)計(jì)必須從系統(tǒng)整合的高度出發(fā)，充分考慮界面所涉及的各個(gè)子頁面、元素、圖標(biāo)等，符合用戶的認(rèn)知習(xí)慣。結(jié)構(gòu)隱喻設(shè)計(jì)方法可以幫助設(shè)計(jì)師更好地梳理界面設(shè)計(jì)中的邏輯設(shè)計(jì)，提升用戶的使用流暢度。

如圖1所示，華為P9桌面圖標(biāo)分組設(shè)計(jì)，用戶可以根據(jù)自己需要與習(xí)慣，將桌面圖標(biāo)按類別歸類收納到同一個(gè)組內(nèi)，尋找圖標(biāo)時(shí)打開對(duì)應(yīng)小組，組內(nèi)查找即可，縮短查找時(shí)間，提高使用效率。而這一結(jié)構(gòu)設(shè)計(jì)正是從生活中的抽屜得到靈感，人們習(xí)慣將自己的物品歸類收納到不同的抽屜中，每次尋找物品時(shí)打開相應(yīng)的抽屜即可。將桌面圖標(biāo)分組比作日常生活中的抽屜，進(jìn)行結(jié)構(gòu)隱喻設(shè)計(jì)，可以提高用戶對(duì)產(chǎn)品界面的認(rèn)知。

圖1 華為P9桌面圖標(biāo)

圖2 掌閱iReader截屛

(二)界面功能隱喻

界面功能隱喻是用暗喻的方法暗示產(chǎn)品操作中的某種功能或狀態(tài)，將生活中用戶可以做的事情隱喻在界面產(chǎn)品中可以做的事情。[4]將用戶在真實(shí)生活中對(duì)事物功能的理解與感知，帶入虛擬的界面產(chǎn)品設(shè)計(jì)，可以讓用戶通過回憶、感知、聯(lián)想等盡快找到使用產(chǎn)品的方法以及體會(huì)到類似真實(shí)情況下的功能感受。界面功能隱喻方法可以幫助用戶在短時(shí)間內(nèi)學(xué)會(huì)使用產(chǎn)品，并在長期的使用過程中保持愉悅性，從而提升產(chǎn)品的用戶體驗(yàn)。

如圖2所示，閱讀類產(chǎn)品在進(jìn)行界面設(shè)計(jì)時(shí)，采用功能隱喻的方法，模擬真實(shí)書本的翻頁效果，用戶在進(jìn)入上一頁或下一頁時(shí)，移植現(xiàn)實(shí)生活中的使用習(xí)慣，滑動(dòng)頁面產(chǎn)生翻頁動(dòng)畫效果，逼真且有趣，這些手勢(shì)延續(xù)了用戶日常生活中手勢(shì)的行為軌跡，還原了現(xiàn)實(shí)生活中用戶閱讀時(shí)的情景，符合用戶的認(rèn)知和習(xí)慣。

(三)界面符號(hào)隱喻

界面符號(hào)隱喻是界面設(shè)計(jì)中最常用的隱喻設(shè)計(jì)方法。界面由無數(shù)個(gè)符號(hào)構(gòu)成，圖形、文字、色彩、材質(zhì)等符號(hào)都是組成完整的界面設(shè)計(jì)系統(tǒng)的元素。界面設(shè)計(jì)的圖形化發(fā)展要求它具備良好的圖像傳遞功能，方便使用者的認(rèn)知與理解。設(shè)計(jì)者在設(shè)計(jì)過程中，選取生活中用戶熟知的事物，提取加工設(shè)計(jì)成界面當(dāng)中的符號(hào)，將抽象的功能意義簡(jiǎn)化。用戶在使用界面產(chǎn)品時(shí)，會(huì)把這一符號(hào)與已知事物進(jìn)行關(guān)聯(lián)，從中找到映射或相似點(diǎn)，通過聯(lián)想、記憶和判斷，快速準(zhǔn)確地理解界面符號(hào)意義。

如圖3備忘錄圖標(biāo)設(shè)計(jì)，蘋果產(chǎn)品從ios6到ios8均巧妙地使用隱喻方法將界面中的符號(hào)與現(xiàn)實(shí)的筆

圖3備忘錄圖標(biāo)

記本關(guān)聯(lián)起來。ios6圖標(biāo)在寫實(shí)風(fēng)格的主導(dǎo)下，設(shè)計(jì)時(shí)真實(shí)模仿筆記本的顏色與質(zhì)感，采用棕色頂部搭配米黃色的紙質(zhì)效果，將產(chǎn)品與實(shí)體對(duì)應(yīng)起來。在簡(jiǎn)約扁平化設(shè)計(jì)風(fēng)格的ios8圖標(biāo)中，依然保留了筆記本黃色的色彩以及紙張中的橫線這些特征元素，使用戶在使用時(shí)輕松理解符號(hào)的意義，提高了產(chǎn)品界面的易用性。

四、產(chǎn)品交互界面中的隱喻認(rèn)知模型

在對(duì)隱喻認(rèn)知機(jī)理的研究中，國內(nèi)有學(xué)者基于隱喻的語義特征提出了一個(gè)“五位一體”的隱喻認(rèn)知機(jī)制：本體、喻體、主體、喻底、語境。在隱喻工作機(jī)制中，喻體與本體或語境之間的意義始于沖突，結(jié)于統(tǒng)一。[5]

產(chǎn)品交互界面用戶的隱喻認(rèn)知機(jī)制同樣包含五個(gè)要素：認(rèn)知主體、形式喻體、內(nèi)容喻體、相似性與映射、認(rèn)知語境。這五個(gè)要素相互制約，統(tǒng)一于一體，共同形成了產(chǎn)品交互界面隱喻的一般認(rèn)知模型，[6]如圖4所示。

圖4 交互界面隱喻認(rèn)知模型

(一)認(rèn)知主體

認(rèn)知主體指通過界面進(jìn)行交互的雙方，即指設(shè)計(jì)師和用戶，兩者之間通過界面的共識(shí)與互動(dòng)進(jìn)行交流。他們具有不同的個(gè)人經(jīng)歷、知識(shí)結(jié)構(gòu)以及文化背景，因而對(duì)待事物的認(rèn)知能力也有差異，會(huì)在一定程度上導(dǎo)致對(duì)隱喻的意義產(chǎn)生不同的理解。對(duì)于界面中的隱喻意義的理解，涉及設(shè)計(jì)者與用戶之間的互動(dòng)，雙方是否能針對(duì)隱喻的意義達(dá)成共識(shí)，以及有效交流，成為隱喻內(nèi)涵理解的關(guān)鍵。

(二)形式喻體和內(nèi)容本體的互動(dòng)關(guān)系

形式喻體和內(nèi)容本體是組成隱喻認(rèn)知機(jī)制的重要要素。在界面設(shè)計(jì)中，用戶通過形式喻體的表現(xiàn)，尋找相似性，將形式喻體的特征映射到內(nèi)容本體上，用形式喻體相對(duì)熟悉的概念來理解內(nèi)容本體中相對(duì)不易或未知的概念。在形式喻體與內(nèi)容本體的相互關(guān)系中，以相似性為基礎(chǔ)的映射過程是兩者之間互動(dòng)的主要途徑，通過相似性的聚焦，幫助用戶建立合適的場(chǎng)景記憶，從而更能輕易地獲取隱喻符號(hào)的涵義。

(三)認(rèn)知語境

在用戶對(duì)產(chǎn)品交互界面隱喻的理解過程中，認(rèn)知語境起著重要的作用。用戶把不同認(rèn)知領(lǐng)域的事物聯(lián)系起來，通過想象、聯(lián)想等手段，將形式喻體與內(nèi)容本體結(jié)合，尋找相似性，如果這一相似性符合當(dāng)前的語境，用戶即可理解隱喻的意義；如果相似性不符合當(dāng)前用戶的認(rèn)知語境，用戶會(huì)對(duì)產(chǎn)品內(nèi)容本體的理解產(chǎn)生偏差，導(dǎo)致隱喻效果欠佳。因此，在界面的理解過程中，上下統(tǒng)一的語境，可以幫助用戶快速準(zhǔn)確獲得隱喻的意義。

五、產(chǎn)品交互界面中隱喻的意義和局限

隱喻的意義：界面隱喻為用戶提供了簡(jiǎn)單、易用、識(shí)別性高的交互界面認(rèn)知過程，大大降低了用戶使用過程中的疑惑與壓力。通過真實(shí)、具象的圖形符號(hào)，提升界面的使用親切感。

隱喻的局限：(1)隱喻不存在擴(kuò)展，系統(tǒng)的簡(jiǎn)單識(shí)別過程很大程度上依賴于有效隱喻，但當(dāng)系統(tǒng)構(gòu)架的復(fù)雜性急劇增加的時(shí)候，隱喻存在失敗的可能性。(2)隱喻建立在設(shè)計(jì)師與用戶相似的思維模型與認(rèn)知方式的基礎(chǔ)上，如果雙方的文化背景和生活經(jīng)歷差異明顯，就有可能導(dǎo)致隱喻的失敗。(3)隱喻對(duì)新手的學(xué)習(xí)有很強(qiáng)的幫助作用，但當(dāng)新手成長為中度甚至深度用戶后，有可能受到隱喻的束縛。[7]

六、結(jié)語

隱喻作為產(chǎn)品交互界面設(shè)計(jì)的方法與手段，以相似性與映射為表達(dá)基礎(chǔ)，要求設(shè)計(jì)師在界面設(shè)計(jì)過程中，根據(jù)用戶認(rèn)知習(xí)慣，合理選擇結(jié)構(gòu)隱喻、功能隱喻以及符號(hào)隱喻的結(jié)構(gòu)形式，協(xié)調(diào)認(rèn)知主體、形式喻體、內(nèi)容喻體、相似性與映射、認(rèn)知語境等五個(gè)要素的協(xié)同關(guān)系，突破隱喻的局限，增強(qiáng)界面圖形的傳播性與易用性，為用戶提供親切、真實(shí)、有趣的界面認(rèn)知過程。

[1]夏征農(nóng)，陳至立.辭海(縮印本)[M].上海：上海辭書出版社，2010.

[2](美)喬治·萊考夫，馬克·約翰遜.我們賴以生存的隱喻[M].杭州：浙江大學(xué)出版社，2015.

[3]郭婭.觸屏手機(jī)交互設(shè)計(jì)的隱喻設(shè)計(jì)方法研究[D].北京印刷學(xué)院，2012.

[4]王愉.交互設(shè)計(jì)中的隱喻研究[J].北京印刷學(xué)院學(xué)報(bào)，2013，21(5)：75-77.

[5]王寅，李弘.中西隱喻對(duì)比及隱喻工作機(jī)制分析[J].解放軍外國語學(xué)院學(xué)報(bào)，2003，26(2)：10.

[6]高路.基于網(wǎng)絡(luò)界面符號(hào)體系的用戶隱喻認(rèn)知機(jī)理探索[D].南京理工大學(xué)，2009.

[7]汪海波，薛澄岐，等.圖形用戶界面的隱喻設(shè)計(jì)研究[J].安徽建筑工業(yè)學(xué)院學(xué)報(bào)(自然科學(xué)版)，2011,19(3)：93-96.

(責(zé)任編輯 文雙全)

A Study on Metaphorical Cognition in Product Interaction Interface

GUO Hui-juan, WU Xian-li, ZHANG Qing, WANG Hai-bo

(School of Art and Design, Anhui University of Technology, Ma'anshan 243002, Anhui, China)

Metaphor, as a design method, is widely used in the design of interaction interface of products. The reason for the existence of metaphor in interaction interface is similarity and mapping. There aremainly three types of metaphor: interface structural metaphor, interface functional metaphor and interface symbol. The general cognitive model of product interaction metaphor is the constraints and unification of five elements including cognitive subject, form vehicle, content vehicle, similarity and mapping, and cognitive context.

metaphor; product interaction interface; cognitive model

2016-05-23

教育部人文社會(huì)科學(xué)青年基金項(xiàng)目(12YJC760019)；安徽省高校人文社會(huì)科學(xué)研究重大項(xiàng)目(SK2016SD11)；安徽省高校優(yōu)秀青年人才支持計(jì)劃項(xiàng)目(2014021)；安徽工業(yè)大學(xué)青年教師科研基金項(xiàng)目(QZ201409)

郭會(huì)娟(1980-)，女，河南焦作人，安徽工業(yè)大學(xué)藝術(shù)與設(shè)計(jì)學(xué)院副教授。

TB472

A

1671-9247(2016)04-0022-03