本节内容建立在产品需要登录注册功能的基础上，将从如下两方面展开：
1. 登录注册模式选择
2. 可能涉及字段
3. 功能体验设计
一、登录注册模式选择
1. 非分布页面 or 分布页面
非分布页面：是指业务所需内容在一页（一步）内完成，比如完成注册时需要用户填写的手机号、密码和验证码，将这些内容设计在一页内，点击确认时及完成注册；
分步页面：与非分布页面对应，即功能所需的内容分为几个页面实现，比如注册需要分三个页面实现，分别为手机号录入、验证码录入、密码设置页面；
分布式页面能降低用户的心里负担、增强用户的转化率，但过多的分页也会给用户一种“没完没了”的感觉；在实际产品设计的过程中，产品经理需要对用户转换率、心里负担、页面美观度等多个维度进行权衡拆分，进行合理的业务设计。
2. 登录注册功能合并
登录注册合二为一。也就是说，用户不需要选择是登录还是注册，将判断交给了后台。只要用户的手机号码还在，直接凭验证码进入即可。比起选择密码登录之后忘记密码，或者是干脆就不记得自己是否注册过，在错误的界面输入信息之后来回切换，二合一的方式更加友好。
最近一两年才发展起来的滴滴打车、OFO等等，所以更能体现登录/注册趋势。滴滴把登录与注册进行了合二为一，其中的逻辑是登录时输入手机号后，系统会判断手机号是否已经注册；如果手机号已经注册，则跳转到输入密码页面验证通过后，直接跳转到首页；如果手机号没有注册，则进行手机验证码校验通过后，系统会使用用户手机号生成一个账户同时设置登录密码，设置成功之后同样跳转到首页。
3. 登录账号的选择
常用的登录方式有三种：手机号、邮箱、第三方账号系统（用户名登录的方式已经淘汰）；
1. 手机号：手机号码作为现在最常用的用户注册身份信息，主要是因为手机号本身的特性：唯一性、真实性(实名认证)、可联络，符合了移动互联网的使用场景和需求。
优势：
✩ 对于移动端产品，验证方便，在注册时可以比较方便地让用户完成验证操作，而且在一个连贯的流程中完成（很多时候阅读验证码不需要打开短息，只是在上弹提示中就可以获取）;
✩ 手机号记忆方便，对用户名的记忆和密码找回都非常方便;
✩ 手机号码是用户最稳定的一个身份id，掌握其手机号码可以展开更多的服务，例如通过访问通讯录构建关系
✩ 实时的消息推送;
劣势：
✩ 手机号虽然是全球唯一的，但是是复用的，也就是当你不用一个手机号之后，运营商会把这个号重复利用卖给下一个人;
✩ 手机作为现代人的一大器官，手机号码的泄露会引起非常多的麻烦，比如垃圾短信、骚扰电话之类的，所以用户多会比较谨慎地选择;
2. 邮箱：邮箱注册作为最常用的注册方式，最早从Web端开始盛行，在移动端也普遍保留。作为一个很通用的注册方式，邮箱注册的讲究其实最多，因为邮箱注册的验证流程需要在外围（产品外）进行，会打断注册的连贯性，但是如果省略验证过程，又会丧失许多安全性，所以在邮箱验证的时机上有许多不同的策略。
优势：
✩ 唯一id，除手机号外最容易记忆的id；
✩ 富媒体推送，可向用户推送具有丰富内容的邮件，引导用户回到主站；
✩ 相对于手机，邮箱的私密性相对低，风险敏感性低；
劣势：
✩ 邮箱注册的验证流程需要在外围（产品外）进行，会打断注册的连贯性，但是如果省略验证过程，又会丧失许多安全性，所以在邮箱验证的时机上有许多不同的策略。
✩ 邮箱最大的特点就是，邮箱地址是私有的，访问是私密的，但是地址是公开的。这会带来两种风险：
A. 别人拿到你邮箱的可能性和成本都很低；
B. 生成邮箱来制造假账户的成本也相对低;
3. 三方账号：三方账号注册是用大用户量的社交网络的账户系统来注册自己的系统，像支付宝、微信、微博这些产品拥有超大的用户量，一般用户都会有这些产品的账号，利用他们开放出的api来进行登录注册验证。
优势：
✩ 直接借助于第三方平台，更有利于产品的传播和扩散；
✩ 省去了用户管理的麻烦；
✩ 快捷登录注册，省去登录注册环节的验证步骤；
✩ 可以直接拿到部分信息，比如邮箱地址、头像、昵称等，降低用户登录注册成本；
劣势：
✩ 第三方登录快捷，但是获取不到用户的有效信息；不绑定手机号产品无法获取用户的有效信息，后面很多运营活动都不好开展；强制绑定手机号又会提高注册门槛，可能会损失一部分用户；
✩ 三方账户毕竟是别人的账户，一旦形成竞争或链接有任何问题，会导致用户登录不了。
3. 登录验证：密码 or 验证码
✩ 账号+密码：传统的登录方式在用户准确记住用户名密码的前提下较为方便，然而对于使用各种邮箱和手机号注册的账户来说，难免会有出错的时候，这个时候就比较麻烦了…不过还好下次就能自动登录了。对于是否需要输入两次密码，结合自己日常的经历来看：用户在设置密码时，注意力是比较集中的，出错的几率很小，而输入两次会延长用户精神紧绷的时间，出错率也不会因此降低。
首先判断用户是否已注册的方式能省事不少，但时候也不太好使：用户不确定是用哪个邮箱或手机号，一旦输错，不打个招呼就直接到了“输入验证码”的界面，事实上用户需要登录的是某个已有账号。
✩ 账号+验证码：再来看直接通过短信发送密码码的方式，它成功地让用户省去了记住账号密码的麻烦，用户体验极佳。或许你会想，这多不安全呀——有了手机短信就能登录，但再仔细一想，有很多应用或网站在“忘记密码”之后直接就发送“验证码”，然后重置密码，也就可以登录了，因此这并不算“不安全”。而对于安全系数要求较高的应用通常都会加上“密保问题”或者其他验证方式来确保安全性。
以登陆操作为例，页面如下：
登陆
二、可能涉及字段
设计字段
1. 一键清空输入的信息
当输入错误或切换账号时，用户是要一位一位删除，还是可以一键清除一整行内容，不作限制，根据实际情况进行设计。
手机号一键清空
2. 手机号
A. 手机号显示344格式：11位数字看起来有点费脑子，所以用户在输入手机号时，如果能以344的方式显示，用户看起来会轻松很多；
B. 手机号是否区分国家：首先要了解产品的定位，未来有没有打算进入国际市场，如果有，那就要考虑手机号区分国家。
C. 使用第三方登录账号：这又是一个需要取舍和找平衡的问题，第三方登录快捷，但是获取不到用户的有效信息；不绑定手机号产品无法获取用户的有效信息，后面很多运营活动都不好开展；强制绑定手机号又会提高注册门槛，可能会损失一部分用户；怎么办？首先要根据产品本身评估不同方式产生的后果，然后可以AB测试，看哪种方式相对最优，最后敲定方案。
绑定手机号
3. 邮箱
邮箱登录注册时智能显示后缀：很多用户都会比较烦输入@qq.com，@gmail.com 这些邮箱的后缀，如果能再用户输入的时候，自动显示出来常用的邮箱后缀，对用户来说体验会更好。
邮箱智能显示后缀
4. 验证码
密码有限制明文、暗文的切换开关：相信大家对”输入密码””再次输入密码”并不陌生，但现在很多人对这种方式提出质疑，觉得没必要，即使输错的，下次点击忘记密码也能很快解决，所以现在大部门产品只让用户输入一次密码，有的为了减低错误几率，就做了一个明文、暗文的切换开关，用户如果怀疑自己输错了，可以打开开关检查一下。
验证码
5. 密码
密码明文暗文切换：相信大家对”输入密码””再次输入密码”并不陌生，但现在很多人对这种方式提出质疑，觉得没必要，即使输错的，下次点击忘记密码也能很快解决，所以现在大部门产品只让用户输入一次密码，有的为了减低错误几率，就做了一个明文、暗文的切换开关，用户如果怀疑自己输错了，可以打开开关检查一下
3.1 最少和最多字符设置，提示文字为“位”还是“字符”？如“请输入6-16位字母或数字”？
3.2 密码是否要限制特殊字符？如“空格”、“/”等，为什么要限制？有没有安全方面的考虑？
3.3 密码设置好后，注册按钮如何变化？点击“注册”后，在网络较慢的情况下，页面和按钮如何响应，是否要加锁屏浮层+缓冲提示语？
密码-密文
密码-明文
三、功能体验设计
体验设计
1. 实时数据验证
假如用户在用手机号进行登录，用户第一个数字输入9，这时候应该实时提醒用户手机号不合法，让用户及时纠正，提高注册效率，类似的情况还有，实时验证手机号是否被注册，验证邮箱是否合法等等
手机号实时校验
2. 定制键盘的弹出样式
这个在各银行移动客户端中特别常见，因为银行卡的取款密码一般都是6位数字，这时候用户在输入密码时，可以直接弹出数字键盘，用户体验会更好。
定制键盘
3. 清晰的用户提示
用户登录注册过程中出现问题时，要给出清晰的反馈，例如，邮箱格式不正确，手机号不合法等，不要让用户猜自己哪里输错了。不过有一种特殊情况比较例外，当用户登录时，输错账号或者密码，一般都是提示用户”账号或者密码错误”而不是直接给出明确的账号错误或者密码错误，有一些解释是为了信息安全，可以减少被破解几率，我个人认为其实如果不是什么涉及用户安全太深的产品，给出明确提示也无妨。
用户提示
4. 提示方式
常见的提示方式有如下几类：
A. toast弹出提示：成功和失败均适用，支付宝模式；
B. 对话框提示：微信模式；
注册成功
错误提示
验证码错误
提示给出解决方案：用户在登录注册过程中可能出现很多错误提示，例如注册的时候提示”您的手机号号码已经注册”，这时候我们分析用户的行为，不难发现既然已经注册了那用户估计要去登录了，这时候我们就可以在错误提示的下面给出”立即去登录”这样的引导。
密码多次错误
5. 能不能多人同时在线？
这个还是根据产品类型来决定的，例如金融类产品一般都不会允许多设备同时在线，但是一些阅读类，工具类可能就会允许多设备在线。根据产品的功能，分析一下多设备登录带来的利弊，权衡之后做出决定。
多人登陆
6. 注册登陆成功之后，跳转到什么页面
注册登陆成功跳转页面需要根据实际业务情形来，常分为以下几种情形：
A. 注册成功之后跳转到登陆页，登陆成功之后跳转到首页；
B. 注册登陆成功之后跳转到首页；
C. 注册登陆成功之后跳转到来源业务模块，比如充值、提现页面；
具体成功跳转页面需要根据实际业务情形来，如支付宝、微信立刻注册模式采用B方案，现在主流产品均采用方案C，方便业务操作；
三、不要忽略异常态和兼容性
异常态和兼容性是每个产品功能在设计时都不得不考虑的情况，很多功能最终可能会向异常态和兼容性妥协，登录注册功能也一样。
1. 异常态
异常态在登录注册功能上的体现主要是，网络状况不好时，以及除正常注册登录流程之外的情况，手机号已被注册，手机号格式错误等等。异常的时候用户情绪最容易出现问题，这时候一个友好的提醒方式可能会挽回用户的心。
2. 兼容性
兼容性最主要体现在三个方面，第一是老版本的兼容；第二是不同终端的兼容；第三是其它功能的兼容，我们很容易看到一个产品功能的设计缺陷，心里开始想这么大的厂，设计的产品功能还没有我设计的完善，其实你可能不知道这样的设计方案，可能是考虑了兼容性之后的最优解决方案，比如我们上文提到的邮箱+密码的注册方式，PC时代这种方式体验很好，到了移动互联网时代手机号+密码可能体验更好，但是为了兼容PC端和老用户，APP端不得不提供邮箱这种登录注册方式。
网友评论