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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3、登录框的“稳”主要表现在：账号“安适性”与功能“不变性”。

（1）安适性的主要表现在：

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

（2）功能的不变性主要表现在：

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

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

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

设计要点：

设计建议：

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

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

设计要点：

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

设计建议：

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

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

设计要点：