通用模块－登录注册

2017年8月5日

脑图链接： http://naotu.baidu.com/file/217935b77e912a5e0690f1c0c6102357?token=0b3ca05f24ec89e3

登录注册方式

几种常见的方式

平台账号体系
1. 登录注册合二为一
  - 手机号、验证码
  - eg：饿了么
2. 登录注册分开
  - 注册：手机号／邮箱、验证码、密码
  - 登录：手机号／邮箱／帐号、密码
  - eg：淘宝、京东
3. 一键注册
  - 手机号（android系统读取短信权限）
  - eg：美丽说
第三方账号体系
1. 微博
2. 微信
3. QQ

小结－不同方式优劣分析

自有账号体系流程：
1. 优点
  1. 注册登录环节的数据均在自己手中，可以获得更多维度的用户数据；
  2. 账号体系外部依赖少，安全性较强。
2. 缺点
  1. 风控流程较多（验证码等），需要用户操作的节点多；
  2. 需要自己设计风控流程及对抗性高的组件（图形验证码等），成本较大。
三方账号体系流程：
1. 优点
  1. 流程短，登录速度快，注册转化率高，背靠三方丰富的用户信息，有利于网站快速推广；
  2. 能快速建立简单的账号体系，使用个体维度的信息
  3. 与三方互相背书，可以增加在用户心中的可信度
2. 缺点
  1. 对外部依赖性较强
3. 特别需要注意的点：
  1. 三方登录的流程最好不要再加额外流程，无论是填写手机还是增加个人信息补充都会极大降低注册转化率，在用户感知中甚至会比只有账号流程还复杂，导致三方登录主要的优点荡然无存~
登录注册合二为一／手机验证
1. 优
  1. 登录便捷，转化率高（不需要繁琐的注册流程，不需要记密码）
  2. 降低恶意注册，提高用户质量（测试别人家的产品的时候都不能随便注册测试了）
2. 劣
  1. 登录PC不方便，后续需要提示设置密码
  2. 直接输入手机号，会使一部分用户有疑虑信息安全（虽然现在互联网帐号需要实名制）
  3. 运营商二次放号问题是个坑，需要有流程进行判断；
  4. 短信费用的预算问题需要考虑；
  5. 需要准备至少两个短信通道，以防出现短信通道堵塞或熔断等导致用户无法顺利注册的情况。

注册步骤

几种常见的方式

分步式注册（eg：天猫、携程、途牛）
1. 将注册信息拆分成多个步骤，通常顶部会显示完成情况进度条，总共需要的步骤数量及名称
  - 天猫的几个步骤：设置用户名、填写帐号信息、设置支付方式、注册成功
  - 携程的几个步骤：填写、验证、注册成功
  - 途牛的几个步骤：设置登录名、设置密码、注册成功
新开页面的一步式注册（eg：知乎、京东）
弹窗打开的一步式注册（eg：Nike官网、Airbnb官网、优酷官网）

小结

不同方式优劣分析
1. 分步式注册，每一个步骤填写少量内容，流程比较顺畅；但会增加流失率；最多不超过4步
2. 新开页面的一步式注册，页面可设计空间大；但一下给用户铺出太多会使其失去动力；需注意错误提示
3. 弹窗打开的一步式注册，注册完成后仍留在当前页面，不中断；布局紧凑；要注意与当前页面的视觉形成明显区分
核心原则是精简注册填写项，降低用户的填写难度的同时激发用户填写动力
1. 最少的注册填写项：手机号、验证码
2. 其他不重要的放在完善信息板块；或者根据需要再提示完善
3. 并且在完善信息时，每一个信息项、每一个步骤的完成都需要给予明确的反馈，逐步激励

注册激励

注册开始前的诱惑
1. 注册代价小
  1. 了解注册流程
  2. 注册免费（对于一些购物、交友等后续需收费的产品会比较重要）
2. 这里有你感兴趣的内容或福利
  1. 允许未登录查看部分信息
  2. 告知会员福利（新会员红包等）
3. 引导文案很重要
  1. 优酷：我叫王大锤，万万没想到，为了发弹幕，我还是登录了
