有会员的网站，登录框是必不可少的一部分，其实登录框存在已久，对于用户来说是必定每天接触，对于设计师来说也是一个古老的控件，两个框加个按键。一代宗师中的拳理「宁可一思进，莫在一思停」，同样是也是我们做人做事的道理，思进方可有所为，一思一念间高下已分，体现在互联网应用及服务应该就更为深刻了。

　　对于优秀的登录框题，主要从以下几点说明：

　　1. 输入效率问题，现阶段大多数用户登录均要求用户使用传统的键盘进行输入，这里就涉及一个问题–击键效率或称为输入效率。有许多解决输入效率的方法，如，

　　使用统一账户，许多互联网服务允许使用OpenID，新浪、腾讯、Facebook、twitter…等等，像知乎允许使用新浪微博的账号登录，这样就减少了用户进行注册或登录时的输入成本。

　　记住用户名及密码，这样可避免用户下次再进行输入，但用户清空cookie或安全级别要求高的互联网服务就悲剧了。

　　在输入过程中给予用户帮助，例子：新浪微博使用邮箱做为登录名(如图1)，用户在输入@ 后，将会出现输入建议，输入建议里有常用邮箱的后缀以辅助输入。

　　解决方案：使用OpenID，或使你的账户成为OpenID(对于国内巨头这是句废话)，允许用户记住账户及密码(默认项给勾上)，给予用户输入辅助，记住用户输入过的历史记录(可别记密码)并在适当的触发条件下显示出来。ps.以上仅为部分，还需要区域Web端及移动端。

　　2. 输入模式问题，在输入用户名时，用户是否能够明确自己处于中文模式或英文模式?输入密码时，能否明确Caps Lock处于哪种状态?输入模式到目前为至一直是个令人讨厌的问题，或者你感觉不到，认为在输入错误后仅仅需要按几次退格就可以修正这个错误，假设用户在期望输入英文时恰好正处在中文输入模式里，那用户需要执行的操作就多了，先删除已输入的错误字符，再执行Crl+空格，或者用鼠标切换至英文模式。另，非可见密码状态下Caps Lock的开关影响到整个登录操作的成败。

　　解决方案：中英文输入模式最终需要输入法来进行解决，可惜现阶段没有哪款PC端输入法考虑到输入模式对用户的影响并加以解决。登录框内可采用类似图2在密码区域增加Caps Lock状态提示，一般无需特别对用户名输入区域增加Caps Lock提示，因大部分用户名对大小写不敏感。另，可考虑优雅的明文显示密码，如在「移动应用中注册新用户及用户登录的时候，密码应不应该显示为明文?」一文中所描述。

　　3. 图片验证问题，现常规的验证码也是让我无限蛋痛的问题之一，为了判断是否属于正常登录而非恶意的侵犯或骚扰，这对于真正的用户来说，验证码没有必要出现，所以仅在登录时触发某些条件再显示验证码吧(像登录错误次数等)。难以识别的的验证码对于用户来说是沉重的压力，像I和l的识别难度，还有支付宝原来的字母O和数字0的问题，无奈设置的验证码一次次将用户阻挡在服务之外。

　　如实在无法绕过验证码这个环节，是否可以考虑为验证码增加一些实际意义，像reCAPTCHA: Stop Spam, Read Books 项目(已被google收购)，利用验证码技术来帮助典籍数字化的进行，这个计划将由书本扫描下来无法准确的被光学文字辨识技术(OCR)识别的文字显示在验证码问题中，让用户在回答验证码时用人脑加以识别(如图3)，一举两得。

　　解决方案：主要是解决验证码的识别问题，像End the CAPTCHA Agony利用游戏的方式进行验证。或像SolveMedia(Engagement Advertising Technology)，在验证码内嵌入容易识别的广告。国内已经有类似的公司做这样的事情，相对于提供免费服务的网站来说，这样做也无可厚非，如豆瓣可以尝试在验证码环节加入自己的FM pro广告，嘿嘿。

　　4. 反馈，这包括在用户登录过程中所需要的各种反馈，如：

　　输入框选中