转载声明：文章来源https://www.jianshu.com/p/a30cddbe907f

智能手机已经成为人类不可分割的器官，人们在线上处理生活的方方面面的习惯已经形成，APP作为线上渠道最
主要的方式之一，已被各行各业广泛使用。这里将持续的和大家一同谈论关于APP产品设计的各模块、细节的设
计方式及思考

在APP产品的设计过程中，登录功能看似简单无奇，但其实会跟进产品业务、功能关联、用户体验紧密联系，也就需要产品经理花大量的时间去思考，思考如何设计出更高质量的登录环节

是否需要登录环节

在准备进行登录模块设计前，我们首相要考虑清楚自身产品是否真正的需要登录模块，例如手电筒、计算器、录音机等纯工具类的产品其实是不需要拥有登录模块。所以在设计前，我们可以从用户角度、业务角度、产品功能角度三个角度进行思考和分析：

1. 功能角度
1）整个产品是基于登录为前提进行设计的，如果不登录，整个产品将无法使用。例如即时通讯的产品是必须基于用户已登录的前提下进行的、王者荣耀必须基于用户已登录的前提下进行的等

2）产品中有较多功能和用户身份挂钩，不知道用户身份便无法开展服务。例如如果想看爱奇艺的会员电影，你只有登录了具有会员标示的账户才能看，否则就只能看免费内容

2. 用户角度
1）用户需要和其他用户产生联系，需要登录才能满足。例如关注、交流、点赞、打赏等

2）用户需要很多登录后才能使用的功能和服务。例如电商产品、即时通讯产品等（很多产品的设计就是站在这个角度设计出很多很棒的功能，但是只有用户登录后才能使用，也就是变相的促使用户注册登录的一种方法）

3. 业务角度
1）产品需要搭建用户体系

2）企业需要收集到用户的关键信息。例如手机号、身份证号、姓名等，为二次触达用户提供渠道。例如：通过收集到的手机号/邮箱，企业可以通过这些渠道再次触达到用户，进行运营

3）企业需要收集用户的使用数据，进行数据分析，为产品运营做支持。

4）出于法律规定或安全性考虑，企业需要知道用户信息

以上，我们在进行登录设计前要考量自身产品是否满足以上的三个角度的要求，如果不满足则无需登录模块，反之则需要。这三点是有严格的顺序关系的，只有产品功能上有登录的需要，才会激发出用户登录的需求，最后我们才能达到业务上的目的，这是一个严格的递进关系。所以说如果我们想达到某些业务角度的需要，从产品功能上找办法就相对容易。

登录模块的设计原则

确定产品需要登录模块之后，我们接着需要思考登录模块的设计原则，即登录模块该设计什么样子。同样我们也从三个角度来思考分析：

1.用户角度
1）用户在登录需求产生后，需要立刻释放需求，如果不释放或释放时间过长将导致用户体验降低甚至失去客户。故我们需要满足用户能够快速释放需求的愿望

2）用户习惯的登录方式为手机号登录、账号登录、邮箱登录、第三方快捷登录、手机验证码快捷登录、指纹快捷登录。每一种登录方式面向不对需求的用户：

手机号登录：目前主流的登录注册方式之一。符合国人使用习惯，手机号也是业务层面最想要的数据之一

账号登录：某些产品还具有的功能，操作不够方便，现在并不主流。例如QQ

邮箱登录：邮箱在输入时相对复杂，且国人对邮箱的使用习惯普遍没有手机号高，但对于涉及到海外用户的产品还是需要邮箱登录的入口的，毕竟外国用户使用邮箱为登录名的习惯早已养成

第三方登录：目前主流的登录方式之一，极大的缩短了用户登录的流程和时间，新用户使用等三方快捷登录还可以省略注册环节，对体验有极大的提升，且可以获得用户在第三方的一部分数据，例如用微信登录后，产品能得到用户的微信昵称、微信头像、微信好友等。目前主流的第三方登录有微信、QQ、微博，还有如支付宝、头条、钉钉等登录方式，用在某些有特殊要求的产品上

手机验证码快捷登录：越来越普及的登录方式。不需要密码，只需要用户输入手机号+验证码即可注册和登录完，对老用户和新用户的体验都很友好。安全的角度上有些许欠缺，但是损失少许安全而大大提升体验的行为，很多人还是表示能够接受（我是不接受的）

指纹快捷登录：起初常应用于银行类产品，现在在其他行业的产品中也陆续普及开。归功于现在技术的发展，智能手机对指纹的使用越来越简单和普遍。在安全性上和操作效率上相对其他方式都更加出色，唯一麻烦的是对用户录入指纹的引导，毕竟指纹在用户心理等价于安全

以上，可知我们需要满足不同的用户、不同的场景、不用产品的登录方式愿望

2.业务角度
对于企业来说都是希望能获得用户的数据的，尤其是像手机号这种关键数据，越快获得越好。

3.安全性角度
1）用户安全：因为用户会在产品中留下自己的言论或内容等信息，这些信息的安全就需要一定保护，不能说随便什么人知道一个手机号后通过无限试密码的手段就可登录他人账号，故我们需要提供一定安全保护措施。例如密码连续错误5次冻结一段时间等

