大約在 3 年前我就注意到像 Facebook 等國(guó)外社交 App 在大幅度使用頭像。比如明明文字就能表達(dá)的地方，偏偏要塞下幾個(gè)小頭像。這個(gè)現(xiàn)象我琢磨好久，直到我最近在自己參與的項(xiàng)目中也嘗試著加入頭像，發(fā)現(xiàn)數(shù)據(jù)非常好看，因此和大家分享一下這個(gè)成果。

理論

在沒(méi)有進(jìn)行實(shí)踐之前，我嘗試從理論中尋找原因。

視覺(jué)傳達(dá)

頭像視覺(jué)面積更大、顏色更豐富，比文字更吸引人的注意力。

面孔識(shí)別

之前在網(wǎng)上流行過(guò)把微波爐豎著放，就特別像笑臉的事件。為什么有兩個(gè)圓圈一道弧線的圖形會(huì)被當(dāng)作人臉的微笑？

科學(xué)界對(duì)此早有研究，把這種誤把具有臉特征的視覺(jué)圖形當(dāng)作人臉的現(xiàn)象稱(chēng)為“空想性錯(cuò)視（Pareidolia）”。

早在 1952 年，生物學(xué)家赫胥黎（JulianHuxley）就已提出空想性錯(cuò)視源于人類(lèi)演化的過(guò)程。他認(rèn)為在人類(lèi)漫長(zhǎng)的進(jìn)化過(guò)程中會(huì)遇到各種危險(xiǎn)，殘暴的野獸和同族的人類(lèi)都具有“臉孔”。對(duì)“臉孔”的識(shí)別越快，就能讓我們?cè)趶?fù)雜的環(huán)境中快速識(shí)別潛在的危險(xiǎn)或盟友。久而久之，隨著人類(lèi)進(jìn)化就衍生出與生俱來(lái)對(duì)“臉孔”的辨識(shí)能力。

通過(guò)現(xiàn)代科技研究發(fā)現(xiàn)，在人類(lèi)大腦中，梭狀回面孔區(qū)（right fusiform face area，rFFA）主要負(fù)責(zé)人臉的認(rèn)知。它能整合經(jīng)視皮層處理的視覺(jué)刺激，讓我們快速識(shí)別人臉。有研究發(fā)現(xiàn)，只需 130ms 面孔可以被檢測(cè)到。

很顯然，在界面設(shè)計(jì)中，因?yàn)榇蠖鄶?shù)人的頭像也具有“臉孔”特征，因此能很快地被用戶(hù)注意到。

光暈效應(yīng)

心理學(xué)家研究發(fā)現(xiàn)，人在觀察事物時(shí)，并不是對(duì)事物部分屬性孤立觀察，而總是傾向于把具有不同屬性、不同部分的對(duì)象作為一個(gè)統(tǒng)一的整體。格式塔原理即是這一特征的反映。

這個(gè)原理不僅作用于視覺(jué)，人對(duì)其他人的觀察也是一樣。我們?cè)诨ハ喽啻谓煌蟛虐l(fā)現(xiàn)和第一印象偏差很大。因?yàn)榈谝挥∠笾皇沁@個(gè)人的部分特征，并不完整。大腦會(huì)傾向于根據(jù)這些部分特征腦補(bǔ)出完整的人，長(zhǎng)得漂亮的人會(huì)被認(rèn)為聰明善良，著裝正式的人看著技術(shù)更專(zhuān)業(yè)即是如此，這種被某個(gè)亮眼的特征所籠罩，讓你腦補(bǔ)完整屬性的情況稱(chēng)為光暈效應(yīng)。

因此摳腳大漢用美女頭像能騙到部分男人就見(jiàn)怪不怪了。

基于以上 3 點(diǎn)分析，用戶(hù)會(huì)認(rèn)為頭像背后的就是活生生的人類(lèi)。

實(shí)踐

在理論分析后不久我剛好得到了一次實(shí)踐的機(jī)會(huì)。在我們的在線問(wèn)診 App 中促使用戶(hù)購(gòu)買(mǎi)醫(yī)生提供的治療方案是核心目標(biāo)之一，最開(kāi)始我們的醫(yī)患溝通界面和閑魚(yú)類(lèi)似，分為對(duì)話和服務(wù)卡片兩種信息。

通過(guò)用戶(hù)訪談我們發(fā)現(xiàn)患者非常在乎醫(yī)生的回復(fù)內(nèi)容（因?yàn)榛ㄥX(qián)買(mǎi)的就是醫(yī)生的內(nèi)容），但是卻表示沒(méi)有注意到治療方案卡片。我猜測(cè)是由于治療卡片并不像醫(yī)生提供的內(nèi)容，更像是我們系統(tǒng)推送的某種廣告，因此被用戶(hù)忽略。于是我做了一個(gè)非常小的改動(dòng)，將治療方案卡片用醫(yī)生對(duì)話回復(fù)的樣式包起來(lái)，并增加一句文案?；颊吣苷_理解治療方案也是醫(yī)生提供內(nèi)容，結(jié)果治療方案的購(gòu)買(mǎi)率有明顯提升！

增加一個(gè)醫(yī)生頭像和聊天氣泡，下一步轉(zhuǎn)化也有明顯增長(zhǎng)。

通過(guò)這兩次實(shí)踐團(tuán)隊(duì)成員開(kāi)玩笑說(shuō)這是“加頭像數(shù)據(jù)就會(huì)上漲的方法論”，奈何我們幾個(gè)詞藻有限不能再做更高程度的包裝。不過(guò)以上案例確實(shí)是很好的利用了視覺(jué)傳達(dá)、面孔識(shí)別和光暈效應(yīng)的原理。

擴(kuò)展

以上實(shí)踐都是增加對(duì)方的頭像，那界面上展示用戶(hù)自己的頭像又有什么意義呢？團(tuán)隊(duì)成員通過(guò)探討得出以下觀點(diǎn)：

1. 切換多賬號(hào)，避免登錯(cuò)號(hào)

有些公司職員需要打理公司的社交網(wǎng)絡(luò)賬號(hào)同時(shí)也有自己的賬號(hào)，甚至還有另外的小號(hào)。如果一不小心登錯(cuò)號(hào)發(fā)錯(cuò)內(nèi)容，可能會(huì)導(dǎo)致社會(huì)性死亡。推特 App 在發(fā)布界面顯示自己的頭像點(diǎn)擊可以切換不同的賬號(hào)，能有效避免這些問(wèn)題。

2. 頭像讓我發(fā)言更注意自身形象

自己的頭像是自己現(xiàn)實(shí)人格在網(wǎng)絡(luò)上的映射，看著自己的頭像在輸入框旁邊，發(fā)言時(shí)難免會(huì)有“這是我在說(shuō)話”的潛意識(shí)。因此在發(fā)表內(nèi)容時(shí)會(huì)注意自己的措辭，維持自己的身份形象。同理，如果做匿名社交，在輸入框旁邊放上匿名頭像，也讓用戶(hù)覺(jué)得自己帶上了面具，發(fā)言更肆無(wú)忌憚。

3. 頭像更像溝通

如果在別人的帖子下面發(fā)表評(píng)論，有頭像更像是你和帖子的作者進(jìn)行平等的對(duì)話溝通，沒(méi)頭像就顯得你在蕓蕓眾生中仰望作者。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)