下载客户端
下载客户端
关于我们 寻求报道 加入我们
AppSo 2016-12-21 08:07

让用户上传头像的 4 个方法,你遇过几种?| 灵感早读

无论什么时候,当你要求用户去做一件事情时,最好是给他们一个理由(为什么用户应该给你这个信息),以及一个奖励(给到用户的好处)。

像 Facebook 和 LinkedIn 这样的社交网站上,几乎每个人都上传了自己的头像。

Facebook 上的头像对于用户来说,是一种自我表达。用户会因为上传头像而获得来自朋友们的「赞」和评论,这是一种社交认可的奖励。

isabelfoo-socialmedia
Social Media by Isabel Foo

LinkedIn 上的头像对于用户来说很重要,它有利于潜在的人脉迅速认出他。用户会因为上传头像而获得别人的「赞」,以及更重要的——向潜在的事业伙伴展示自己。

鼓励用户上传头像的理由和好处并不需要特别复杂。甚至一句简短的文案也行,例如「上传头像以便于你的朋友能认出你」就很不错。

利用人们在社交媒体上的头像

你可以利用那些社交媒体巨头来获取用户头像,例如微信和微博的头像。那些巨头产品通常都提供了社交账号登录的接口,或者允许你的产品绑定社交账号以获取用户头像。

如果这个方式适用于你的产品,那它就是你能找到的最简单的解决方案了。

把上传头像作为注册流程中的一步

许多产品把上传头像作为了注册流程中的一个步骤,并且通常让它很难被用户跳过或者忽略掉。

OKCupid 让上传头像很显眼。我认为若增加一句文案效果会更好,例如「有头像的用户会额外获得 XX% 的关注哦」。

然而,这里有个微妙的平衡。如果你让这一步很容易被跳过的话,那么用户会倾向于跳过。如果你让它很难被跳过,那么用户可能会觉得烦躁甚至直接放弃注册。

诱导用户上传自己的头像

有读者在上一篇文章中留言道:如果在产品中设计了很棒的缺省头像——它不仅漂亮,而且具有很好的识别性,那么用户不就没有理由去上传他们自己的头像了吗?

是的,但这是在假设用户看到了自己的那个好看且具有识别性的缺省头像时。

实际上,Dropbox 和 Gmail 很聪明,它们向「当前用户」显示的是一张不具有被他人识别功能的缺省头像

faceholder

Dropbox 向当前用户显示的缺省头像。来自 Dribbble

向「当前用户的联系人」显示的则是一张具有识别功能的缺省头像

dropbox

Dropbox 向用户的联系人显示的缺省头像

Dropbox 的 Daniel Eden 说:

我们做过一个实验,来研究哪种缺省头像更有利于鼓励用户上传自己的头像。结果表明笑脸的缺省头像显著优于字母的。

有三个原因:

  • 这个笑脸超级可爱,所以用户乐意点击它;
  • 比起字母的缺省头像,它很显然无法为用户提供识别度;
  • 它看起来就像是个缺省头像。虚线边框好像在冲用户呼喊「快把我换成你的自己!」

利用 Gravatar

按照 UserOnboard 的 Samuel Hulick 的说法,Gravatar 被严重低估了,且未被很好地利用起来。

Gravatar 是一个全球性的用户头像体系——如果你的产品的某个用户拥有一个 Gravatar 账户,而你又有这个用户的邮件地址,那么你可以直接获取他的 Gravatar 头像。例如许多博客平台就使用了 Gravatar 来展示访客的头像。

不过,这一切都需要用户已经拥有一个 Gravatar 账户,另外你还需要考虑你的目标用户情况,有可能他们并不是 Gravatar 的用户。

总结

以上所有方案都不是绝对独立的——你可以根据实际情况组合它们。哪一个更适合你的产品需要你自己判断。这篇文章的宗旨不是教你如何解决你的设计难题,而是给予你一点实践过的参考方案,而你需要自己结合你的产品来使用

译者按:

Morgan 这两篇关于用户头像设计的文章写得都很好,提供了很多实际的操作思路。但在我看来,关于产品设计中的用户头像,有一个问题更加迫切地需要解决——我们的产品到底需不需要用户头像

作为产品设计者需要考虑的是,我们的产品是否具有社交属性,用户是否需要与其他用户有互动等等。如果这些都不成立,那就不要想当然地在用户资料界面放置头像这个元素了,「Less is more」。

原作者 Morgan Carter

原文 Encouraging Users to Upload Photos

译者 zhucbeta@设计译言

本文由让手机更好用的 AppSo 精选推荐,关注微信号 appsolution,回复「小动画」,看如何设计 app 中的小动画来抓住用户的心。

AppSo qrcode signature

有好的产品或者项目希望我们报道,猛戳这里 寻求报道

文章评论(-)
后参与讨论
正在加载中

毫不起眼的空白页面,如何给我们惊喜?| 灵感早读

2016-12-21 08:15下一篇

微信更新了!发图片前可以先编辑,还有这些变化……

2016-12-20 19:51上一篇