起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)設(shè)計(jì)觀點(diǎn)：談「用戶頭像」
今天在我們的各類APP中，用戶頭像已是習(xí)以為常，幾乎在絕大部分互聯(lián)網(wǎng)產(chǎn)品中都可以找到用戶頭像的身影。
用戶使用照片作為頭像信息可以快速準(zhǔn)確的識(shí)別用戶信息，且有效的加強(qiáng)記憶。在界面中巧妙合理的使用頭像元素亦能達(dá)到提升界面閱讀體驗(yàn)。
下文分享一些關(guān)于在設(shè)計(jì)「用戶頭像」時(shí)的見解與觀點(diǎn)：
#1. 重新設(shè)計(jì)頭像的外形
在頭像的外形中，圓形最為普遍和常見，用戶最容易理解。圓形頭像十分巧妙的避開了與照片／圖片的區(qū)別，并且在各種矩形設(shè)備、矩形界面中起到了強(qiáng)調(diào)作用。如下圖：
上圖注：孤立中心點(diǎn)位置，強(qiáng)調(diào)“個(gè)人”、“這是我”的概念。保持界面清晰。
但是在復(fù)雜的界面元素／使用場景中，圓形未必能完全適用。設(shè)計(jì)不恰當(dāng)還會(huì)帶來負(fù)面影響。如下圖：
上圖注：圓形頭像具有很強(qiáng)焦點(diǎn)作用，出現(xiàn)在內(nèi)容信息復(fù)雜的界面中，顯得冗余。造成較強(qiáng)的視覺干擾，影響閱讀體驗(yàn)。
#2. 引導(dǎo)用戶維護(hù)頭像照片
我猜測各位的iPhone應(yīng)該和下圖差不多。
國產(chǎn)ROM用了一種取巧的方式，見圖。實(shí)際使用的體驗(yàn)還不錯(cuò)，iOS 10也用了這種方式。
這種方式并未解決根本問題，一般常見如下解決方法：
- 交互引導(dǎo)設(shè)置用戶頭像
- 通過綁定社交賬戶或使用社交賬戶登錄
- 對(duì)于強(qiáng)調(diào)真實(shí)社交／看臉社交產(chǎn)品可輔助使用云端人臉識(shí)別引導(dǎo)用戶調(diào)整頭像
- 通過獎(jiǎng)勵(lì)任務(wù)引導(dǎo)用戶維護(hù)頭像
- 設(shè)計(jì)一個(gè)讓人看了會(huì)有“沖動(dòng)”去更改的默認(rèn)頭像
#3. 確保頭像的出現(xiàn)是最佳的方式、位置和大小
表示用戶信息的方式有很多種，頭像的出現(xiàn)會(huì)帶來視覺重點(diǎn)的牽引和記憶強(qiáng)化。界面交互、視覺層次處理的不合理反而會(huì)帶來理解困難及內(nèi)容信息主次不分等問題。
上圖注：這是Uber看似很正常的一個(gè)候車頁面。很棒的解決了叫的車在哪，什么到達(dá)我身邊，是哪位司機(jī)師傅來接我的問題。但是在很多次使用中，司機(jī)師傅長什么樣對(duì)我來說是相對(duì)較弱的信息，反而“車輛顏色”、“車牌號(hào)”是關(guān)鍵點(diǎn)信息，可減少與司機(jī)師傅電話中反復(fù)詢問確認(rèn)。
用戶頭像只是展現(xiàn)用戶信息的其中一種方式，在設(shè)計(jì)過程中需要顧及到使用場景、信息主次、使用目的。
作者：Yujun@AEC，此文同步發(fā)表在知乎專欄：https://zhuanlan.zhihu.com/aecdesign
本文由 @Yujun 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
- 目前還沒評(píng)論，等你發(fā)揮！
