案例拆解：登录注册

这是Kevin的第 932 篇原创，

持续日更，做产品经理的创业斜杠青年。

做产品经理的同学，很多人第一份任务就是设计产品的登录注册页面。这个功能也是每个产品的基础。未来延伸到用户的角色管理、权限管理、以及内容安全风控，都是以账户体系为基础做的设计。

账户是用户产品体验的入口，产品的形态不同，所使用的账户注册登录方式是有区别的。

▲  常见的三种登录注册方式 

现在市面上常用的登录注册方式包含短信验证码、微信登录、密码注册方式，如何保障app、网站、小程序等各个品类达到一致的用户体验，分享下我们整个设计的流程

1.3个登录注册流程梳理

▲  短信、扫码、密码的登录注册流程 

登录分为三种，每一个登录方式都有手机验证、微信号验证，同时在业务上用户使用社区，会进行账户下的业务数据校验。

用户注册过程分为基础信息填写、业务数据补全，再到登录/注册完成3个阶段。不少产品新人会把基础信息作为登录注册的环节而少掉了业务数据，其实在用户注册的过程中，也是用户数据产生的关键环节。留住用户就要看产品经理的页面路径设计了，以及产品使用过程中的体验。

▲  用户登录注册的分阶段实现 

1.短信注册登录方式

这类方式适合给网站站点、app的产品使用，不是在微信里起家的产品。注册方式简单，用户通过手机号注册即可访问产品主页，使用产品。

但不好的地方是用户一旦更换手机号，就没办法登录。对于用户数据要求高的产品，则要么只能通过手机号找回、要么通过生物信息（人脸识别、好友认证）的方式找回，即增加了开发成本、也增加了产品的登录注册复杂逻辑。

2.密码登录方式

密码登录方式在移动端几乎消失不见了，对于网站站点还是存在的。移动端因为手机号卡的关系，所以移动端一般会把密码登录方式折叠或者就不提供（要是网站站点就没有密码的入口）

现在的密码登录常见的是用户手机号+密码的登录方式，这就要求了产品经理对密码登录方式需要有手机号注册的前置条件，否则用户没有密码的账户

3.微信二维码

只要你的产品未来需要切入到微信里，建议一定要用微信登录方式。微信登录不仅可以创建自家产品的用户账户，同时还能够和微信的服务号、小程序打通。让用户在网页扫码登录后，链接移动端的使用。

2.业务数据的补充

用户注册并登录后，其实还没有开始真正的使用社区产品。对于内容社区产品，PMTalk需要为用户提供感兴趣的内容、用户、以及社区精选的内容。

所以我们才会有用户注册并登录后才会有话题引到、用户引导的页面跳转逻辑

一般来说社区类产品给用户关注的人数不要超过3个，太少也没有内容产生，太多则会抬高用户注册的门槛；关注的话题也是同样道理。

通过引导的话题、用户内容关注，可以产生不少的用户关注数，为话题增加活跃人数、为作者或达人增加粉丝数，促进他们更好的活跃。

有了关注数和用户数，业务数据就会随着增加。

3.前置条件和后置条件的说明

随着用户登录过程中，产生的每一步登录流程都会产生前后条件。我们这里将其称之为前置条件和后置条件

前置条件：发生这个用例的前提条件，满足什么条件才可以发生这个用例
后置条件：发生这个用例之后的结果，会产生哪些影响

前置条件：

页面操作前的流程步骤，要求的什么条件，需要完成的具体任务和事件才能进行下一步。

后置条件：

当前功能操作完成后，下一步将做如何处理、系统流程到哪里，是需要条件判断的。

比如忘记密码，需要注册账户的手机号验证码通过后才能进行密码的修改和创建。而手机号验证就是前置条件

在社区里，用户关注话题、用户完成后，第二次进入社区就不需要用户、话题关注提示。而二次进入不展示引导页面就是后置条件。

今天的分享就在这

10月29日，我的第三期《21天后台产品经理训练营》正式开营，如果你打算转型做后台产品经理，可以扫码报名。

今日Bonus：加我好友 pmtalk001，领取直播原型部件库，同时还有运营模版，带你了解快速提升产品运营进阶