（翻译）采用下拉登录框快速登录

  想象一下每天有多少用户登录网站，再想象一下他们一生有多少时间用于在登录界面中输入用户名和密码。虽然每次登录花不了多少时间，但将用户长期登录所耗费的时间累计起来，也是很惊人的数据。
  对大部分用户而言，登录网站属于日常操作。由于用户经常访问登录页面，设计人员应更多考虑用户登录网站所用的时间和精力。
  用户登录网站的通常步骤是：

1. 访问网站主页；
2. 点击登录按钮；
3. 等待加载登录页面[1]；
4. 可视化地处理登录页面[2]；
5. 输入用户名和密码。

  登录网站时的步骤越多，用户花的时间越久。是否有方法能减少步骤，让用户更快地登录网站？一种方式是使用下拉登录框。在登录按钮下方显示一个小登录界面，这样用户就不用等待加载另外的登录页面[3]。用户在同一个页面上进行登录操作，不需要等待系统响应，也不需要可视化地处理一个完全不同的页面。这种用户界面解决方案减少了用户登录操作中的两个不必要的步骤，从而使登录速度更快。

  但是，甘瓜苦蒂，天下物无全美。如果用户收藏的是网站登录页面，则他们首先访问的不是网站主页，而是登录页面，此时下拉登录框的效率值得商榷，这取决于用户收藏网站的方式。如果网站收藏的井井有条，则使用登录页面登录网站速度个更快。。
  另外需要思考的是期望中的用户与网站的交互方式。是否想让用户先访问网站主页再登录，还是愿意让用户能够直接登录网站？前者的话，使用下拉登录框会给用户更好的体验，而后者只能给那些收藏了登录页面的用户更好的体验。
  也许作为一名设计人员，你既不喜欢下拉登录框，也讨厌采用登录页面，但还是想让用户边界地登录网站，这时可以在网站主页中嵌入登录字段。这种方式在网站主页上有足够的空间放置登录字段和按钮时效果很好，用户只需点击登录字段输入登录信息，但并不是所有的网站都有足够的空间。因此，下拉登录框不仅可以节省用户登录时间，还可以节省网站主页空间。
  不论采用什么登录方式，谨记登录网站是用户的日常活动。让登录操作快捷、便利、轻松愉快，这是设计人员可以给与用户的良好体验，哪怕只是快几秒也好。对某些人来说，几秒钟可能就像是一辈子，现在大多数人都不想等待。最后，提供给各位一些下拉登录框的示例，以及关于如何给网站创建下拉登录框的教程：用jQuery构建Twitter似的完美登录下拉框。

          

Twitter
           MediaFire
           QuoteRobot
          

FreeAgentCentral

          

Kontain

             

ColourLovers

原文地址：https://uxmovement.com/forms/dropdown-login-boxes-for-faster-login/

[1]原文：wait for the new page to load
[2]原文：visually process the new page
[3]原文：This is a small box that drops below the login, so that users don’t have to wait for a new page to load.