简单的微信授权登录,没想到设计细节如此惊艳! - 优设网 - UISDC

简单的微信授权登录,没想到设计细节如此惊艳!

2019/07/24 19594评论 6

现在很多网站产品和 APP 产品都不再固执地建立自己的用户账户体系,而是使用了微信授权登录的方式来降低获取新用户的门槛,这一方式对产品方和用户来说都有很多好处,例如让注册时操作成本更低,用户也不需要记录各个平台的不同账号等等,但是这种登录方式也带来了一些隐私方面的问题。

对于大部分人来说,一定不会希望自己在使用陌陌时还是用的和微信一样的头像和昵称吧?如果微信头像是本人照片,那这一顾虑就更加容易体会了,与此类似的隐私问题大家应该都有遇到过。

对于微信来说,第三方产品使用微信授权登录还有更大意义上的好处,即能够获取用户数据、用户行为信息等等,有了这些信息,那么无论是进行精准的广告推送,还是以后做相同领域的产品时都会有很大作用。最重要的是能够巩固自己的「江湖地位」,把更多产品纳入微信大生态之中。

让我没想到的是在微信授权登录这个功能被推出数年之后,居然开发出了一项十分惊艳的功能。就是在使用微信登录其他产品时,可以创建不同的身份信息以满足用户在不同场景中的使用。

具体设计如下图,当我们使用微信授权登录时,手机上会弹出确认授权页面,即第三方产品申请使用我们微信头像、昵称、地区、性别这些信息的确认页面,在新版本中我们可以创建不止一个身份信息,以在不同的场景中使用。

点击新建用户信息一栏后即进入下图,填写昵称,选择头像并保存即可,此处的头像信息可以不选择,与微信内部我页面的规则一致。这里最想说的其实是这个页面中的「随机头像与昵称」这个功能,如果没有这个功能的话,只能说微信的设计团队解决了用户的「痛点」,做出了用户需要的功能。但有了这个功能之后,我认为其设计完全就让用户达到了「爽点」。

结合使用场景来说:我们在使用第三方产品做授权登录时,发现这个产品并不适合拿我的微信头像和昵称来作为相应的用户信息,此时我使用了新建新的身份信息这一功能,但是我又要花费不少脑细胞去想一个昵称,这样就会把我之前的使用流程打断。甚至会对这个第三方产品造成用户的流失。

可能有的朋友并不会有选择困难症去纠结这个头像和昵称,但是微信作为一款十亿日活用户的产品,其设计一定是充满包容性的,在设计时一定会考虑到用户群体的不同特征来做设计。那刚才所说的这个「随机头像与昵称」真的是一个让我感到惊艳的设计。

无论是在设计与场景的结合上,在设计的包容性上,还是对用户痛点与爽点的感知上,真的不得不敬佩微信的设计团队。这个功能其实已经推出不短的时间了,可能普通用户并不能从中感知到这是一个优秀的设计,但作为设计师,反而是惊叹于这种朴实无华、返璞归真的设计。

但这里的设计细节远远还没有说完,如果说上面的描述是一些大方向、意识形态上的东西,那么下面的设计则会让你感知到微信团队对细节的把控同样十分精彩。

点击「随机头像与昵称」按钮后,头像一栏和昵称一栏会自动填充内容,我在点击约 100 次这个按钮后共出现了以下几种情况。

100 次点击中共出现了 5 套不同的头像和昵称,这里大致可以认为所有可能性就是这五套方案了。

那么,为什么会是 5 套呢?以微信的设计资源还不是随随便便弄出几百套不同的头像和昵称吗?为什么不让用户有更多的选择度呢?

这里我暂且说说两个我对这一功能设计思路上的推测:

  • 第一个推测就比较简单了,我最多可以创建 4 个不同的身份信息,按照最大的使用频率来算那至少不能出现重复的信息,否则就又是同一套信息了。所以头像昵称方案的数量要大于 4 套。(准确地说是大于 3 套,因为我本身有一套身份信息)
  • 第二个推测是呼应上面说过的:尽量不打断用户正在进行的流程,避免给第三方产品造成用户流失。方案过多可能会导致用户选择困难,犹豫不决。进而在此处停留时间过长就可能打断原来正在进行的流程,给第三方产品造成用户流失。

当然了,以上内容仅是我的猜测,但是道理上还大致说得通,作为设计师,宁可多想,也不要遗漏。

要注意的是新的身份信息(图中称为用户信息,我觉得身份信息这种叫法更合适一些)是保存在微信中的,而不是和你此时授权登录的产品绑定,在创建新的身份信息后下次登录其他产品时可以直接选择。

身份信息最多可以创建 4 个,创建 4 个后下方就会显示提示文案:名额已满,无法再添加身份。身份信息中头像可以为空,但昵称不可为空,如果想删除某个身份信息的话直接向左滑即可,交互方式与微信内部完全一致。

写到这里不得不说微信在保护用户隐私方面已经走在了前面,一个小小的授权登录中创建新的身份信息的设计都有如此之多的惊艳操作。文中可能存在思考比较浅薄或错误的地方,欢迎大家在评论区交流讨论。

欢迎关注作者的微信公众号:「设计的威严」

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/wechat-authorized-login-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里