优化：Web设计模式之注册表单

此文是翻译自www.smashingmagazine.com

原文连接

以下蛋壳截取重要部分做简短翻译，能力有限，多多包含……^_^

1、安置形式

1.1 如何连接到注册页：

一个醒目的，准确表达用意的词，能很好被用户发现，并引导至注册页。

最热门的是：Sign up (40%)  其次：Join… (18%)

1.2  注册连接应该放在什么位置：

具调查结果显示，最佳位置依此是：

1. 有59%是放在页面LOGO或标题附近，76%放在页面的右上角。
2. 21%在页面里单独设计一块突出的位置。
3. 9%放置在登录页面里。

还有7%放在侧边栏，然而还有4%的服务是必须注册才能进入页面使用服务。

2、设计布局

2.1　简化板式布局

应尽量简化注册页的布局设计，不要存在广告等影响用户集中填写注册表单的因素。

调查显示61%的成功网站使用最简化布局设计，甚至省略了网站导航和LOGO。

例如：MovableType, Livejournal, Amazon, Yandex.ru

2.2　怎样突出表单项目标题

62%使用加粗修饰，20%使用颜色区分，18%使用正常字体。

2.3　表单项目标题位置

41%使用右对齐，30%使用顶对齐，29%使用左对齐。

2.4　设置几项必填字段合适？ 

54%要求用户填写至少5项资料，34%设置6-8项资料，12%超过9个项目。结果显示大多数还是能接受3-5项的资料输入。

3.　功能形式

3.1　悬停、等效果影响视觉？

84%用户不接受有任何的悬停等效果，16%能接受轻微温和的悬停等效果。

3.2　提示信息：动态显示或静态显示？

有时用户并不能完全理解某一个项目应该填写些什么内容，这时设计一些帮助或示例是必要的。

57%认为放置在输入栏附近的提示信息比较舒服，10%觉得在输入当前栏内容的时候，动态显示提示信息比较好。

3.3　提示信息的位置在哪比较合适？

57%设置在输入栏下方，26%设置在输入栏右方，（个人觉得这2个也是比较舒服的位置）

3.4　是否需要设置电子邮件激活？

只有18%的用户认为，电子邮件确认是必要的。

 

以上是蛋壳觉得比较实用的，就简单翻译了一下。感谢原作者或机构提供调研资料。

有兴趣的朋友可以查看原文