注册中
1. 注册很安全
  1. 你的电话号码时什么？不用担心，我们不会公开显示
2. 这里有你感兴趣的内容或福利
  1. 有更多区域可显示
  2. 但要把握不要太多，分散注意力
注册后
1. 完善信息获得额外激励（积分）

表单填写

信息填写
1. 控制填写项目数量——最有效的提升机制
2. 放宽输入要求——给用户更多信心，不要打击用户
3. 信息留存——不要让用户的辛苦付之一炬
智能交互
1. 智能判断
2. 智能填充
输入注释及错误提示
1. 填写前提示
  1. 避免使用晦涩的专业术语，并提供可读性强的提示引导用户填写，通过占位符、文本、图片等多种形式为用户提供填写前提示。
  2. 很多密码填写都会遇到格式的问题，在用户填写前告知密码填写规范，可以有效降低用户错误输入的风险。
  3. 提示信息除了通过占位符的方式展现，也可以当每项输入项获得热焦点的时，显示该项的提示信息，并在失去焦点的时候进行验证（不要再用户点击完成按钮的时候在做这些事），这样可以避免填写时无法继续阅读占位符所写提示的问题。
2. 错误提示
  1. 进行有效的即时校验，让用户能及时修改、补充缺漏的信息，如验证码输入错误后及时提示，刷新验证码让用户重新填写；
  2. 使用填写控制来限制用户的行为，如在预定机票时返回时间无法选择出发时间之前的日期，出发城市不能跟到达城市一样等；
  3. 系统自动修正等等。
  4. 用户出现错误时除了提供及时的错误提示外，还可以清楚的说明原因并提供有效的解决方案。例如用户在填写邮箱时，系统发现该邮箱已注册，可为用户提供登录入口等。

注册完成后引导

用户从哪里来的？（跳转到注册页的前一个页面是什么）
注册后最关键路径是什么？（前往购买、前往留资、返回前页）
除了最关键路径，还可以提供用户哪些行为入口？（与关键路径形成差异）

一些其他问题

校验

登录注册是产品的一个很重要的流程，因此对于输入框数据的校验很重要，校验流程尽可能放到后台校验，如果校验放到前端，一旦检验规则发生改变，那将影响的是多个版本。两个产品的注册流程中都只是把手机号的简单校验（比如长度，纯数字，1开头）置于前端上，而把一些具体的判断置于后台校验。

验证短信

涉及资金的应用应该特别注意验证短信时长的设置，在保证用户体验的前提下时长应该尽可能短。

对于普通应用，有效时长应该尽量延长。这样可以保证当验证短信到达用户出现延迟时，用户仍然可以顺利完成注册。时长的具体数字应该根据注册数据进行设置和调整。

手机号易主问题

风险控制

举个栗子

QQ

简化流程
1. 分布注册
  1. 分步注册适合移动端设计
  2. 分步注册可减少用户点击输入框的次数。
  3. 分步注册在一定程度上可提高转化率。
2. 已登录情况下注册，跳过手机号验证直接放号。
聚焦核心信息
1. 核心步骤层，是指用户在短暂时间内浏览页面时，能让其一目了然的获知当下应该操作的某个步骤
2. 内容输入层
3. 辅助信息层，这里往往提供更多说明或者跳转链接，例如使用条款和隐私政策等。
4. 尝试在视觉上使用了“黑、大、粗”的Complexion Reduction设计语言。Complexion Reduction设计语言是指使用更加简化的界面颜色，更大更突出的标题字体，以及简洁的图标，来拉开页面信息层级，突出页面主要功能。
文案精炼直白
1. 避免使用专业词汇
2. 避免使用模棱两可的词汇
3. 用词用字精炼
4. 多从用户的口吻出发
5. 分段分组分节点的展现大段文案
脑洞猜想方向
1. 方向一 “内容” –––– 内容吸引与互动后才提示注册。
2. 方向二 “趣味” –––– Baby Q对话来注册。
3. 方向三 “智能” –––– 人脸识别自动匹配下发QQ号。