基于用戶體驗的社交類APP圖標設(shè)計分析

張蕓蕓

〔摘 要〕社交類APP的用戶體驗決定APP的用戶粘性，也決定某一個社交APP的生存性。設(shè)計一個社交類APP應(yīng)當基于用戶體驗設(shè)計來進行，同時考慮在第一印象上給予用戶一個良好的觀感，因此要著重對社交類APP圖標設(shè)計進行思考，文章當中對此進行了研究分析，僅供參考。

〔關(guān)鍵詞〕用戶體驗；社交類APP；圖標設(shè)計

設(shè)計一個產(chǎn)品最重要的一個原則在于“了解你的用戶”，用戶是產(chǎn)品最終要面對的人群，用戶對產(chǎn)品的使用體驗好不好直接關(guān)系到產(chǎn)品最終能否留住用戶，社交類APP的設(shè)計同樣如此。APP圖標是一種視覺符號，在設(shè)計APP圖標的圖形前，必須要先清楚用戶的心理感知過程，遵循思維規(guī)律，才能設(shè)計出能夠給予用戶深刻第一印象的圖標。

一、用戶體驗設(shè)計

用戶體驗簡單說即用戶在使用產(chǎn)品過程當中所感受到的以及所得的全部內(nèi)容的體驗綜合，它并不是產(chǎn)品是如何工作的，而是產(chǎn)品如何與外界的用戶發(fā)生聯(lián)系并產(chǎn)生作用。當人類在創(chuàng)造出第一個工具時，就開始產(chǎn)生使用工具的體驗。20世紀90年代中期諾曼提出了用戶體驗的概念，并且他也成為蘋果公司的第一個用戶體驗架構(gòu)師，致力于為蘋果設(shè)計和研究以用戶為中心的產(chǎn)品，其在《日常生活中的設(shè)計》一書當中指出的用戶體驗設(shè)計應(yīng)當是可用性和功能性設(shè)計，不需要多美觀。這種設(shè)計理念對當今的設(shè)計依然有著巨大的影響力。

隨著經(jīng)濟社會的發(fā)展，數(shù)字產(chǎn)品和互聯(lián)網(wǎng)已經(jīng)深刻地融入我們的生活當中，用戶體驗設(shè)計也在不斷被完善，現(xiàn)在的用戶體驗設(shè)計已經(jīng)不再僅僅是產(chǎn)品本身，還包含著一系列和這個產(chǎn)品相關(guān)的所有物品和服務(wù)。比如去星巴克喝咖啡，首先會看到的是星巴克的LOGO，然后從進門開始一直到離開的這個過程當中會和服務(wù)員交談，付費，尋找座位等等，這其中的每一個細節(jié)都會影響到對星巴克的用戶體驗?，F(xiàn)代人是“視覺動物”，人的眼睛是最敏感的感覺器官，眼睛為大腦提供的信息占據(jù)了絕大部分，人看到一件物品的第一印象將在很大程度上決定是否使用這一物品。從用戶體驗的角度來講，這里突出了用戶體驗的表現(xiàn)層，即視覺上的效果，視覺效果好，人對產(chǎn)品的第一印象好，才會去使用它，進而體驗到產(chǎn)品的功能。

如果人對產(chǎn)品的第一印象在一定程度上決定了人會不會使用這一產(chǎn)品，那么用戶體驗設(shè)計的中心就是用戶，在設(shè)計當中就必須要以視覺效果來吸引到用戶。因此，在設(shè)計時就需要考慮人的行為與心理，進而設(shè)計出滿足用戶需求的產(chǎn)品。

二、社交類APP圖標設(shè)計分析

（一）基于用戶體驗的社交類APP圖標設(shè)計思考

社交是人類作為社會性群體的基本屬性，從人類誕生開始，不管形式如何，不管是否在意識支配下，人類的社交活動就從沒有停止過。在互聯(lián)網(wǎng)背景下，社交的范疇得到了極大的擴張，社交類APP作為線上應(yīng)用、線下實際社交活動的二維上的自然延伸，是技術(shù)條件下人類社交需求的必然產(chǎn)物。目前，移動APP市場上擁有大量的社交類APP，從用戶體驗的角度來講，社交類APP的圖標將在一定程度上影響用戶使用社交類APP的情況。因為圖標是社交類APP的門面，就像是星巴克的LOGO，看到它的第一眼就知道是什么地方。

對于社交類APP而言，看到APP圖標的第一印象就是這個APP是干什么用的，比如微信這個在社交領(lǐng)域的龐然大物，它的圖標就是兩個對話氣泡，直接就暗示這是一款社交APP；又如抖音直接就是一個音符，揭示的是一款音樂類的APP。在圖標設(shè)計上需要給予用戶一定的暗示，這樣才能讓用戶使用它，否則APP的功能性就體現(xiàn)不出來，因為用戶根本就沒使用過，又何來的功能體驗。

對于社交類APP圖標設(shè)計來講，實際就是UI設(shè)計，直接定義APP的外形，這個是對用戶體驗有著最直觀影響的一個方面。一個好的UI設(shè)計需要完成的不僅僅是UI的美化，更主要的是針對用戶體驗的設(shè)計和優(yōu)化，讓用戶能夠通過圖標很好地使用APP，使得視覺注意力多元化，并使人最本能的認知信息通過視覺圖形語言來轉(zhuǎn)化，在潛移默化當中，通過圖標給予用戶的視覺引導(dǎo)來處理好交互任務(wù)。

