劉康軒 王晨升 成藶委
摘 要:格式塔心理學課是認知心理學中一個重要理論,在視覺界面設計中已經(jīng)有廣泛的運用。本文通過分析色彩中的格式塔理論,利用格式塔理論中元素雷同性與識別性的特點實現(xiàn)對目標元素進行合理的分級和分組,輔助用戶的認知;另一方面,提出由于格式塔形式自身特點造成的認知良好卻“尋路困難”的問題,并嘗試提出解決方案。對今后視覺界面設計中格式塔理論的研究有一定的借鑒意義。
關鍵詞:格式塔理論;色彩;雷同性;識別性;尋路困難
1 格式塔中的雷同性與識別性
格式塔心理學誕生于1912年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。其中最重要的發(fā)現(xiàn)是人類視覺是整體的:我們的視覺系統(tǒng)自動對視覺輸入構建結構,并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體,形成整體認知。
什么是構建結構呢?構建結構實際上就是一個區(qū)分與歸類的過程。其中區(qū)分的過程需要用戶感受到該元素的識別性,以便從眾多信息中辨識出自己所尋找的信息;歸類的過程需要用戶找到要素之間的雷同性,將具有共同特征的元素劃分進同一組。比如一張圖中,有若干不均勻排布的圓形和正方形,我們會很自然地將圖中的方塊聯(lián)系在一起,而不理會其他背景元素,盡管這幾個方形元素距離不一。這是因為我們視覺系統(tǒng)在構建結構的過程中首先通過這幾個正方形相對周圍圓形的識別性,從而將它們區(qū)分出來,然后這幾個正方形又因為具有外形顏色上的雷同性,視覺系統(tǒng)很自然地會將它們歸為同一類,從而完成整個區(qū)分與歸類的視覺構建過程。
值得一說的是,這里構建結構涉及人們的一個完形心理,即人們有喜愛平衡、對稱、簡練的心理特征,這種心理特征也被稱為“完形趨向律”。這也是格式塔心理學的一個重要理論。
2 結合北京移動手機客戶端界面分析色彩中的格式塔理論
接下來,我們結合北京移動手機客戶端來研究下色彩中的格式塔運用對用戶認知的影響。
北京移動手機APP內有歡樂版和商務版兩個版本,在歡樂版首頁界面,我們看到用戶的流量信息(流量總額、已用流量和剩余流量)分別用三個外形相似的氣泡顯示,根據(jù)格式塔的雷同性,很容易讓人將他們歸為同類,用戶很自然地理解它們是同類信息;而三個氣泡彼此之間又通過三種不同的顏色紅黃綠區(qū)分開,突出了各自的識別性,從而很清晰地表現(xiàn)它們之間相互獨立的關系。而在商務版中將同樣的三個信息隔離開了,其中“本月剩余”和另外兩個流量信息的顯示方式差別很大,缺乏雷同性,用戶很難將他們歸為同一類。
但雷同性和識別性之間關系十分微妙,如果滿足雷同性,缺乏識別性,就會造成界面元素十分相似,難以區(qū)分的問題。我們看歡樂版下面的流量業(yè)務入口中,四個業(yè)務入口外觀采用外形相同的貝殼,雖然滿足了雷同性讓人知道它們業(yè)務層面的相關性,但由于它們外形顏色完全一致,如果不看上面的字幾乎無法區(qū)分開,用戶極容易誤操作。這方面商務版中做得更好一些,它用四個外形相似顏色不同的色塊區(qū)分開,讓用戶很輕松地感受到這四塊展示的是不同的功能卻又有一定的聯(lián)系。
當元素間缺乏雷同性就會造成界面元素雖然各不相似,卻又截然不同,當這種互不相同的信息總量超出用戶能最多接受的范圍時,就會產(chǎn)生認知障礙。例如北京移動APP的設置界面,整個界面各個元素采用不同的顏色,不同的圖標區(qū)分,互不相同,盡管識別性不錯辨識度很強,但由于元素之間毫無雷同性,導致界面看起來雜亂無章,毫無章法。使得用戶一時之間很難找到想找的入口。
在流量分類明細的界面里,用戶滑動查看后面的界面時,會發(fā)現(xiàn)界面上方的色塊與下方的滑塊顏色不一致,這無疑不符合人認知歸類的視覺構建,根據(jù)認知習慣,人們會自然地將具有雷同性的色塊歸為同一類,這實際上也是格式塔接近性原則。因此這里建議將界面滑點顏色與上方色塊顏色統(tǒng)一,這樣既增加了同一界面里的“雷同性”(同一界面上下色塊顏色相同),又保持了界面之間的“識別性”(界面之間顏色不同)。
在企業(yè)黃頁界面,點擊上面“中國建設銀行客戶服務熱線”后,用戶很難看出綠色的號碼功能鍵與哪個企業(yè)名字對應,甚至更容易認為跟功能鍵下面的企業(yè)名字對應,從而造成用戶誤操作。簡單地說即企業(yè)名字與它的電話之間缺少“雷同性”;點擊和未點擊的企業(yè)之間缺乏“識別性”。那么,我們改進的思路也很清晰了,即制造企業(yè)名字與其對應的電話之間的“雷同性”并增強點擊和未點擊的企業(yè)之間缺乏“識別性”,所以我們可以將界面上的綠色分割線去掉,然后將點擊后的企業(yè)名字和下面的呼叫圖標變成相同的顏色。
3 尋路困難
什么叫“尋路困難”?字面上理解就是人到一個陌生的地方不知道該往哪走才能到達自己想去的目的地,或者不知道自己現(xiàn)在身處何處。放在軟件應用中,尋路困難的局面同樣存在,由于種種原因,用戶不知道下一步如何操作完成任務,或者不知道自己身處哪個流程之中等等。分析其原因,實際上由于格式塔形式自身的“對稱”、“均衡”、“重復”等特點,往往使得整體識別性方面存在缺陷,容易造成認知良好卻“尋路困難”的局面。
在網(wǎng)站多步注冊界面,我們常常會遇到這種問題,我們在注冊流程中突然會找不到自己目前處在哪一個流程步驟中,是身份驗證?還是補充個人信息?雖然界面上方的導航步驟每項排列均勻,認知良好,但仍容易讓用戶“迷失”。那么如何改進呢,我們這時可以通過打破原有均衡、對稱的形式,添加某些特殊標識或裝飾,從而增強界面的識別性。就這個界面來說,我們如果在當前所處流程上用鮮艷色塊標識出來,并于下面提交按鈕顏色一致,那么很輕松的避免了“尋路困難”的囧狀。
實際上,這種問題在移動app中的導航設計里體現(xiàn)更明顯,結合北京移動客戶端導航來看,在導航條里將用戶當前所處的界面“流量”用凸起的藍色色塊標記出來,讓用戶能隨時了解自己所處的層級位置,使用戶不至于出現(xiàn)“迷路”的窘境。這點在其他app中也有體現(xiàn)。
4 結語
本文主要研究在界面設計中,運用色彩中的格式塔理論,一方面可以利用元素的雷同性與識別性對目標元素進行合理的分級和分組,輔助用戶的認知;另一方面,由于格式塔形式自身的“對稱”“均衡”“重復”等特點,往往使得整體識別性方面存在缺陷,造成認知良好卻“尋路困難”的局面;面對這種情況,一種解決方法是“打破”:在總體完形中進行局部的調整和改變,適當?shù)卮蚱破渚狻⒅貜秃蛯ΨQ性;另一種解決方法是“添加”:使用標識、裝飾等易識別的元素,增加整體界面的識別性。
參考文獻:
[1] 魯敏,汪曉娥.阿恩海姆格式塔藝術心理學及其色彩理論研究[J].大眾文藝,2012(14).
[2] P.Trummel . Shape of concept:color percept…graphics,geometry and gestalt[J] . IEEE Transactions on Professional Communication,2002(8).
[3] 牛力,徐磊青,湯眾,等.格式塔原則對尋路設計的作用及尋路步驟分析[J].設計研究,2007(05).
[4] 彭雅莉.格式塔心理學對圖形設計的影響[D].南昌大學,2007.
[5] 毛艷艷.動數(shù)字媒體界面色彩設計研究[D].湖南大學,2014.