深度解析:APP界面設計中的隱喻

3 評論 20534 瀏覽 56 收藏 19 分鐘

在用戶界面設計中,一些學者提出隱喻的概念為:將一個熟悉的非計算機領域的術語或概念,用于描述用戶界面中的計算機功能和客體。目前許多軟件產品在它們的界面設計中都大量使用隱喻,這種隱喻被稱為界面隱喻。

一、釋義隱喻

隱喻,英文(metaphor)是一個古老的詞匯,在希臘文中原意“轉換”。

希臘辭源“μετ? meta”(之間)及“φ?ρω phero”(帶有)之意,暗指“將意義由某事物轉移側(至)另一事物”。而現代對隱喻的定義則更為深刻,從一種修辭手段轉變?yōu)檎J知工具。

20世紀70年代,Lakoff 與 Johnson所發(fā)表的Metaphors we 1ive by 中對隱喻作了這樣的定義:隱喻實質上就是通過另一類事物來理解和經歷某一類事物,隱喻就是借助過去已熟悉的事物,來認識和理解當前所面臨的全新的事物的過程或手段。

從定義可以看出,隱喻是以簡化認知為目的的手段,至少牽涉三個對象:

  • 第一,全新的或不熟悉的事物,即所要認知的本體。
  • 第二,熟悉的或經歷過的事物,即已經認知的喻體。
  • 第三,參與這一過程的主體,即觀察者本身。

二、界面中的隱喻與非隱喻

界面隱喻非常普遍,對其的研究也不少,而界面上的非隱喻卻很少被提及,但無論是隱喻還是非隱喻,在使用前應先清楚其區(qū)別與特點。

在用戶界面設計中,一些學者提出隱喻的概念為:將一個熟悉的非計算機領域的術語或概念,用于描述用戶界面中的計算機功能和客體。目前許多軟件產品在它們的界面設計中都大量使用隱喻,這種隱喻被稱為界面隱喻。

非隱喻即隱喻的補集,可以這樣定義:直接描述用戶界面中的計算機功能和客體或不描述用戶界面中的計算機功能和客體,且將前者稱為“明喻”,后者稱為“零喻”。

如圖一:從左往右分別解釋了界面上的明喻、零喻和隱喻三者的區(qū)別:

  • 黑色方框表示界面邊界,明喻即用清晰的文字描述點擊后會觸發(fā)系統(tǒng)的“返回”功能;
  • 零喻則沒有任何描述或提示,只能讓用戶摸索其中可能存在的功能(點擊界面返回);
  • 隱喻則利用向左的箭頭和按鈕間接地描述其“返回”功能,用戶需要片刻時間來理解圖形的含義。

作為界面設計的手段,隱喻和非隱喻有其各自優(yōu)劣勢。從認知難度這個角度來看,明喻是最容易被認知的,隱喻次之,零喻最難被認知。但從占用界面空間的角度來看,零喻占用最少,隱喻次之,明喻占用空間最多。

在我們常見的APP界面中,非隱喻的單獨使用較少見,更多的是非隱喻與隱喻的組合。例如:蘋果公司的iOS9系統(tǒng)的來電界面,首先用文字“滑動來接聽”來明喻功能,其次用圖形元素隱喻向右“滑動”的操作,是典型的明喻-隱喻組合。

再例如:網易云音樂中的播放界面,在用戶第一次打開的時候,會出現“點擊屏幕顯示歌詞”的提示,當用戶再次打開時,則不會再出現任何提示或描述,用戶只能憑借記憶或習慣到達歌詞界面,這就是明喻和零喻的組合。

圖一:隱喻與非隱喻

三、隱喻與認知過程

認知過程是指人認識客觀事物的過程,是由表及里,由現象到本質地反映客觀事物特征與內在聯系的心理活動。厘清隱喻的認知過程應先分清隱喻中的客觀事物。

上文已提及隱喻至少牽涉三個對象:本體、喻體和觀察者。

在觀察者觀察喻體的過程中,觀察者所需理解的并非喻體本身,而是理解喻體所隱含的信息,才能認知本體。因此,喻體所隱含的信息可以看作一個隱藏對象。

可以得出,本體、喻體和信息這三者共同作為整個認知過程的客觀對象。客觀事物與人的關系的多樣性,會產生不同的認知過程。

3.1 初認過程和再認過程

當觀察者碰見一個陌生隱喻時,觀察者的認知過程如圖二:

  • 首先,觀察者觀察或發(fā)現喻體,這是構成整個事件的第一步;
  • 然后,觀察者感知喻體所隱含的信息;
  • 再然后,理解信息;
  • 最后,根據理解的信息達成對本體的認知。

此過程可稱為“初認過程”,而實際上,在APP非常普及的今天,大多數界面隱喻已經被廣大群眾所熟知。所以,還會存在另一種認知過程,如圖三:觀察者再觀察喻體,喻體會觸發(fā)觀察者的記憶使得觀察者直接認知本體,此過程可稱為“再認過程”。