例如微信，它的門面是兩個對話氣泡，而打開微信后可以看到內(nèi)部圖標設(shè)計非常的普通，沒有特色，在素材網(wǎng)站上就可以下載到相應(yīng)的圖標，微信內(nèi)部的圖標就好像直接是從素材網(wǎng)上下載的圖標貼上去的一樣。比如微信底部的導(dǎo)航欄圖標，一共就四個，第一個是一個對話氣泡，暗示這里可以進行聊天；第二個是一個人形框架配上三條長短不一的橫線，暗示這個是通信錄；第三個圖標則是一個指南針的圖形，暗示發(fā)現(xiàn)；第四個圖標就是一個由線條構(gòu)成的人形框架，暗示一個“我”。這里有一個值得思考的問題，從用戶體驗的角度來講，這里微信的圖標設(shè)計要更加簡單，且沒有特色。因為微信是一個超級APP，其用戶量約10億，已經(jīng)不需要通過特別的視覺設(shè)計手段去提升用戶的認知度，而且因為微信本身所需要面對的用戶更加廣泛，圖標設(shè)計的功能識別性要更加重要，所以也就并不需要去將圖標設(shè)計得“花團錦簇”，反而讓圖標看起來更加具有普適性。這里需要注意一點，微信是超級APP，其用戶基數(shù)非常大，其圖標設(shè)計策略并不能用來應(yīng)對所有社交類APP的圖標設(shè)計。對于一些普通的社交APP的圖標設(shè)計，如果采取微信的圖標設(shè)計策略，那么APP的UI將沒有特色、沒有個性，吸引不到用戶。

（二）基于用戶體驗的社交類APP圖標設(shè)計策略

UI是社交類APP的門面，它將在一定程度上決定用戶對APP的觀感以及是否會使用它。如同上文所言，人是視覺動物，社交類APP的UI如果具有視覺沖擊力，那么將在很大程度上吸引到用戶，然后才能讓用戶體驗到APP的功能，并進一步強化用戶的粘性。

從用戶體驗的角度來講，在做圖標設(shè)計時，應(yīng)當注意用戶的注意廣度，一個人在不受干擾的情況下，會在一定時間內(nèi)持續(xù)進行某項任務(wù)，這個就是所謂的注意廣度。人的注意廣度，由專注力影響，時間長短不一。而基于用戶注意廣度，依托菲茨定律，用戶選擇或者抵達某個目標的時間，是由到目標的距離以及目標的大小來決定的，在一個APP的界面當中，大而近的目標區(qū)域，意味著用戶不需要做太精細的調(diào)整就可以輕松達到或選擇目標，反之，小而遠的目標區(qū)域?qū)⒂绊懹脩糇⒁鈴V度，并且需要用戶從一個較長的距離當中做一系列精細的調(diào)整，這將消耗用戶大量的注意時間，從而給人一種不友好的體驗。所以在UI設(shè)計當中包括界面按鈕的設(shè)計等，一定要體現(xiàn)強交互性，同時要將它們盡可能地設(shè)計得大一些，從而讓用戶的點擊體驗更加輕松。并且相關(guān)的元素應(yīng)當盡可能地靠近彼此，這樣做的目的是在視覺上增強用戶對其相關(guān)性的認知，并且減少用戶在選擇這些元素時所耗費的時間和經(jīng)歷。比如微信底部的導(dǎo)航欄圖標數(shù)量只有四個，并且每一個圖標都緊靠在一起。

許多產(chǎn)品設(shè)計師認為，如果產(chǎn)品可以提供更多的功能或者選擇，那么他們的產(chǎn)品價值就越大，實際上這種認識存在誤區(qū)，大量的選擇可能導(dǎo)致用戶的決策癱瘓，而且可能導(dǎo)致用戶產(chǎn)生焦慮情況，選擇的數(shù)量越多，選擇的復(fù)雜程度就越高，用戶就會花費更多的決策時間。因此在UI設(shè)計當中就不能給予用戶太多選擇，應(yīng)取其精華，去其糟粕，按照重要性排列和用戶需求有關(guān)的功能和選擇，同時將一些復(fù)雜的任務(wù)選項拆分成若干個小的部分，簡化有關(guān)選項。比如微信，微信的整個界面除了聊天記錄，只有五個選項，底部導(dǎo)航欄四個，頂部一個“+”號收束了四個選項，細分項也不是很多，而且也是按照重要性來排序，比如發(fā)現(xiàn)圖標下排第一的是朋友圈，這個是微信當中非常常用的一個功能，因此排第一。

結(jié) 語

綜上所述，看到兩個白色的對話氣泡就會想到微信，這就是把圖標設(shè)計成了品牌的標識，圖標也就代表了品牌，看到一個圖標就想到一個品牌。因此在圖標設(shè)計當中需要讓圖標的圖形能準確表達相應(yīng)的操作，即看到一個圖標就知道這個圖標所代表的含義，運用抽象的或者是具象的形象，來增強圖形的視覺識別度是圖標設(shè)計當中必須要重視的點，要把圖形符號所指代的“意”和圖形圖像的“形”緊密聯(lián)系。而間接、對稱的圖形較之于復(fù)雜和不對稱的圖形更容易讓人發(fā)現(xiàn)以及識記。 （責(zé)任編輯：張貴志）

參考文獻：

[1]吳永堅.移動端APP圖標設(shè)計探索[J].藝術(shù)評論，2017，（7）：161-164.

[2]賴守亮，尚津.從媒介認知能力角度淺析智能手機APP圖標設(shè)計[J].教育現(xiàn)代化，2017，4（34）：169-171.

[3]謝往都，張健，陳正銘等.移動終端App圖標設(shè)計規(guī)范與技巧研究[J].韶關(guān)學(xué)院學(xué)報，2016，37（8）：17-21.

[4]鞠函余.探究IPhone APP游戲圖標在設(shè)計上的性別差異[J].學(xué)園，2015，（25）：122-127.