APP注册模块设计-详细分析
智能手机已经成为人类不可分割的器官，人们在线上处理生活方方面面的习惯已经形成，APP作为线上渠道最
主要的方式之一，已被各行各业广泛使用。这里将持续的和大家一同谈论关于APP产品设计的各模块、细节的设
计方式及思考
注册模块的组成元素
从长久的产品设计发展以来，除了登录名的类型改变以外，注册页面所包含的元素变动并不大。主要包含如下：
注册页组成元素.png
在模块进行产品设计之前，要先明确模块的设计要点。注册页的要点是减少用户操作成本，突出注册信息，最快速度的完成注册环节。在这个而基础上提升用户的体验，则更加完善。
登录名
抛开第三方直接登录，目前注册时关于登录名的选择分为两大类：手机号，邮箱。其中因为手机号的验证效率快、手机号实名制、国家的相关规定等原因，使得市面上的APP九成都采用了手机号为登录名，并且数量还在不断扩大。选用手机号为登录名时，需要注意以下几点细节：
截图来自大麦APP和得到APP
1）手机号所属区域：如果产品的用户群体涉及到中国大陆以外，或是产品计划延伸海外，那此时需要增加手机号所属区域的选择框入口，用于非中国大陆用户注册。当然，根据产品的主力用户所在区域，将默认值设定为对应区域，体验感增加。（例如，得到将默认值设为中国大陆）
截图来自混沌大学APP和优酷APP
所属区域设计分为两类：在当前页面弹出弹窗进行选择；进入下一级页面进行选择。如上图
2）当焦点落到手机号输入框后，将数字键盘弹起。减少用户操作，体验更佳
截图来自小红书APP和网易严选APP
3）手机号格式监测：手机号输入后，需要监测手机号的格式（手机号的长度）是否正确。常用的监测交互方式有：
-
输入框失去焦点时，监测手机号格式是否正确
-
在手机号输入的过程中，实时监测手机号位数是否符合格式
两种交互方式都可以使用，体验更好的为第二种方式
4）设计惊喜点：
-
将手机号按 3 4 4 的形式分布。对用户视觉更加友好，且便于阅读、校对、编辑。
-
当输入框有内容时需要
清空按钮。虽然使用频率不高，但是当用户需要清除手机号时，这个功能能带来很好的惊喜点
密码
1）密码格式要求可以采用字母+数字的形式，也可采用大小写字母+数字来定，主要根据公司的定位、产品的类型来选择（金融类的产品对安全更注重，常采用大小写字母+数字的规则）
2）当焦点落到密码框后，将字母键盘弹起，体验更好
截图来自片刻APP
3）密码也同样需要监测格式是否正确，主流的监测方式为输入框失去焦点时监测格式是否正确
4）设计惊喜点：
-
密码隐藏和显示按钮，在用户进行密码校对时起到很好的作用 -
当输入框有内容时需要
清空按钮。原由与登录名相同
在1年前还要很多产品需要输入两次密码，以保证和检验用户对密码的记忆。但随着找回密码的操作越发简单，注册阶段对密码的要求就逐渐降低。现在已经很多产品直接采用手机号+验证码的形式直接注册登录，忽略掉输入密码的环节。这种设计方式在注册效率上、体验上确实很出色，但是对我来说从安全性角度会有所欠缺
验证码
验证码作为验证手机号是否正确的主要方式已被广泛利用。主要以短信验证码为主，某些产品在短信的基础上新增了语音验证，作为短信验证出问题时的补充验证方法，确保良好的用户体验。
截图来自闪送APP和优酷APP
短信验证码的重发时间一般设定在60s，60s后用户可选择重发验证码。在去年还有较多产品存在验证码是不变的，无论用户多少次重发，其验证码都为相同值。但从安全性和用户体验角度来研究，变换的验证码效果更好，实现起来零难度。
还有些小的设计点会让验证码元素体验更好：
-
验证码输入时，自动唤起
数字键盘。（上图的左边产品，做到了弹起键盘，但是定位在字母键盘，体验感降低） -
用一个数字一个框的展现形式替代整条输入框的展示形式。更便于用户输入、校对、修改
如果采用语音验证的方法，在用户点击触发按钮后，必须先弹出吐司展示必要的描述文本给用户，征求用户的同意，才能进行语音验证。否则体验极差，还不如不加语音验证
服务协议和隐私协议
必备的责任说明。通常以服务协议和隐私协议的形式来呈现，用户只有同意协议后才能注册成功，否则无法注册。产品设计时大概率会将是否同意协议的选项默设为同意，因为用户的使用习惯已经养成，用户知道不勾选同意就意味着无法注册成功，早已习惯了默认勾选同意，减少用户的操作次数。当然每个协议都是可被用户点击，进行详情查看，这个口子是必须要留的。
必备按钮
1）返回上一级按钮
市面上大部分产品采用的都为先呈现内容，用户需要时再注册登录的产品模式，即游客模式（除去toB类产品）。ios审核时也会因为 “用户需注册才能见内容，有强制获取用户信息的嫌疑” 为理由拒绝APP通过，所以这点要多加注意，涉及到获取用户手机号、邮箱等信息的产品要采用游客模式。
由于以上的原因和体验上的考虑，故注册页面常位于产品的二级页面，此时就需要有返回上一级按钮来保证流程顺畅。
值得注意的是返回按钮点击后的结果一定要返回到上一页，通俗的说就是从哪里进回哪里去。否则将造成用户前后认知不连贯，体验感降低。如实在不能返回到上一页，那就将返回按钮换成×，这样符合用户习惯。
2）下一步/注册
这类按钮的作用就不过多讲述了。
可以通过按钮的禁用状态、可用状态的切换设计来提升此元素的用户使用体验。
3）去登录按钮
提供给已有账号用户快捷登录的入口，提升体验感的功能。
4）账号合并：
第三方快捷登录的普遍使用，催生此环节的诞生。同一个用户在产品中可能同时有微信账号、QQ账号、微博账号等多个账号，但其实是这些账号是相同的一个人。这时考虑到用户数据整理和用户使用体验，就以手机号为识别标志，将绑定同一个手机号的所有账号筛选出来，供用户自行选择登录哪个账号，或选择将所有账号合并。
截图来自优酷APP
其他细节
1）使用清晰、简短的反馈。（无论是正确反馈还是错误反馈等都遵循这一原则）
可以采用toast和Dialog两种形式。前者有显示时长的限制，时间一到会自动消失。后者是对话框，需要用户点击后消失。根据实际情况选择对应的反馈方式，如下图：
截图来自bilibili和优酷APP
2）页面展示元素数量的选择。分为单页面展示和多页面展示，如下图：
截图来自虎扑APP和网易云课堂APP
单页面的优势在于让用户在一个页面完成所有操作，无需多余跳转。缺点是由于页面元素较多会造成一定的视觉分散，且对各元素的体验升级造成空间上的局限
多页面的优势在于一个页面解决一个问题，重点突出且唯一，各元素的体验升级有更大空间。缺点是连续跳转页面对用户造成视觉上的错觉，感觉步骤很多（其实用户点击的次数并没有增多）
两种方式是完全相反的。对用户体验有更多想法的产品可采用多页面，其他采用单页面即可
以上总结是在排除某些大厂产品前提下进行描述的（某些大厂的APP产品只支持同系产品快捷登录，无注册环节），适用于其他产品的设计。
随着时间的推移，新的设计理念和交互形式会不断迭代更新，我们自身也需要也不断升级迭代。