舉個例子:如圖一右所描繪的是APP中的返回按鈕,本體是系統(tǒng)的“返回”功能,喻體是“向左的箭頭”圖案,信息是“往后、倒退、返回”等含義。

當用戶第一次發(fā)現此按鈕時,他會觀察到一個向左的圖形,并感知到其中“向左”的含義,再加以理解“向左”的正真意思為“返回”,最終達成了對本體的認知,此按鈕具有返回功能。

當此用戶行形成記憶后,若再次發(fā)現這種按鈕,就會馬上意識到其返回功能,而不需重新理解。例子中,用戶先后分別經歷了初認過程和再認過程。

圖二:初認過程

圖三:再認過程

3.2 隱喻所面臨的挑戰(zhàn)

隱喻之所以能成為認知的手段,是因為上述的認知過程能順利完成。所以隱喻所面臨的挑戰(zhàn),實質上是認知過程中可能存在的問題。

初認過程是非常復雜,包括觀察、感知、理解和認知,只要其中一步出錯都將使整個認知過程無法完成。

所以,初認過程中,隱喻面臨著三大挑戰(zhàn):

第一,是人的多樣性,這里的“人”包括“觀察者”和“設計者”。個體間會存在差異性,如性別、年齡、性格、學歷、職位、知識結構、地域文化和地理環(huán)境等因素都會構成個體差異。

隱喻的挑戰(zhàn)在于:

  • 一方面,每個觀察者對喻體的理解都不盡相同,導致對本體的認知效果也各不相同。
  • 另一方面,設計者和觀察者之間的理解也會存在差異性,甚至設計者與觀察者往往不是相同的群體,兩者在理解上會出現較大偏差,使得隱喻往往未能達到預期效果。

第二,是觀察者對喻體感知的局限性。每個個體都會存在著自身的認知邊界和感知邊界,而且這往往是不能預判以及不可控制的,例如:紅色往往會作為危險或警告的隱喻,然而對于一個紅色色盲的人來說,他根本感知不到這個隱喻,更不用說怎么去理解它。

第三,是喻體本身的局限性。本體作為一種新事物出現時,并不總能找到一個合適的喻體去隱喻它。更何況新事物層出不窮,而我們熟知的事物卻有限,這使得隱喻受到了巨大的限制。

在再認過程中則不會存在以上問題,因為只要人的記憶一旦形成,就會依照自己的記憶去理解和判斷,所謂的本體、喻體、信息甚至觀察者本身都是他記憶中的一部分。當這種記憶被內化后就會形成一種習慣,比如:“紅燈停,綠燈行”,這樣的隱喻甚至不用我們思考,身體就已作出反應。

但,新的問題也隨之而來,即觀察者需要付出更多時間和精力去形成記憶,這需要一定的學習成本,而這種付出可能是觀察者所不能接受的。

在常見的APP界面中大部分隱喻都是我們所熟知的,大部分用戶都是處于再認過程。然而,這是一把雙刃劍。一方面,熟悉的隱喻能讓用戶更好地理解界面,但在另一方面,這種認知的固化也會一定程度地削弱了設計者的創(chuàng)新能動性。

四、如何設計界面隱喻

我們常常會誤解,認為隱喻設計僅僅是設計喻體。因為在隱喻涉及的對象中,本體(即系統(tǒng)的功能)往往不可更替,觀察者(即用戶)更不可控,只有喻體是可以被創(chuàng)造和改變的對象。

顯然,這有所不妥的,只圍繞著喻體思考會讓我們忽略許多因素,雖然喻體是設計的最后所得物,但它只是設計的終點而非起點。

4.1 以場景作為設計的起點

隱喻設計是為用戶界面設計服務的,空談隱喻設計猶如坐井觀天,限制了自己的思維。因此,在設計之初,應站在更高維度思考問題。

以一個音樂APP的播放界面為例:我們設計其中的隱喻,是為了整個界面更加好用,而界面的好用其實是在提高我們的聽歌體驗。追本溯源,我們所要設計是“聽歌”這一場景,這是思考的起點。

場景的結構可以包括:時間、空間、人、物、行為、信息、意義。我們需要厘清這七個要素及要素之間的關系,即誰?在什么時間和空間內?做什么?為什么要做?怎么去做?會有什么感受?

首先,人是整個事件的核心,是首要的思考點。上文所列舉的問題總的來說都是人所帶來的問題,如果對“人”這一要素分析透徹,以上問題自然迎刃而解。

比如:參與“聽歌”事件的對象是什么群體?該群體有什么行為特征和生活習慣?該群體有什么偏好?等等,這些分析能有效地應對個體差異所帶來的影響。此外,對人的分析也是對行為、信息和意義等要素的分析的依據。

其次,厘清時間和空間,會讓事件更加具體,設計也更具針對性。例如:同一個人在早晨的公交上聽歌和在晚上跑步聽歌,會有怎樣不同的行為和需求?這些行為又會帶來怎樣的信息交換和產生什么意義?

