简化用户注册和登陆表单

5月 14, 2011 发表于: 用户体验. 评论

Sponsor

注册和登录的表单有多种设计方法。大多数设计师对传统方式都非常熟悉。但是如果你了解并能应用具有创新意义的技巧就可以简化注册与登录表单，且这两项功能使用起来也更有效。在这篇文章中，我们会介绍一些新的概念，希望对大家的设计有所启迪。在使用这些技巧前，请确保这它们适合你所使用的语境。无论您是持肯定或否定的态度，我们都非常高兴您能与大家分享自己的体验或是测试心得。 简化注册

每个注册表单的目的都是要让用户成功填写并将其发送出去。不过，如果表单过长或者过于复杂，用户对网页的兴趣就可能因此止步。下面我们介绍一些能够使表单填写起来快捷且简单的创新技巧吧。

在用户注册完后再询问用户名

注册表单通常会要求哟过户创建一个用于该网站的唯一用户名。但是，在校验这个用户名是否唯一的过程中，可能出现重复或错误等情况，所以会耗费一些时间。与其在用户注册的时候让他纠结于用户名的选择，还不如在他注册之后再发出这一请求。这样一来，就不用担心选择用户名的过程会打击用户的注册积极性了，而且也可以避免用户为了迎合表单需求，随意创建一个容易被忘记的的随机性用户名。

只要求用户输入一次密码

许多注册表单都会要求用户输入两次密码。这样做当然情有可原。表单是出于安全考虑防止其他人盗取密码。同时，也是为了避免输入错误，所以会要求用户输入两次来增加输入的正确率。

事实上，由于这种要求强制用户输入两次，就带来了新的问题。用户无法看到自己输入的字符，这样他们就不一定知道自己每次输入的字符是否正确。

更有效的方法其实是要求用户输入一次密码，但是附加一个方框让用户可以自由选择是否显示密码。这一个选项可以减少文本域的数量也可以减少用户注册的步骤。

以用户ZIP码为基础自动填写地理信息

如果你需要用户的家庭住址，那么可以考虑在ZIP码地基础上自动填写地理信息。这样，表单填写会更快速，因为用户不需要浪费时间和精力去手动选择自己的区位信息。

自动填写国家信息

在传统表单中，用户会通过下拉菜单来选择自己所在的国家。而更有效的方法则是使用自动补充的文本域。与其让用户去滑动长长的下拉菜单，倒不如只是让用户输入国家名称的开头字母，然后由文本域自动给出符合条件的国家名称。用户也就不用拖开一长串列表了。

允许用户在送货地址处自动填写自己的支付地址

如果用户打算在网上购买一件产品，他们就需要提交支付和送货信息。大多数时候，地址是相同的，因此要让表单自动填写地址。你可以在支付信息的填写处添加一个链接说明“与送货信息相同”，然后，在用户点击这个地方的时候，它就会自动将送货地址填入支付信息区域中。

不要默认选择剪报选项，而只提供预览

大多数网站都会默认勾选剪报框，以便获得更多的订阅消息。当然，这是有效的。不过，如果用户这样做仅仅是因为他们没有留意或者误选了，那么订阅消息对他们而言是没什么意义的。如果他们并不感兴趣，他们迟早会取消订阅。强制用户订阅消息并不会为网站带来什么长久的好处。而在没有解释清楚的情况下不停向用户发送剪报会让用户产生反感。

更有效的方式是向用户展示剪报的预览以此来吸引用户订阅。这样，他们就知道如果自己不订阅就会错过些什么信息。而且，你也可以知道通过预览订阅的用户确实是被剪报内容所吸引。

用JavaScript（而不是CAPTCHA）隐藏文本域的方式阻止垃圾邮件

如果你收到许多垃圾邮件，那么很有必要在表单中使用CAPTCHA。但是并不需要使CAPTCHA成为用户注册的障碍。传统CAPTCHA会要求用户重复输入验证符，这样肯定会给用户带来不便。

简化这一过程的方法是使用一个由客户端JavaScript生成的隐藏文本域。僵尸网站不会填入这个域中，因为他们不能与客户端的JavaScript联动，而只有用户可以。这个方法既简单又不会干扰用户，而且还可以减少垃圾邮件，一举三得。唯一的问题就是它依赖于JavaScript，所以在某些情况下，它不能达到最佳效果。你也可以使用蜜罐捕获法：创建一个蜜罐表单，该表单必须留空，然后使用CSS 将其隐藏，使其只对僵尸网络做出反应。当该表单提交后，你可以检查一下表单域的值是否为空。如果不是，那么你可以忽视这一提交，因为它是被僵尸网络提交的。