所以为了尽量规避这些问题，主要的解决方案是检测输入内容是否与 :-webkit-autofill 选择器是否一致，以及输入内容的存在与否。虽然看起来并不美观，但是非常有效。

　　流动性更强的界面

　　每操作一个步骤都要给页面重新定向是2008年的网页设计师做的事情，这样来设计可能兼容性更好，也更加万无一失，不过GoSquared 的APP已经不再支持这样的特性了。

　　新的GoSquared 的登陆界面拥有更强的流动性，平滑的动效和自然的状态切换，着实令人着迷。

　　验证和建议

　　正如同我们在之前的文章中所说的，之前的设计非常容易打错登陆邮箱和用户名，直到提交的时候才收到系统提醒，输入的密码或者帐号有误。

　　Mailcheck这样的邮箱名称纠错工具，能纠正绝大部分的邮箱地址输入错误，极大的降低了登陆输入错误率。我们在上一版中就加入了这一组件，它现在也服务于新版。

　　登陆按钮的回归

　　上一版设计的时候，我们大幅削减了界面中其他非重要元素，最终使得登陆界面上只有两个输入框，而没有其他的视觉元素，毕竟在今天，输入完帐号密码之后按回车键登陆是一件自然而然的事情，有没有登陆按钮似乎影响不大。

　　但是，当我们观察实际用户操作之后才意识到，有许多用户宁可点击按钮提交表单也不愿点击回车键。这也促使我们最终在新版中让登陆按钮重新回归。

　　等等，为什么登陆变慢了?

　　当我们点击”登陆“按钮之后，通常会等待几秒钟才进入登陆后的界面。即便我们进行了诸多优化之后，用户依然需要耗费几秒钟等待时间才能正是登陆，这其实是有原因的：安全性。当用户提交他们的帐号密码之后，后台的服务器需要耗费巨量的运算来确定它们是正确的，在此我们无法详细描述具体机制，但是这么做是为了防止有人以暴力破解的方式黑入系统。

　　当然，也正是因为这个缓慢的过程，我们并不想让用户独自面对着仿佛卡住了的登陆界面，我们需要通过设计，用视觉反馈告诉用户“你的表单已经提交，一切都很正常，你只需要稍等一下就能进去了!”

　　所以我们在这个环节添加了一个进度条，为用户展示预计多久能够登陆进去，这使得他们对登陆时长有一个明确的预期。不过，基于时间的进度条本身非常单调，而且不一定准确，所以我们最终使用了一个非常微妙的动画来作为替代方案。

　　结语

　　用户体验和UI设计并非一成不变的东西，它们会随着时间和地区的改变而不停地调整。我希望你们会喜欢GoSquared 登陆界面的改进，也希望我们的改进过程能给同行们一些启示。

　　原文地址：gosquared

　　优设译者：@陈子木