蔣桐
〔摘要〕本文從認知心理學基礎(chǔ)理論出發(fā),對微信圖標設(shè)計演變過程展開分析。通過對比不同版本的圖標設(shè)計并結(jié)合各類設(shè)計方法分析微信更新圖標的積極意義和不足之處,最后提出了微信圖標未來的發(fā)展趨勢。
〔關(guān)鍵詞〕微信;認知心理;圖標;設(shè)計
用戶認知指的是用戶借助身體各類感知覺器官產(chǎn)生的,并可借助特定方法進行人為增加、減少、解釋、存儲、回復(fù)和利用的生理、心理體驗過程;是認知心理學的重要研究領(lǐng)域。也可以這樣理解用戶認知,它是一個將外界信息再加工并傳輸?shù)轿覀兊纳窠?jīng)和認知系統(tǒng)中的過程,該過程包括了知覺、注意、學習、記憶、問題求解等等。
隨著計算機技術(shù)的快速發(fā)展,各類智能終端層出不窮,人與機器之間的交互已經(jīng)從傳統(tǒng)的“硬界面”交互發(fā)展成為“軟界面”交互。軟界面大多通過圖標操作來引導(dǎo)用戶行為,進而滿足用戶功能需求。如何借助用戶認知研究指導(dǎo)相關(guān)界面的圖標設(shè)計已經(jīng)成為設(shè)計領(lǐng)域研究的一個新熱點。
一、微信圖標演變分析
1.微信軟件
微信是騰訊2011年1月21日推出的基于智能終端的個人免費通訊程序,發(fā)展至今經(jīng)歷了5次大規(guī)模升級(2011年微信從1.O版本直接升級為3.O版本),目前大部分人使用的是7.O版本,其界面及圖表效果發(fā)生了很多重大改變,本文以4.0-7.0版本的微信圖標為主,對四個版本的微信圖標展開視覺化分析。
2.圖標整體風格演變分析
從微信圖標的更新來看,其風格特點在不斷地變化。如圖2-1,分別是微信4.0-7.0版本的“通訊錄”界面。通過對比,可以很容易發(fā)現(xiàn)其整體界面布局發(fā)生了變化,這主要歸因于微信的功能變化和升級。功能的增加和減少必然帶來圖標的相應(yīng)變化。其次,4.0-6.0版本的狀態(tài)欄使用的是深色塊面,但在最新升級的7.0版本中變?yōu)闇\色塊面,而且圖標和文字也為了增強識別效果從原來的淺色變?yōu)樯钌?,強化了頁面功能,讓整個界面顯得更加輕盈。最后是顏色的變化,四個版本的通訊錄界面逐漸由穩(wěn)重的暗沉顏色發(fā)展成為歡快的亮色,圖標設(shè)計逐漸精致,這主要歸因于研發(fā)團隊追求簡約風格,同時也從一個側(cè)面說明其界面設(shè)計更加注重年輕用戶的喜好。
二、微信圖標設(shè)計演進的策略分析
軟件界面的更新升級,除了出于軟件功能變化的需要,提升用戶體驗也是推動界面升級的重要原因。根據(jù)調(diào)查,大部分用戶認為微信圖標的每一次升級都增強了視覺體驗,軟件功能的視覺識別可能得到了加強,為用戶創(chuàng)造了更多的使用便利。根據(jù)人類認知習慣,圖標是一種視覺刺激形式,用戶在獲取這個刺激后,誘發(fā)其產(chǎn)生思考聯(lián)想,這是一種復(fù)雜的心理活動過程,其影響因素眾多,過程和結(jié)果均因人而異。不過,雖然微信圖標的設(shè)計升級不可能讓所有用戶均滿意,但其需要遵循的設(shè)計原則卻是有跡可循的。
1.允許嘗試
給用戶嘗試的空間是界面設(shè)計的基礎(chǔ)性原則。在微信的發(fā)展過程中,“群發(fā)助手”功能出現(xiàn)在微信3.6版本中。下圖3-1表現(xiàn)了微信4.0-7.O版本中“群發(fā)助手”的圖標變化。圖標含義明顯,一個信息框中繪制了三個頭像,給予用戶提示這是一個給好友群發(fā)消息的功能。部分用戶表示最初認為是“群聊”功能,有時也會發(fā)生混淆,初次嘗試這個功能必須結(jié)合輔助的文字說明才能流暢地完成操作。從4.0到7.O版本中該功能的圖標最明顯的變化是中間人物形象的變化,人物形象更加現(xiàn)代化,并且增加堆疊面積,進一步體現(xiàn)該功能具有“群體”特點。其次是色調(diào)的變化,逐漸與微信整體風格統(tǒng)一。嘗試階段驗證了用戶認知特性中知覺、注意、學習、記憶、問題求解等過程,其目的是為了強化用戶的使用記憶。
2.印象設(shè)計
功能給用戶留下的最初印象在允許嘗試階段逐漸形成,完整的圖標應(yīng)當是簡單的文字說明結(jié)合通俗易懂的圖形,用戶在這一基礎(chǔ)上進行理解,目的是讓用戶與圖標產(chǎn)生共鳴,加深印象,友好地引導(dǎo)用戶進行下一步的操作,逐漸讓用戶形成記憶,甚至是條件反射。如圖3-2,“新的朋友”和“群聊”圖標的變化,最初的圖標并不能區(qū)分兩個功能。“新的朋友”圖標并不能體現(xiàn)“新”的特點,因此后面的版本新添了一個“+”圖案;“群聊”由三個人像減少到了兩個,并通過疊加的方式體現(xiàn)。
3.感知設(shè)計
唐納德·諾曼在《設(shè)計心理學》中深入解析了產(chǎn)品語義學中的“功能可見性”和“語義符號”的概念。語義符號是引導(dǎo)用戶做出正確行為的可感知的信號,就像是一種自然語言,自然地給用戶留下印象,指導(dǎo)他們一天的活動,可以是明確的實體信息,也可以是暗示性實體信息。這里提到的兩個概念都是一種與用戶溝通的方法,微信圖標的更新,選擇適當?shù)恼Z義符號的藝術(shù)與技巧是至關(guān)重要的,因此最后面型的圖標、高飽和度顏色等等在逐漸消失,這些都是微信更新在感知設(shè)計方面改善的結(jié)果。如圖3—3所示的微信界面圖標,如果沒有文字說明,用戶很難感知到這些功能;盡管有了文字的輔助,用戶對這些圖標的感知能力也會變?nèi)酢A己玫脑O(shè)計語義符號必須是可感知的,可提供信息的,感知設(shè)計目的是為了強化用戶對功能的認知程度。
結(jié)語
微信的用戶群體從年輕人到老年人,跨度廣是其最大的一個特點,不管是對配色的喜愛程度還是對圖標的認知理解程度,每個用戶群體的認知都存在很大的差別,因此不可能滿足所有群體的要求,任何設(shè)計都不會完美無缺,設(shè)計師應(yīng)該在一定程度進行妥協(xié),用戶也必須持有包容的態(tài)度,這樣才能達到一個和諧的狀態(tài)。微信的功能在以一種精妙的方式進步,感覺認知與此有著密切的聯(lián)系。便捷高效是當代用戶追求的最高理想狀態(tài),用戶認知心理也將永遠是微信圖標更新的重要影響因素。
(責任編輯:楊建)
參考文獻:
[1](美)唐納德·A·諾曼著,小柯譯.設(shè)計心理學[M].北京:中信出版社,2015.
[2]李佛君.人看花花看人[M].南昌:江西美術(shù)出版社,2017.
[3](日)原研哉著,紀江紅譯.設(shè)計中的設(shè)計[M].桂林:廣西師范大學出版社,2010.
[4]趙江洪.設(shè)計心理學[M].北京:北京理工大學出版社,2018.