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

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


理論

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

視覺傳達(dá)

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

面孔識(shí)別

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


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

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

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


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

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

光暈效應(yīng)

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


格式塔閉合律

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

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

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

實(shí)踐

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


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


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

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

擴(kuò)展

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

切換多賬號(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)涕蚤,能有效避免這些問題。

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

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


頭像更像溝通

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


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末廉涕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子艇拍,更是在濱河造成了極大的恐慌狐蜕,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件卸夕,死亡現(xiàn)場(chǎng)離奇詭異层释,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)快集,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門贡羔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人个初,你說我怎么就攤上這事乖寒。” “怎么了院溺?”我有些...
    開封第一講書人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵楣嘁,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng)逐虚,這世上最難降的妖魔是什么聋溜? 我笑而不...
    開封第一講書人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮痊班,結(jié)果婚禮上勤婚,老公的妹妹穿的比我還像新娘摹量。我一直安慰自己涤伐,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開白布缨称。 她就那樣靜靜地躺著凝果,像睡著了一般。 火紅的嫁衣襯著肌膚如雪睦尽。 梳的紋絲不亂的頭發(fā)上器净,一...
    開封第一講書人閱讀 49,816評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音当凡,去河邊找鬼山害。 笑死,一個(gè)胖子當(dāng)著我的面吹牛沿量,可吹牛的內(nèi)容都是我干的浪慌。 我是一名探鬼主播,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼朴则,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼权纤!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起乌妒,我...
    開封第一講書人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤汹想,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后撤蚊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體古掏,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年侦啸,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了槽唾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡匹中,死狀恐怖夏漱,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情顶捷,我是刑警寧澤挂绰,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響葵蒂,放射性物質(zhì)發(fā)生泄漏交播。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一践付、第九天 我趴在偏房一處隱蔽的房頂上張望秦士。 院中可真熱鬧,春花似錦永高、人聲如沸隧土。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽曹傀。三九已至,卻和暖如春饲宛,著一層夾襖步出監(jiān)牢的瞬間皆愉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來泰國打工艇抠, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留幕庐,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓家淤,卻偏偏與公主長(zhǎng)得像异剥,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子媒鼓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容