2）企业利益安全：某些无良的竞品会采用机器人的方式，循环获取手机验证码，增加信息成本，这其实就是对企业利益的损害。故我们需要提供一定的保护措施避免企业利益受损。例如验证码每60s才允许再次发送的设置等

以上，通过分析我们可总结出登录模块的设计原则（一句话）：提供安全、快速、多方式的登录模块设计

登录模块的元素组成

下图截取了四个App Store免费榜前几名的登录页：

通多对大量已有产品的汇总和思考，可将登录模块包含的元素进行梳理归纳，如下：

登录页组成元素

确定了登录模块的元素构成后，我们就需要把登录模块中涉及到的所有流程逻辑全部梳理且整合起来

元素流程逻辑

1. 登录方式
1）账号密码登录
手机号+密码、邮箱+密码等

2）免密码登录/短信登录

3）第三方登录

4）指纹登录

2. 服务协议和隐私协议
服务协议、隐私协议、用户协议等原只用于账号注册页面，但由于现在存在手机号快捷登录以及第三方登录，使得注册环节和登录环节融合在一起，故需将协议置于登录页面中

3. 忘记密码/找回密码
此功能入口，只存在于账号密码登录页面中

关于返回上一页/关闭的流程逻辑，把握好返回前后的页面选择，不造成用户认知前后不匹配即可，这里就不再赘述了。

（模块中的各元素流程逻辑会依据不同的实际因素形成不同的设计流程，不可能被标准化，我以上的流程逻辑不适用所有产品）

将各元素的流程逻辑梳理清楚后，再将其整合在一起后，我们就可以基本得到登录模块整体的逻辑骨架了。随后即可完善线框图等后续工作

设计细节

登录模块所包含的元素很多，也就为体验的升级提供了更多的空间和想象。满足登录功能的前提下提升用户的体验也是必不可少的，能用的功能和好用的功能区别很是非常之大的。针对登录模块各组成元素会有一些细节设计来提升用户体验：

1.输入框获得焦点后唤起对应的键盘。例如在如手机号的时唤起的是数字键盘，在输入密码时唤起的是字母键盘等

2.在输入框中加入清空按钮。在需要清除输入框文本的场景下非常实用

3.密码的可见和隐藏按钮。便于用户进行密码的查看、校对和修改

4.按钮的可用和禁用状态。例如当信息没有填写完成时，登录按钮为禁用状态；信息填写完成后，登录按钮为可用状态

5.从体验的角度考虑，在一段时间内使用自动登录的机制，免除用户重复操作；从安全的角度考虑，在一段时间内用户没有登录APP，则将账号登出，下次进入时需重新登录，一定程度上确保安全性。

6.反馈机制要完整，任何点击、滑动、长按、bug等触发时都需要让用户感知到，避免用户产生疑惑感，提高用户体验感。例如，向手机号发送验证码后，需Toast提醒用户告知用户：验证码已发送152xxxxxxxx，请查收。常用的反馈提示方式为Toast、Dialog和直接展示页面上三种方式

Dialog作为对话框，将信息呈现给用户，和用户发生交互。一定程度上增加用户操作负担，非必要情况下少采用这种方式

Toast是Android种用来显示信息的一种机制，和Dialog不一样的，Toast没有交点，显示时长有限，时间一到就会自动消失。显示的时间可以进行修改，可以达到即不增加用户负担有提醒到信息的作用，故现在被使用的很广泛

直接展示页面的方式，优点在于不需要用户交互，且没有时间限制，很适合用于信息填写时的反馈。例如在填写手机号时，如果格式不正确便会在下方用红字显示格式不正确。缺点在于需要占据一定的页面空间，故在Web端常见这种设计而移动端较少

7.登录页面增加帮助功能。在登录失败且用户不知原因的情况下，提供给用户一个解决方法的入口。便于产品收集并解决不知明问题

8.键盘弹出后，要保证须填写的输入框置于键盘之上。便于用户边输入边校对

9.视觉上，当焦点落于哪个输入框时，对应输入框继续高亮/异色等突出显示，集中用户数据重点

10.上一次登录提示。由于现在登录方式众多，且不同登录方式是独立的账号（合并账号除外），此时通过记录并提示用户上一次的登录方式，可减免用户思考成本，体验更佳


产品经理在页面文本的编写上要简短易懂。避免过多文字造成页面拥挤、增加用户理解成本

说在后面

在任何模块的设计中时间和成本是产品经理必定要考虑的事情

常说优秀的产品经理都是时间管理的好手。产品不是概念，而是具有交付能力的实体，没有结果、没有交付的东西称不上产品。所以产品经理在进行产品设计时，一定要把握设计时间、开发时间、测试时间、上线时间、运营时间等环节的时间节点，在预期时间内完成产品的交付

同样需要考虑产品对企业成本的消耗，例如人工成本、时间成本、金钱成本等，在可获得的成本下进行最优的产品设计、推广

在实际工作中，产品所拥有的资源都是极其有限的，这就需要我们对产品进行合理拆分、分布进行以满足时间和成本上的要求

通过对模块的被需要程度、设计原则、组成元素、模块逻辑、设计细节几方面的思考和分析，再结合产品的时间、成本等实际情况，尽可能设计更优质的登录模块

随着时间的推移，新的设计理念和交互形式会不断迭代更新，也就需要我们自身也不断升级迭代。