本文翻译自Web Form Design Patterns: Sign-Up Forms
让用户在您的网站上注册，并不简单，除非你有一些革命性的想法。
设计师，需要提供给浏览者一个良好的用户体验，我们必须邀请用户，描述这个服务如何工作，解释为什么需要在表单 中填入信息，并告诉他们注册的好处，通过注册将会得到的回报，当然，我们需要让他们更加方便的参与注册。设计有效的web表达是不容易的，它有一个简单的 原因：没有人喜欢填写表格，因此，作为设计师，我们需要让设计简单，直观，轻松。
但是我们如何实现呢？应该把链接放在什么地方？如何设计？如何突出和统一标签？如何设计表单的模式呢？这些问题我们已经通过一项调查得到了答案。通过研究“100个受欢迎的网站”，我们目前的调查的结果显示：
注册表单设计调查
主要调查的目的是提供设计和开发人员一些启发，如何有效的设计web表单，在实践中，我们也想提出一些指引，如何实现一个友好的web表单。
“100个受欢迎的网站”， 选择这些网站，我们考虑了technorati，alexa以及各种流行的搜索引擎各种排名，我们参考这些指标，因为网站真正的问题在于它直接影响了网站 业务，得到了用户的普遍肯定，特别是注册表单对于社交网站至关重要。我们着重于注册的表单，与一些其他形式的表达分开，我们分析了每一个注册的形式，摆放 的位置，表达的模式。
我们用特殊的电子邮件账户和特别的用户名来测试这些网站，我们把他们分组分类，试图找到相似的设计思想，从可用性的角度看，我们也会提出正面反面的例子，来说明。感谢wufoo为我们提供框架进行调查。
1 安放形式
- 1.1 如何链接到注册表单标题？
用户知道当看见“注册”，“登录”，“加入”，“成为会员”或“创建一个账户”时，是将要做什么，但是这些词语给用户的感觉却是不一样的：
最热门的是“sign up 注册”（40%），其次是“join 参与”（18%），“register 登记”（18%），“create account 创建账户”（17%）。过去的几年，我们也看到有一些“start here 从这里开始”的按钮，显然，设计师尝试与用户沟通，并强调服务功能。
- 1.2 注册链接放在什么地方？
当用户第一次访问一个网站，他们会试图弄清楚网站的布局，了解哪些东西是重要的，设计师需要帮助用户直观的了解如何开始使用服务。如果用户无法找到链接，将导致他们无法使用你所提供的服务，因此，链接的关键在于越明显越好，设计在什么位置，让他更加平易近人呢？根据我们调查显示，注册链接：
1,摆在标题上的占59%,(其中76%的”注册”链接放置在右上角)
2,在突出位置摆放的占21%,(链接或者表单直接放置于网页上)
3,隐藏在标题的背后占9%
7%的网站将”注册”链接放置在侧边栏sidebar上,4%的网站第一次登录必须注册才能使用服务.\
2 设计形式
- 2.1 注册表单的布局形式,简化？
当用户点击”注册”链接时,他们可能已经决定使用您提供的服务,更重要的是,他们没有点击导航链接和闪烁的广告。因此，设计者需要删除不必要的细节，因为他们不利于用户填写表单注册信息，通常注册页面只是一个标识，和表单的介绍信息，不需要任何导航条和额外的信息，任何使用户分心的内容，必须删除，让用户专注于填写注册信息。
为了使其尽可能的简单，设计师经常使用最小的布局为注册形式，根据我们调查，61%的web注册布局相比一般页面布局要简化很多。
yahoo的注册表单，用户只需要填写表单，创建一个账户，页面上没有任何让用户分心的内容，简单容易，方便用户使用。
上面的两个例子，相比起来却显得太过拥挤，没有真正的尊重用户。
- 2.2 是否提供其他额外的信息？
许多设计师尝试，让用户在表单中填入其他的一些信息，如帮助，所需的资料，或版权声明，不过列在注册介绍的旁边，在大多数情况下比较好。
1,41%的网站告诉了用户注册以后得到的好处是什么（如myspace，last.fm，linkedin等）
2,28%的网站不提供任何额外的信息，只是纯粹的注册表单(如Pownce, DeviantArt, Dailymotion等)
3,11%的网站告诉用户注册需要多少时间(如Threadless, Newsvine, Wordpress等)
只有极少数的网站告诉用户哪些信息是需要另外注册的（6%），有步骤的（8%），提供一些提示的（6%） - 2.3 单页形式与多页的形式
93%的网站注册页面是在一个页面上，显然，设计师尝试帮助用户在最短最快的时间内让用户完成注册，也有少数网站，通过多页的形式，了解用户的需求和喜好。
举例说明，meebo网站为用户提供了一个弹出式的窗口，一共6页，用户先开始注册自己的账户，然后提供其他的信息。
- 2.4 如何让标题更加醒目，突出呢？
62%网站的注册表单所使用的表格标题，都很突出，下面的百分比图中，很明显斜体字无法让人觉得醒目和突出，20%的网站注册表单标题采用突出的颜色，18%的网站使用纯文本。
- 2.5 表格标题对齐
1,41%的网站表格标题选择了右对齐（如youtube,facebook,metacafe等）
2,30%的网站表格标题在输入框的顶部（如Behance.net, Wufoo, Tickspot, DZone等）
3,29%的网站表格标题选择了左对齐（如digg，43things，studivz等）
根据Matteo Penzo’s label placement research (1996) 的研究结果显示，将表格标题放置在输入框的上方，可以大大减少完成时间，如果想达到同样的目的，但是高度有限制，那么可以采取右对齐的方式。
- 2.6 需要多少必填项目？
几 年前，网站需要用户输入很多个人资料，例如姓名，地址，国家，个人关系等，但是现在，密码和确认密码就够了。我们发现，54%的网站只需要用户填写最上面 5个项目，（6%并不需要填写所有的就可以使用服务）。34%的网站需要填写6-8个项目，12%的网站冒着风险强制用户填写超过9个栏目。
- 2.7 有多少可选字段？
大多数网站避免可选字段，用户提供可选信息后，注册程序就完成了。
- 2.8 纵向还是横向的排列呢？ ？
纵向的布局是一个清晰的垂直的路线，86%的网站将输入栏垂直摆放，此外，15%的网站从视觉设计方面吸引用户，令他们感到舒适的情况下采用其他的形式。
进一步的调查结果
1, 18%的网站，有一个注册链接放在logo的旁边。
2, 78%的网站没有很突出。
3, 9%使用进度指示器，让用户链接正在进行和将要进行的步骤。
4, 85%的网站在可能的情况下，采用一个简单的布局。
5, 网站布局划分区域，69%采用白色背景，使用边界的22%，采用不同颜色背景的9%。
总结
第一部分的调查结果到此结束，请记住，我们在这里仅仅只考虑了注册表单。以下是最后的总结：
- 注册链接的标题是“sign up” (40%) 并且放置在右上角。
- 注册表格布局尽量简化，避免用户分心。(61%)
- 注册表格尽量在一个页面上。(93%)
- 在注册页面告诉用户注册之后的好处，能得到的服务。(41%)
- 标题突出大胆。（62%）
- 注册栏目垂直纵向排放。（86%）
- 简化必填项目及可选字段。