今天看了微信的聊天框,头像是方的,发出来的图片是带圆角的。
然后想到QQ的头像应该是圆的。那究竟圆形和方形,各家互联网产品是怎么想的呢?
最初的想法:
1、单纯的形状视觉,圆形更加活泼、方形更加规矩。
2、从使用人群来看,QQ用户群体更加年轻活泼,互动样式多。微信更强调熟人沟通,兼容不同群体。
但回头一想,这样的思考模式是不够系统的。参照知乎网友的回答,我觉得以下这个更系统。
从解决什么问题,形状个体、融合内容的UI、与页面信息兼容的UI、最后如何验证去思考。
1、为什么要用头像?
2、头像有哪些内容?
3、方形和圆形的形状视觉焦点差异(个体)
4、方形和圆形的形状视觉联想性(个体)
5、不同内容下的头像选择(加上内容的)
6、页面信息架构下的头像选择(与页面的兼容)
7、测试方形和圆形的识别效率
头像目的是什么?
用来识别用户的。
识别不同用户的方法有很多:用户名、用户ID、头像、邮箱、手机等。
因为人脑对图像的接收处理能力比文字强很多。
而人体特征导致人脸比人体其他部分的识别效率更高。
所以采用用户头像的方法。
用户一般使用什么图片来做头像
理想情况使用真实人脸。但现实中,用户的头像各种各样。即使现在拍照容易很多了,但真实人像还是比较少的。因为这个代表你的形象,得拍得好看,而好看就需要技术。
方形和圆形的形状视觉联想性
从形状的视觉焦点来看,圆形的焦点在圆心,方形的九宫格的四点上。
形状联想现实中的参照物
方形联想的是方形的照片。
圆形联想的是圆形的人头像。圆形让人快速识别头像。
不同内容头像的选择
1、如果用户采用标准的人脸照片,
圆形头像可以让用户忽略照片的背景,更快聚焦到脸上。圆形的效率更高。
方形头像可以识别更多四边细节,例如相似的头像,方形的识别效率更高。
2、采用非标准头像
非标准头像的话,没有一个明确的焦点,所以圆形和方形的识别效率一样。
3、针对企业用户
企业的logo是矩形的,使用圆形头像不一定能容纳,或搭配不合适。
不同页面信息页面的头像选择
圆形头像在展示较小列表和密集头像时候有优势,空间感不紧。
密集头像:关注的公众号列表,采用的是圆形密集头像。
小列表:ins上的信息显示一屏通常采用圆头像加方形视频或图像。
如果列表比较大,用方形能展示更多图片内容。
企业logo需要展示更多的内容。
又或者整个页面的信息呈现都是方形外廓,所以方形头像也更容易保持一致性。
测试方法
A、准备500个用户的信息,模拟头像展示的常见形态。
B、从中随机找出30个用户,请其信息聚合到另外一个页面。
C、找20个测试用户,给他们看打印下来的30个人的信息,从500用户找出这30人,看哪个效率高点。