如今,各大APP出现在大家的生活中,除了购物、视频、音乐还有很多文艺范儿的阅读APP,用户在登陆这些APP的时候都会注册一个新的用户,同时也会设置一下自己的头像。

  

  用户使用照片作为头像信息可以快速准确的识别用户信息,且有效的加强记忆。在界面中巧妙合理的使用头像元素亦能达到提升界面阅读体验。

  那么在设计开发APP的过程中,用户头像应该如何来设置会有更好的用户体验呢?

  1、重新设计头像的外形

  在头像的外形中,圆形最为普遍和常见,用户最容易理解。

  圆形头像十分巧妙的避开了与照片/图片的区别,并且在各种矩形设备、矩形界面中起到了强调作用。

  如下图:

  

  孤立中心点位置,强调“个人”、“这是我”的概念。保持界面清晰。

  但是在复杂的界面元素/使用场景中,圆形未必能完全适用。设计不恰当还会带来负面影响。如下图:

  

  圆形头像具有很强焦点作用,出现在内容信息复杂的界面中,显得冗余。造成较强的视觉干扰,影响阅读体验。

  2、用户维护头像照片

  下图是一种引导的方式,让大家来维护头像照片。但这种方式并未解决根本问题。

  

  常见解决方法:

  交互引导设置用户头像

  通过绑定社交账户或使用社交账户登录

  对于强调真实社交/看脸社交产品可辅助使用云端人脸识别引导用户调整头像

  通过奖励任务引导用户维护头像

  设计一个让人看了会有“冲动”去更改的默认头像

  3、确保头像是最佳出现方式、位置和大小

  表示用户信息的方式有很多种,头像的出现会带来视觉重点的牵引和记忆强化。但界面交互、视觉层次处理的不合理反而会带来理解困难及内容信息主次不分等问题。

  如下图:

  

  这是Uber看似很正常的一个候车页面。很棒的解决了叫的车在哪,什么到达我身边,是哪位司机师傅来接我的问题。但是在很多次使用中,司机师傅长什么样对我来说是相对较弱的信息,反而“车辆颜色”、“车牌号”是关键点信息,可减少与司机师傅电话中反复询问确认。

  用户头像只是展现用户信息的其中一种方式,在设计过程中需要顾及到使用场景、信息主次、使用目的。

  声明:【版权归原作者所有,如有看到,请在后台留言认领,我们会根据要求后续声明或第一时间删除,多谢!】