从4款主流产品出发，帮你掌握登录注册流程

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

账户登录注册是互联网产品或移动端产品必备的模块，本文作者结合案例对登录注册设计进行了分析探究，与大家分享。

登录和注册这个看上去很「简单」的功能，其实很复杂，大公司甚至有专门的产品经理只做登录注册模块。

登录注册为什么这么难，因为它涉及到老账户体系、未登录逻辑、第三方账号绑定体系等等。

通常而言，登录注册是关联在一起的，用户只有进行了注册，才会有登录，但这种做法，仅限于互联网早期。

但随着互联网发展，公司业务对于注册登录成功率要求越来越高，就逐渐减少了注册和登录的步骤，有些产品甚至不再有注册流程，以此提高平台的用户量和登录成功率。

不同的产品，设计登录注册的逻辑有些不同，本篇文章以产品维度，来看看市面上的主流产品是如何设计登录注册流程。

抖音

1. 登录

当手机的移动数据打开时，用户进入登录界面，通过中国移动认证服务，一键完成登录，可以说这是目前最简洁最快速的登录流程了。

用户协议、隐私协议和中国移动认证服务条款，通过说明告知用户登录即表示同意，这种做法可减少用户勾选同意的流程步骤，提升完成率。

当点击其他方式登录时候，底部会出现一排第三方登录入口，如下图所示。用户可选择通过第三方登录。

当手机的数据网络关闭时，这时候主流程是通过验证码登录。验证码采用分步的交互形式进行操作。Facebook 的数据表明，分步可以提高成功率。

当手机流量数据打开时，用户输入手机号后，再选择密码登录时，在密码登录界面会带上之前输入的手机号，用户只需要输入密码。密码登录流程没有采用分步操作。

2. 注册

下载抖音之后，用户点击我的 tab，弹出下图界面，抖音将注册和登录合为一体，用户通过验证码验证即代表注册成功。

微博

微博登录和注册合并在一起，没有专门的注册入口供用户注册，用户通过验证码登录之后即代表注册。

当用户没有登录时，则在首页会悬浮一个登录/注册按钮，用户点击即可进行登录/注册。

微博登录页面应该提供说明：未注册用户通过手机验证之后即代表注册。目前微博缺乏这个细节。

微博非主流程目前设计的布局过重，和主流程按钮并列，用户容易误操作。用账号密码登录应该使用文字链的形式展示。由于微博产品存在很多年。早期微博用户注册都是在 pc 端上完成，所以依旧提供账号密码登录的入口。

第三方账号登录时，由于微博第三方登录过程中没有绑定手机号这个流程，故第三方账号和手机号账户体系没有打通。第三方登录的账户为一个新的账号。

淘宝

登录淘宝登录细分为两个场景，一个是用户下载后登录过，一个是用户下载后未登录。

当用户下载后登录过，这时候淘宝主流程是刷脸操作，通过刷脸登录，简单快捷，支付宝也一直在推广刷脸支付。支付宝将未来押宝在刷脸，所以淘宝才会将刷脸作为主操作流程。

当用户下载后未登录过，则主流程是通过手机验证码进行登录。淘宝这里没有使用分步操作。

由于大部分下载用户使用过淘宝购买商品。用户下载手淘 app 进行登录时，默认主流程是登录，用户可点击文字链进行注册。注册流程依旧是通过手机验证码注册。

由于和腾讯的竞对关系，支付宝也是淘宝体系中第二大用户量的产品，所以支持唯一的第三方登录是支付宝。

爱奇艺

爱奇艺的登录注册流程和抖音基本一样。

但是爱奇艺是在小浮层上进行操作。用户操作不聚焦，内容都挤在了一个小区域进行操作，页面的可操控性差，容易误操作导致流程失败。相比而言，抖音的登录注册在新页面更加合理科学。

以上就是关于 4 个 App 的登录注册的简单解析。如果大家喜欢这种类型的选题，后续我会更加深入的讲解其他各种功能流程。

让登录体验更好的小技巧：

用超多案例，总结了 10 个让登录体验更好的小技巧！

编者按：看似简单的登录框，暗藏了多少值得推敲的用户体验？

欢迎关注作者的微信公众号：「Echo的设计笔记」