頭像在界面設(shè)計(jì)中的運(yùn)用

0 評論 2249 瀏覽 1 收藏 9 分鐘

在數(shù)字時(shí)代,頭像已成為在線交流和社交媒體中不可或缺的一部分。但頭像在界面設(shè)計(jì)中的作用遠(yuǎn)不止是一個(gè)簡單的視覺元素。這篇文章將帶您深入了解頭像在提升用戶界面體驗(yàn)、促進(jìn)用戶互動以及影響用戶決策方面的重要作用。

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

理論

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

一、視覺傳達(dá)

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

二、面孔識別

之前在網(wǎng)上流行過把微波爐豎著放,就特別像笑臉的事件。

為什么有兩個(gè)圓圈一道弧線的圖形會被當(dāng)作人臉的微笑?

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

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

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

大腦中和面孔識別有關(guān)的區(qū)域

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

三、光暈效應(yīng)

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

格式塔閉合律

這個(gè)原理不僅作用于視覺,人對其他人的觀察也是一樣。我們在互相多次交往后才發(fā)現(xiàn)和第一印象偏差很大。因?yàn)榈谝挥∠笾皇沁@個(gè)人的部分特征,并不完整。大腦會傾向于根據(jù)這些部分特征腦補(bǔ)出完整的人,長得漂亮的人會被認(rèn)為聰明善良,著裝正式的人看著技術(shù)更專業(yè)即是如此,這種被某個(gè)亮眼的特征所籠罩,讓你腦補(bǔ)完整屬性的情況稱為光暈效應(yīng)。

因此摳腳大漢用美女頭像能騙到精蟲上腦的男人就見怪不怪了。

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

實(shí)踐:

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

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

類似的小改動我在之前的文章中《頁面之間的承接》也提到過,增加一個(gè)醫(yī)生頭像和聊天氣泡,下一步轉(zhuǎn)化也有明顯增長。

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

擴(kuò)展

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

四、切換多賬號,避免登錯(cuò)號

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

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

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

六、頭像更像溝通

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

作者:龍爪槐守望者 公眾號:龍爪槐守望者

本文由 @龍爪槐守望者 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!