Web表单设计之注册表单

必需面临的题目有：用户不喜好提交表单。然我们的目标是让用户乐意提交表单。

下面是一个关于web表单计划的观测陈诉，这个功效来历于100个令人瞩目标网站。

注册表单计划观测

1.表单的安放

1.1注册表单链接的问题是怎么样的？

当用户想要插手某个时，他们会试图探求“sign-up”，“register”，“join”，“join”，“become a member”可能“creat an account”等这样的短语。用户祈望可以通过这些链到注册表单。不幸的是，环境不必然是这样的。

从图表可见，最受接待的问题是“Sign up”（40%），接着是“Join”（18%），“Register”（18%）以及“Creat account”（17%），少少数是按钮超大，又闪亮，而且写着“start here”的字样。计划师与其计划并夸大处事的成果性还不如试图去表达信息。

1.2注册表单的链接放在哪儿？

当用户第一次会见某个网站，他们会试图找出单独机关块代表的意思。他们的眼睛行为是跳跃的，而且用户试图相识哪个地区是更重要的，他们想要的内容也许被放在什么处所。为了满意用户体验，计划师必要辅佐用户直观地知道哪些是在开始行使处事前所必要做的事。

假如用户找不到通往注册表单的链接，他可就不会注册你的处事。因此让链接尽也许地显而易见是最要害的。那么计划师应该把“注册”的链接放在什么处所？按照观测，这个注册链接

* 59%的网站是放在网站的顶部（个中76%是被放在右上角）
* 21%的网站是放在首页的突出位置（链接可能表单本身被放在首页上）
* 9%是被潜匿在顶部“登岸”链接之后（譬喻：Craigslist）
* 很少注册链接会被放在侧边栏上（7%-Propeller, Xing），可是4%的站点为用户直接提供处事，只有在用户必要生涯配置的时辰才必要用户举办注册。

2.表单的计划

2.1必要简化注册表单的样式吗？

当用户点击了注册链接之后，他很有也许想要注册你提供的处事。更重要的是，他并没有点击那些试探更深导航操纵的链接可能具有吸引力的告白链接。

因此，计划师实行去掉全部没须要的具体资料以及不能辅佐用户完成表单的描写。经常只是泛起一个logo和表单自身，没有任何的导航操纵和附加信息。用户必需尽也许地存眷在他要去完成的使命上。任何会分手用户留意力的身分不该该被保存。

计划师常常行使“最小化”的机关来构建注册表单。按照观测，61%的web表单和广泛的页面临比更简朴（譬喻：MovableType, Livejournal, Amazon, Yandex.ru）

从雅虎的注册表单可以看出，会见者只必要填写账户信息即可，没有此外滋扰身分去分手用户的留意力。留意表单中的语气和语义都是吸引人的对话式，这既简朴又友爱。

Flixster是个典范的后面例子，它把表单页面塞得满满的，一点也不尊重它的会见者。注册页面上提供了每种也许的操纵导航，而且登岸页面上右边的告白比登岸表单还要突出。Photobucket应该是我们见过的第二拥挤的表单。

2.2必要提供任何附加信息吗？

很多计划师试图通过相同于辅佐、信息内容要求乃至是版权阐明的附加信息来勉励会见者主动填写表格。可是它差异于点对点，在大部门例子中注册的甜头依然是通过表单来浮现。

* 41%的表单汇报用户注册的甜头（MySpace, Del.icio.us, Last.fm, LinkedIn, Digg, Mister Wong, Break.com）
* 28%仅仅是纯真的注册页面，没有任何附加信息（Pownce, DeviantArt, Dailymotion）
* 11%汇报用户必要多久时刻来填写（Threadless, Newsvine, WordPress)
* 很少一部门（6%）网站提到注册进程中所必要填写的信息。一些步调中会提供一些告诫（8%）和表示（6%，譬喻37signals, Bloglines）

2.3单页表单VS多页表单

观测功效中，93%的表单是单页表单。计划师试图辅佐用户尽也许快速和无痛地完成注册流程。只有一些网站操作多页表单把试探用户参数选择团结在注册进程中。

好比，Meebo把一个完备的注册进程整合在一张注册表单中，而且通过一个弹出框的情势为用户提供注册领导。这个表单由6个页面构成，用户通过一些附加信息的选择从而举办他们账户的配置。

2.4输入框标附加信题必要突出吗？

62%的注册表单用粗体的方法去突出输入框的问题。尚有的行使斜体去到达同样的结果。为了让标签可以或许越发可见，20%的注册表单用色彩，18%的用纯文本。

2.5标签对齐

* 41%的网站行使标签右对齐 （YouTube, Facebook, Metacafe）
* 30%的注册表单行使顶端对齐（Behance.net, Wufoo, Tickspot, Mixx, DZone）
* 29%行使的是左对齐（(Digg, Ning, Wykop.pl, 43things, StudiVZ）

按照“Matteo Penzo的标签安排研究功效（Matteo Penzo’s label placement research）”（1996）和“Luke Wroblewski的发明（Luke Wroblewski’s findings）”（PDF），右对齐因为险些不必要眼睛的凝望，能最大的镌汰完成的时刻。假如你想要到达沟通的目标可是只有一块受现实地区制约的垂直屏幕，标签顶端对齐则会更好一些。假如你想让用户相识标签的内容，左对齐则是最好的。

2.6有几多必填地区？

当举办一个观测时，我们已经留意到表单中的必填项越来越少了。几年前，计划师要求会见者填写他们的姓名、地点、都市和小我私人乐趣，但此刻仅仅只必要登录名、暗码和确认暗码。

我们发明54%的表单要求用户最多填写5个输入框（个中6%的网站在行使处事前基础不必要注册）。34%的表单行使6-8个输入框，然而有12%的网站顶着用户的忍耐度让他们完成高出9个的必填项。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!