4种方式可以让网站的登陆框更加时尚

一个秘诀是，让一切元素都“动起来”。

最近，一个叫 GoSquared 的博客做了一项与登陆框有关的调查，调查表明，人们更喜欢这样的登陆框：1. 更快速、更简洁;2. 要有实体的 “提交”按钮;3. 在出现误拼写时(比如把 gmail 误拼为 gkail 时)能及时纠正;4. 放置聪明的 placeholder 标识。关于登陆框，他们还总结了一句话：要在安全性和实用性之间找到平衡。

1.更快速、更简洁

对于网站的构建者来说，这条不用说你也知道。登陆页面是用户们最想快速翻过的页面，所以登陆过程越简洁越好，但说起来容易做起来难。针对这一点，GoSquared 网站举了个例子：他们使用了动画效果，让整个登录过程显得简洁和流畅。在用户输入邮箱地址时，头像会立刻关联显现，增强登陆框的私人化体验。

2.要有实体的submit按钮

现在许多网站都去掉了“提交”按钮，填完个人信息直接按回车键就行了。但 GoSquared 的调查显示，大部分的用户还是希望在填完信息后按一下实体提交按钮。所以就把两者兼顾起来吧：针对那些老用户，他们填完个人信息按回车即可登录，而对于大部分的用户来说，给他们增加一个实体的提交按钮是很必要的。

3.出现拼写错误时要及时纠正

在登录的过程中，把邮箱地址拼错是最烦人的了。GoSquared 推荐了一款叫作 Mailcheck 的工具，用户在拼错邮箱域名的时候(比如误将 gmail.com 拼成 gkail.con )，它可以作出自动纠正，登陆框因此变得更智能。

4.放置可移动的placeholder的标识。

现在有许多网站会将“邮箱地址”四个字放在登陆框内部，当鼠标移动到这个位置时，四个字便会从框内移动到框外，你就可以开始在框内输入自己的邮箱地址了。

GoSquared 网站给出的登陆框看起来有点复杂，但其实你也可以做一个类似的。一个有设计感的网站，每个细节都很重要。不要小看了这些登陆框，可能它在不经意间又多留住了一个用户呢。