再次,物、行為和信息都是能直接影響界面設計和隱喻設計的要素,是設計的重要線索。比如:手機屏幕的尺寸會直接影響界面布局和界面元素的大??;又如,在聽歌過程中“切歌”、“換歌”等行為也直接決定了界面需要增加什么元素(“切換”按鈕)。

最后,意義是指主體意識下行為的“原因與目的”,它是設計之前的動機,也是設計之后的檢驗。切歌行為的原因是曲目不夠動聽,而目的是獲得動聽的曲目使心情愉悅,原因誘發(fā)了“切換”按鈕的設計,而目的是否達成直接檢驗了設計是否合適。

場景的分析,是設計的根基,是確定用戶需求和制定設計目標的重要依據。

4.2 辯證地考慮隱喻的必要性

使用隱喻前應想清楚是否需要隱喻,可從兩方面入手:

本體的必要性和隱喻的合適性。本體其實是指系統(tǒng)的功能。雖然在開始界面設計前,系統(tǒng)功能已經基本確定,但是這并不意味著每個功能都是合理的。很多時候,一些功能只是為了滿足設計者臆想出來的偽需求,對于用戶來說價值不大,反而會浪費系統(tǒng)資源,所以這樣這種不必要的功能應該在設計前甄別出來并將之舍棄。

比如:評論歌曲這一功能十分常見,但如果我們針對的群體主要在開車時候聽歌,那么“評論”這一功能對于他們來說就是不必要的。對本體必要性的思考,其實是對過去的思考的檢查,這能讓設計結果更加嚴謹。而隱喻的合適性,實則是指使用隱喻這一手段是否最合適。

上文已提出,隱喻與非隱喻都普遍地用于設計界面,它們有各自的特點和優(yōu)勢,所以隱喻并非唯一選擇,不能一味地追求隱喻而忽視其他手段。

我們在設計的時候應該多思考除了隱喻之外的手段,根據場景分析其優(yōu)勢和合理性。例如:非隱喻中的零喻,在系統(tǒng)功能次要(或彩蛋功能)、界面空間不足或界面信息過載的情況下,是一個非常合適的選擇。

但如果在設計時候根本沒有想過用隱喻外的其他手段,那么無論再如何改善隱喻也不能得到最佳的方案。

4.3 有依據地設計隱喻

當場景分析、系統(tǒng)功能、隱喻手段都確定后,才能進行隱喻設計。構筑隱喻可使用歸納與聯想等方法,通過歸納和聯想來闡述事物與事物之間的聯系以形成恰如其分的隱喻解。此時所得到的是喻體的集合,最后可以通過用戶訪談、可用性測試等方法敲定喻體的最優(yōu)解。

舉個例子:圍繞著“消息通知”這功能,我們可以聯想到“鈴鐺”、“信封”、“喇叭”等喻體,且經過對用戶群體的分析,這些喻體都是他們所熟知的。但通過訪談發(fā)現,“鈴鐺”和“喇叭”除了能代表“消息通知”外還會產生“音量”、“鈴聲”等歧義,從而可推斷出“信封”是最優(yōu)的喻體。

4.4 值得注意的幾點

首先,選擇用戶群體所熟知的隱喻還是陌生的隱喻?

如上文所述,熟知和陌生的隱喻會讓觀察者產生不同的認知過程,而不同的認知過程都有各自的問題和優(yōu)勢,這需要在設計過程中作出權衡。比如:網易云音樂的導航欄中的“主頁”就使用了陌生隱喻——喻體是APP自身的Logo。

原因有兩點:

  • 第一,Logo-主頁這樣的映射關系并不難理解,用戶使用過一兩次后即可建立聯系,學習成本不高。
  • 第二,這種做法能加深用戶對Logo的印象,對于品牌的傳播有著積極的意義。

其次,選擇什么形式的喻體?

喻體的形式非常多樣:紋理、質感、動畫、圖標等等。

在設計過程中,我們很容易形成一種思維定勢,認為喻體的形式僅取決于圖形元素的設計,而忽略了其他形式的可能性,限制了我們的創(chuàng)造力。

最后,隱喻設計也要符合一些基本的界面設計原則,如易于辨認,易于學習,易于記憶,一致性原則等等。

五、結語

總之,用戶界面中的隱喻確實能大大地減輕了用戶的認知負擔,是一個極佳的設計手段。然而,隱喻也會存在著一些問題。設計者需要基于具體的情況,比較各種設計手段的優(yōu)勢,權衡使用隱喻的利弊,選擇最適合的手段去設計。

 

作者:genrry,公眾號:設計師阿余。熱愛設計,關注用戶體驗,分享設計思考。

本文由 @genrry 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載

題圖作者提供

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 學習到了,謝謝分享。

    來自北京 回復
  2. 寫的太書面化了,精簡些會更好

    來自江蘇 回復