張蕓蕓

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

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

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

一、用戶體驗(yàn)設(shè)計(jì)

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

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

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

二、社交類APP圖標(biāo)設(shè)計(jì)分析

（一）基于用戶體驗(yàn)的社交類APP圖標(biāo)設(shè)計(jì)思考

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

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

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

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

（二）基于用戶體驗(yàn)的社交類APP圖標(biāo)設(shè)計(jì)策略

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

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

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

結(jié) 語(yǔ)

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

參考文獻(xiàn)：

[1]吳永堅(jiān).移動(dòng)端APP圖標(biāo)設(shè)計(jì)探索[J].藝術(shù)評(píng)論，2017，（7）：161-164.

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

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

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