账号绑定是用户系统中最重要的环节之一,因为账号之间的绑定和解绑直接关系到用户账号安全及用户信息留存。以知乎为例,在用户注册登录环节,知乎会引导用户使用更便捷的第三方登录。但是为了方便用户后续的使用、以及社交平台实名制的法规要求。第三方登录之后,仍然会进入账号绑定的流程。
通过分析知乎的账号绑定流程,我们会发现知乎在产品功能的细节设计上花了很多心思,以下面两个功能为例:
知乎在绑定手机号的时候,设置了手机区号的选择。那么这个功能的设计是为了什么呢?其实区号功能涉及到产品定位的问题,如果说未来有计划进入国际市场、或者产品有海外用户,那区号功能是必不可少的。
在验证环节,知乎除了短信验证码、邮箱验证码,还有“语音验证”的选项,两种验证方式足够使用了,那为什么还会增加一种验证方式呢?其实语音验证功能是为了降低因为信号问题、短信拦截、服务商问题导致用户无法收到验证码绑定失败的概率。
这次我们给大家分享的原型资源是知乎「账号绑定流程」,原型资源中包括「首次登录绑定手机号」、「绑定手机号异常态」、「绑定邮箱」、「绑定邮箱异常态」4个重要流程,还包括「手机号、邮箱验证」、「语音验证」等核心页面。除此之外,我们还使用了新功能 [ 页面流程 ],增加了页面流程图资源的分享,希望这次分享的内容能给小伙伴们带来帮助~
原型资源已放置在文末,小伙伴们记得下载呦~
高保真原型页面展示
页面流程
绑定手机号
绑定手机号异常态
绑定邮箱
绑定邮箱异常态
页面库引用
除了完整原型,我们还配套提供了知乎「账号绑定流程」的页面库,那么如何在xiaopiu中使用页面库呢?
1、进入 xiaopiu 精选广场的页面库,搜索知乎「账号绑定流程」,在搜索出的页面库右下角选择「引用为我的公用库」即可。
2、或直接进入知乎「账号绑定流程」页面库,然后选择右上角的引用按钮~
3、引用成功后,在您的项目编辑页左侧「页面库」就可以看到我们丰富的资源啦!拖拽页面到自己的项目中改一改就是你的了哟!
资源链接地址
原型下载链接:知乎「账号绑定流程」
原文地址:xiaopiu工坊
作者:Ms.Piu