登录框对于互联网APP设计而言是必不可少的一环，其作用相当于产品的门面，今天就跟大家详解登录框设计的三标准七大要素，希望大家可以发帖讨论，提供更多的登录框设计思路。

登录框是什么？

登录框是互联网产品中供用户登录认证的界面或流程，其作用是认证用户的真实身份信息，实现用户登录认证到产品应用的界面或流程。

登录框评价标准

登录框评价的有三个标准：快、准、稳。

1、登录框的“快”主要体现在：

（1）用户使用登录到产品界面是否为最短流程。

产品的登录框设计，特别是针对新用户的登录设计，一般要求用户在最短的登录流程到达页面，原因是用户在登录的流程中，若流程较长，容易造成用户的流失。

（2）用户身份认证识别是否在最短时间内完成。

用户身份认证识别在最短时间内完成，是指应用在识别用户真实身份时要求耗时较短，如用户使用微博、微信等第三方登录时，认证用户真实身份的时候一般是用3至5秒，使用天翼账号免密登录时，认证识别用户的真实身份时间在2S内；当用户使用产品自主设计的账密登录时，应用识别用户的账号密码匹配度时是否在1S内可完成等。

（3）用户登录到产品界面的设计细节是否快捷。

用户登录到产品界面的设计细节是否快捷是指：产品的登录框设计要素是否遵循协助用户可快捷登录到应用的，如输入手机号码的界面，键盘弹出的页面是否为数字输入页面；对于新用户而言，是否可以在最短的时间内发现或者跳转到注册页面等。

2、登录框的“准”主要体现在：

对于登录框“准”的要求是：是否可以准确识别用户的真实身份。其特点主要体现如下：

（1）识别用户为真实的自然人。

即识别用户为真实自然人，非机器人登录，防止黑客破解产品的登录认证功能。

（2）识别用户的多个账户。

当用户有产品的多个账户时，产品依然可准确识别用户身份，根据帐号的不同可切换到不同的登录认证界面。

（3）识别用户的错误密码并设计有找密环节。当用户输入错误密码或者忘记密码时，登录框可准确识别错误密码并协助用户按产品预定的流程找回密码或重新登录到应用。

3、登录框的“稳”主要体现在：账号“安全性”与功能“稳定性”。

（1）安全性的主要体现在：

登录框对于机器攻击的防御与用户信息的保护，如保证用户的账号密码不被拖库与个人信息安全不被盗取等。

（2）功能的稳定性主要体现在：

确保用户可在既定的条件下，可稳定的登录到应用，如不会出现输入正确的账号密码登录不到应用，手机短验设计中，验证码迟迟不能收到的情况。

登录框设计要素

互联网常见的登录框设计要素主要有七点，分别是：账密输入框、认证能力、服务协议、注册流程、找密流程、用户FAQ、用户反馈系统。以下以天翼账号与人人都是产品经理的登录框设计为大家图解说明：

账密输入框

用户输入账号密码即可登录到应用的文本框。

设计要点：

1. 用户信息安全保障。
2. 识别非自然人登录到应用。
3. 用户输错密码次数限制后提醒与忘记密码的流程提醒等。

设计建议：

重点在于对于用户个人账号信息的安全以及做好账密的防刷机制。

认证能力

即产品认证用户真实身份的能力，目前常见的有短信验证码认证、免密登录、邮箱认证、第三方登录等。

设计要点：

关注能力本身的特性，选择合适自己产品的能力。产品经理在引入认证能力时，需考虑清楚产品的使用场景、流程、产品的技术能力，花费成本等。如短信验证码的收费成本高，免密登录的成本低，但接入需要通过运营商审核机制等。

设计建议：

能力的选择除了关注自己的产品需要什么，还要关注能力本身的特性，以免引入不符合标准的能力为后续的产品使用“留坑”

服务协议

产品与用户达成的服务协议，一般在登录框的首页或注册页面中出现，如果是涉及需要用户必知或多次确认的场景时，服务协议会自动弹出，从设计上强制要求用户阅读确认。

设计要点：

服务协议是刚需，从中规定了用户使用产品达成的协议，有的产品会有意或无意省略了服务协议，其实服务协议对于应用而言是非常重要的，因为服务协议就像是产品与用户的协议书，在必要场景下可以保护产品应用的安全，避免受到不必要的损失。

设计建议：不要忽略服务协议，协议内容尽量细化，避免不必要的法律纠纷。

注册流程  

用户首次使用应用，没有获取产品登录权限时需要使用到注册流程，或者，当应用不能识别到用户是否为产品用户时，产品会自动为用户弹出注册流程。

设计要点：

1. 注册环节需要尽量简化，避免新用户的流失。
2. 用户注册后，系统能准确记录用户的注册信息、账号密码等。

设计建议：

注册设计，以简为美。

找密流程

产品使用账密登录流程时，若用户忘记产品的登录密码，则需要设计找密流程，让用户找回个人的账号秘密。

 设计要点：

找密流程是重新认证用户身份的流程，重点在于认证身份。

设计建议：

找密流程的重点是在于认证，非常不建议将找密流程设计过长或增加的操作成本，避免用户在找密环节的流失。

用户FAQ

解答用户登录认证过程中常见问题等，可根据产品的使用场景与规划进行设计，非产品登录框设计中的必备要素。

设计建议：

1. 呈现的FAQ应是用户常见问题的汇总，问题的解答应通俗易懂，容易理解。
2. 统计好每个问题打开的次数，以此来统计出哪些问题是用户常遇到的问题，为后续的产品设计与优化提供参考。

用户反馈系统

用户可针对产品登录或者使用过程中进行问题的建议或反馈，一般设计在产品的登录认证流程界面或个人信息展示页面，非产品登录框设计中的必备要素。

设计建议：

1. 用户反馈系统要求对用户问题进行收集整理，需要配合产品平台进行使用，要求产品经理设计时，注重产品前后台的交互与反馈数据传送。
2. 用户反馈问题后，一般希望产品给予回应或解答，建议有专业的客服人员跟进用户反馈的意见与建议。

总结

登录框的设计看似平淡，却内含精巧与智慧，从细节处体现出产品经理设计功底与对产品用户群的把握，登录框设计的三标准七要素，希望可以抛砖引玉，挖掘出更多的登录框优秀设计作品与思想。

相关阅读

登录认证方式解析：账号实名制的多米诺骨牌效应

登录认证方式解析：帐号实名制的定义、影响和设计方式

作者：喵小五，天翼账号登录认证产品经理。微信公众号：喵小五，miaowangwang1225。当前目标是为大家解析一个夏季的登录认证，期待大家的反馈与留言。

本文由 @喵小五 原创发布于人人都是产品经理。未经许可，禁止转载。