深度解析:APP界面設(shè)計(jì)中的隱喻
在用戶界面設(shè)計(jì)中,一些學(xué)者提出隱喻的概念為:將一個(gè)熟悉的非計(jì)算機(jī)領(lǐng)域的術(shù)語或概念,用于描述用戶界面中的計(jì)算機(jī)功能和客體。目前許多軟件產(chǎn)品在它們的界面設(shè)計(jì)中都大量使用隱喻,這種隱喻被稱為界面隱喻。
一、釋義隱喻
隱喻,英文(metaphor)是一個(gè)古老的詞匯,在希臘文中原意“轉(zhuǎn)換”。
希臘辭源“μετ? meta”(之間)及“φ?ρω phero”(帶有)之意,暗指“將意義由某事物轉(zhuǎn)移側(cè)(至)另一事物”。而現(xiàn)代對(duì)隱喻的定義則更為深刻,從一種修辭手段轉(zhuǎn)變?yōu)檎J(rèn)知工具。
20世紀(jì)70年代,Lakoff 與 Johnson所發(fā)表的Metaphors we 1ive by 中對(duì)隱喻作了這樣的定義:隱喻實(shí)質(zhì)上就是通過另一類事物來理解和經(jīng)歷某一類事物,隱喻就是借助過去已熟悉的事物,來認(rèn)識(shí)和理解當(dāng)前所面臨的全新的事物的過程或手段。
從定義可以看出,隱喻是以簡(jiǎn)化認(rèn)知為目的的手段,至少牽涉三個(gè)對(duì)象:
- 第一,全新的或不熟悉的事物,即所要認(rèn)知的本體。
- 第二,熟悉的或經(jīng)歷過的事物,即已經(jīng)認(rèn)知的喻體。
- 第三,參與這一過程的主體,即觀察者本身。
二、界面中的隱喻與非隱喻
界面隱喻非常普遍,對(duì)其的研究也不少,而界面上的非隱喻卻很少被提及,但無論是隱喻還是非隱喻,在使用前應(yīng)先清楚其區(qū)別與特點(diǎn)。
在用戶界面設(shè)計(jì)中,一些學(xué)者提出隱喻的概念為:將一個(gè)熟悉的非計(jì)算機(jī)領(lǐng)域的術(shù)語或概念,用于描述用戶界面中的計(jì)算機(jī)功能和客體。目前許多軟件產(chǎn)品在它們的界面設(shè)計(jì)中都大量使用隱喻,這種隱喻被稱為界面隱喻。
非隱喻即隱喻的補(bǔ)集,可以這樣定義:直接描述用戶界面中的計(jì)算機(jī)功能和客體或不描述用戶界面中的計(jì)算機(jī)功能和客體,且將前者稱為“明喻”,后者稱為“零喻”。
如圖一:從左往右分別解釋了界面上的明喻、零喻和隱喻三者的區(qū)別:
- 黑色方框表示界面邊界,明喻即用清晰的文字描述點(diǎn)擊后會(huì)觸發(fā)系統(tǒng)的“返回”功能;
- 零喻則沒有任何描述或提示,只能讓用戶摸索其中可能存在的功能(點(diǎn)擊界面返回);
- 隱喻則利用向左的箭頭和按鈕間接地描述其“返回”功能,用戶需要片刻時(shí)間來理解圖形的含義。
作為界面設(shè)計(jì)的手段,隱喻和非隱喻有其各自優(yōu)劣勢(shì)。從認(rèn)知難度這個(gè)角度來看,明喻是最容易被認(rèn)知的,隱喻次之,零喻最難被認(rèn)知。但從占用界面空間的角度來看,零喻占用最少,隱喻次之,明喻占用空間最多。
在我們常見的APP界面中,非隱喻的單獨(dú)使用較少見,更多的是非隱喻與隱喻的組合。例如:蘋果公司的iOS9系統(tǒng)的來電界面,首先用文字“滑動(dòng)來接聽”來明喻功能,其次用圖形元素隱喻向右“滑動(dòng)”的操作,是典型的明喻-隱喻組合。
再例如:網(wǎng)易云音樂中的播放界面,在用戶第一次打開的時(shí)候,會(huì)出現(xiàn)“點(diǎn)擊屏幕顯示歌詞”的提示,當(dāng)用戶再次打開時(shí),則不會(huì)再出現(xiàn)任何提示或描述,用戶只能憑借記憶或習(xí)慣到達(dá)歌詞界面,這就是明喻和零喻的組合。
圖一:隱喻與非隱喻
三、隱喻與認(rèn)知過程
認(rèn)知過程是指人認(rèn)識(shí)客觀事物的過程,是由表及里,由現(xiàn)象到本質(zhì)地反映客觀事物特征與內(nèi)在聯(lián)系的心理活動(dòng)。厘清隱喻的認(rèn)知過程應(yīng)先分清隱喻中的客觀事物。
上文已提及隱喻至少牽涉三個(gè)對(duì)象:本體、喻體和觀察者。
在觀察者觀察喻體的過程中,觀察者所需理解的并非喻體本身,而是理解喻體所隱含的信息,才能認(rèn)知本體。因此,喻體所隱含的信息可以看作一個(gè)隱藏對(duì)象。
可以得出,本體、喻體和信息這三者共同作為整個(gè)認(rèn)知過程的客觀對(duì)象??陀^事物與人的關(guān)系的多樣性,會(huì)產(chǎn)生不同的認(rèn)知過程。
3.1 初認(rèn)過程和再認(rèn)過程
當(dāng)觀察者碰見一個(gè)陌生隱喻時(shí),觀察者的認(rèn)知過程如圖二:
- 首先,觀察者觀察或發(fā)現(xiàn)喻體,這是構(gòu)成整個(gè)事件的第一步;
- 然后,觀察者感知喻體所隱含的信息;
- 再然后,理解信息;
- 最后,根據(jù)理解的信息達(dá)成對(duì)本體的認(rèn)知。
此過程可稱為“初認(rèn)過程”,而實(shí)際上,在APP非常普及的今天,大多數(shù)界面隱喻已經(jīng)被廣大群眾所熟知。所以,還會(huì)存在另一種認(rèn)知過程,如圖三:觀察者再觀察喻體,喻體會(huì)觸發(fā)觀察者的記憶使得觀察者直接認(rèn)知本體,此過程可稱為“再認(rèn)過程”。
舉個(gè)例子:如圖一右所描繪的是APP中的返回按鈕,本體是系統(tǒng)的“返回”功能,喻體是“向左的箭頭”圖案,信息是“往后、倒退、返回”等含義。
當(dāng)用戶第一次發(fā)現(xiàn)此按鈕時(shí),他會(huì)觀察到一個(gè)向左的圖形,并感知到其中“向左”的含義,再加以理解“向左”的正真意思為“返回”,最終達(dá)成了對(duì)本體的認(rèn)知,此按鈕具有返回功能。
當(dāng)此用戶行形成記憶后,若再次發(fā)現(xiàn)這種按鈕,就會(huì)馬上意識(shí)到其返回功能,而不需重新理解。例子中,用戶先后分別經(jīng)歷了初認(rèn)過程和再認(rèn)過程。
圖二:初認(rèn)過程
圖三:再認(rèn)過程
3.2 隱喻所面臨的挑戰(zhàn)
隱喻之所以能成為認(rèn)知的手段,是因?yàn)樯鲜龅恼J(rèn)知過程能順利完成。所以隱喻所面臨的挑戰(zhàn),實(shí)質(zhì)上是認(rèn)知過程中可能存在的問題。
初認(rèn)過程是非常復(fù)雜,包括觀察、感知、理解和認(rèn)知,只要其中一步出錯(cuò)都將使整個(gè)認(rèn)知過程無法完成。
所以,初認(rèn)過程中,隱喻面臨著三大挑戰(zhàn):
第一,是人的多樣性,這里的“人”包括“觀察者”和“設(shè)計(jì)者”。個(gè)體間會(huì)存在差異性,如性別、年齡、性格、學(xué)歷、職位、知識(shí)結(jié)構(gòu)、地域文化和地理環(huán)境等因素都會(huì)構(gòu)成個(gè)體差異。
隱喻的挑戰(zhàn)在于:
- 一方面,每個(gè)觀察者對(duì)喻體的理解都不盡相同,導(dǎo)致對(duì)本體的認(rèn)知效果也各不相同。
- 另一方面,設(shè)計(jì)者和觀察者之間的理解也會(huì)存在差異性,甚至設(shè)計(jì)者與觀察者往往不是相同的群體,兩者在理解上會(huì)出現(xiàn)較大偏差,使得隱喻往往未能達(dá)到預(yù)期效果。
第二,是觀察者對(duì)喻體感知的局限性。每個(gè)個(gè)體都會(huì)存在著自身的認(rèn)知邊界和感知邊界,而且這往往是不能預(yù)判以及不可控制的,例如:紅色往往會(huì)作為危險(xiǎn)或警告的隱喻,然而對(duì)于一個(gè)紅色色盲的人來說,他根本感知不到這個(gè)隱喻,更不用說怎么去理解它。
第三,是喻體本身的局限性。本體作為一種新事物出現(xiàn)時(shí),并不總能找到一個(gè)合適的喻體去隱喻它。更何況新事物層出不窮,而我們熟知的事物卻有限,這使得隱喻受到了巨大的限制。
在再認(rèn)過程中則不會(huì)存在以上問題,因?yàn)橹灰说挠洃浺坏┬纬?,就?huì)依照自己的記憶去理解和判斷,所謂的本體、喻體、信息甚至觀察者本身都是他記憶中的一部分。當(dāng)這種記憶被內(nèi)化后就會(huì)形成一種習(xí)慣,比如:“紅燈停,綠燈行”,這樣的隱喻甚至不用我們思考,身體就已作出反應(yīng)。
但,新的問題也隨之而來,即觀察者需要付出更多時(shí)間和精力去形成記憶,這需要一定的學(xué)習(xí)成本,而這種付出可能是觀察者所不能接受的。
在常見的APP界面中大部分隱喻都是我們所熟知的,大部分用戶都是處于再認(rèn)過程。然而,這是一把雙刃劍。一方面,熟悉的隱喻能讓用戶更好地理解界面,但在另一方面,這種認(rèn)知的固化也會(huì)一定程度地削弱了設(shè)計(jì)者的創(chuàng)新能動(dòng)性。
四、如何設(shè)計(jì)界面隱喻
我們常常會(huì)誤解,認(rèn)為隱喻設(shè)計(jì)僅僅是設(shè)計(jì)喻體。因?yàn)樵陔[喻涉及的對(duì)象中,本體(即系統(tǒng)的功能)往往不可更替,觀察者(即用戶)更不可控,只有喻體是可以被創(chuàng)造和改變的對(duì)象。
顯然,這有所不妥的,只圍繞著喻體思考會(huì)讓我們忽略許多因素,雖然喻體是設(shè)計(jì)的最后所得物,但它只是設(shè)計(jì)的終點(diǎn)而非起點(diǎn)。
4.1 以場(chǎng)景作為設(shè)計(jì)的起點(diǎn)
隱喻設(shè)計(jì)是為用戶界面設(shè)計(jì)服務(wù)的,空談隱喻設(shè)計(jì)猶如坐井觀天,限制了自己的思維。因此,在設(shè)計(jì)之初,應(yīng)站在更高維度思考問題。
以一個(gè)音樂APP的播放界面為例:我們?cè)O(shè)計(jì)其中的隱喻,是為了整個(gè)界面更加好用,而界面的好用其實(shí)是在提高我們的聽歌體驗(yàn)。追本溯源,我們所要設(shè)計(jì)是“聽歌”這一場(chǎng)景,這是思考的起點(diǎn)。
場(chǎng)景的結(jié)構(gòu)可以包括:時(shí)間、空間、人、物、行為、信息、意義。我們需要厘清這七個(gè)要素及要素之間的關(guān)系,即誰?在什么時(shí)間和空間內(nèi)?做什么?為什么要做?怎么去做?會(huì)有什么感受?
首先,人是整個(gè)事件的核心,是首要的思考點(diǎn)。上文所列舉的問題總的來說都是人所帶來的問題,如果對(duì)“人”這一要素分析透徹,以上問題自然迎刃而解。
比如:參與“聽歌”事件的對(duì)象是什么群體?該群體有什么行為特征和生活習(xí)慣?該群體有什么偏好?等等,這些分析能有效地應(yīng)對(duì)個(gè)體差異所帶來的影響。此外,對(duì)人的分析也是對(duì)行為、信息和意義等要素的分析的依據(jù)。
其次,厘清時(shí)間和空間,會(huì)讓事件更加具體,設(shè)計(jì)也更具針對(duì)性。例如:同一個(gè)人在早晨的公交上聽歌和在晚上跑步聽歌,會(huì)有怎樣不同的行為和需求?這些行為又會(huì)帶來怎樣的信息交換和產(chǎn)生什么意義?
再次,物、行為和信息都是能直接影響界面設(shè)計(jì)和隱喻設(shè)計(jì)的要素,是設(shè)計(jì)的重要線索。比如:手機(jī)屏幕的尺寸會(huì)直接影響界面布局和界面元素的大小;又如,在聽歌過程中“切歌”、“換歌”等行為也直接決定了界面需要增加什么元素(“切換”按鈕)。
最后,意義是指主體意識(shí)下行為的“原因與目的”,它是設(shè)計(jì)之前的動(dòng)機(jī),也是設(shè)計(jì)之后的檢驗(yàn)。切歌行為的原因是曲目不夠動(dòng)聽,而目的是獲得動(dòng)聽的曲目使心情愉悅,原因誘發(fā)了“切換”按鈕的設(shè)計(jì),而目的是否達(dá)成直接檢驗(yàn)了設(shè)計(jì)是否合適。
場(chǎng)景的分析,是設(shè)計(jì)的根基,是確定用戶需求和制定設(shè)計(jì)目標(biāo)的重要依據(jù)。
4.2 辯證地考慮隱喻的必要性
使用隱喻前應(yīng)想清楚是否需要隱喻,可從兩方面入手:
本體的必要性和隱喻的合適性。本體其實(shí)是指系統(tǒng)的功能。雖然在開始界面設(shè)計(jì)前,系統(tǒng)功能已經(jīng)基本確定,但是這并不意味著每個(gè)功能都是合理的。很多時(shí)候,一些功能只是為了滿足設(shè)計(jì)者臆想出來的偽需求,對(duì)于用戶來說價(jià)值不大,反而會(huì)浪費(fèi)系統(tǒng)資源,所以這樣這種不必要的功能應(yīng)該在設(shè)計(jì)前甄別出來并將之舍棄。
比如:評(píng)論歌曲這一功能十分常見,但如果我們針對(duì)的群體主要在開車時(shí)候聽歌,那么“評(píng)論”這一功能對(duì)于他們來說就是不必要的。對(duì)本體必要性的思考,其實(shí)是對(duì)過去的思考的檢查,這能讓設(shè)計(jì)結(jié)果更加嚴(yán)謹(jǐn)。而隱喻的合適性,實(shí)則是指使用隱喻這一手段是否最合適。
上文已提出,隱喻與非隱喻都普遍地用于設(shè)計(jì)界面,它們有各自的特點(diǎn)和優(yōu)勢(shì),所以隱喻并非唯一選擇,不能一味地追求隱喻而忽視其他手段。
我們?cè)谠O(shè)計(jì)的時(shí)候應(yīng)該多思考除了隱喻之外的手段,根據(jù)場(chǎng)景分析其優(yōu)勢(shì)和合理性。例如:非隱喻中的零喻,在系統(tǒng)功能次要(或彩蛋功能)、界面空間不足或界面信息過載的情況下,是一個(gè)非常合適的選擇。
但如果在設(shè)計(jì)時(shí)候根本沒有想過用隱喻外的其他手段,那么無論再如何改善隱喻也不能得到最佳的方案。
4.3 有依據(jù)地設(shè)計(jì)隱喻
當(dāng)場(chǎng)景分析、系統(tǒng)功能、隱喻手段都確定后,才能進(jìn)行隱喻設(shè)計(jì)。構(gòu)筑隱喻可使用歸納與聯(lián)想等方法,通過歸納和聯(lián)想來闡述事物與事物之間的聯(lián)系以形成恰如其分的隱喻解。此時(shí)所得到的是喻體的集合,最后可以通過用戶訪談、可用性測(cè)試等方法敲定喻體的最優(yōu)解。
舉個(gè)例子:圍繞著“消息通知”這功能,我們可以聯(lián)想到“鈴鐺”、“信封”、“喇叭”等喻體,且經(jīng)過對(duì)用戶群體的分析,這些喻體都是他們所熟知的。但通過訪談發(fā)現(xiàn),“鈴鐺”和“喇叭”除了能代表“消息通知”外還會(huì)產(chǎn)生“音量”、“鈴聲”等歧義,從而可推斷出“信封”是最優(yōu)的喻體。
4.4 值得注意的幾點(diǎn)
首先,選擇用戶群體所熟知的隱喻還是陌生的隱喻?
如上文所述,熟知和陌生的隱喻會(huì)讓觀察者產(chǎn)生不同的認(rèn)知過程,而不同的認(rèn)知過程都有各自的問題和優(yōu)勢(shì),這需要在設(shè)計(jì)過程中作出權(quán)衡。比如:網(wǎng)易云音樂的導(dǎo)航欄中的“主頁”就使用了陌生隱喻——喻體是APP自身的Logo。
原因有兩點(diǎn):
- 第一,Logo-主頁這樣的映射關(guān)系并不難理解,用戶使用過一兩次后即可建立聯(lián)系,學(xué)習(xí)成本不高。
- 第二,這種做法能加深用戶對(duì)Logo的印象,對(duì)于品牌的傳播有著積極的意義。
其次,選擇什么形式的喻體?
喻體的形式非常多樣:紋理、質(zhì)感、動(dòng)畫、圖標(biāo)等等。
在設(shè)計(jì)過程中,我們很容易形成一種思維定勢(shì),認(rèn)為喻體的形式僅取決于圖形元素的設(shè)計(jì),而忽略了其他形式的可能性,限制了我們的創(chuàng)造力。
最后,隱喻設(shè)計(jì)也要符合一些基本的界面設(shè)計(jì)原則,如易于辨認(rèn),易于學(xué)習(xí),易于記憶,一致性原則等等。
五、結(jié)語
總之,用戶界面中的隱喻確實(shí)能大大地減輕了用戶的認(rèn)知負(fù)擔(dān),是一個(gè)極佳的設(shè)計(jì)手段。然而,隱喻也會(huì)存在著一些問題。設(shè)計(jì)者需要基于具體的情況,比較各種設(shè)計(jì)手段的優(yōu)勢(shì),權(quán)衡使用隱喻的利弊,選擇最適合的手段去設(shè)計(jì)。
作者:genrry,公眾號(hào):設(shè)計(jì)師阿余。熱愛設(shè)計(jì),關(guān)注用戶體驗(yàn),分享設(shè)計(jì)思考。
本文由 @genrry 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖作者提供
學(xué)習(xí)到了,謝謝分享。
寫的太書面化了,精簡(jiǎn)些會(huì)更好