快速业务通道

Web注册表单设计样式的研究(上)

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-19
;的链接放在什么地方才会让用户感觉更可接近?

根据我们的调查,这个注册链接

59%的网站是放在网站的顶部(其中76%是被放在右上角)

21%的网站是放在首页的突出位置(链接或者表单自己被放在首页上)

有9%是被隐藏在顶部"登陆"链接之后(例如:Craigslist)

实际上注册链接很少被放在侧边栏上(7%-Propeller,Xing),但是4%的站点为用户直接提供服务,只有在用户需要保存设置的时候才需要用户进行注册。

2.表单的设计

2.1需要简化注册表单的样式吗?

当用户点击了注册链接之后,他很有可能想要注册你提供的服务。更重要的是,他并没有点击那些探索更深导航操作的链接或者具有吸引力的闪亮的广告链接。

因此,设计师尝试去掉所有没必要的详细资料以及不能帮助用户完成表单的描述。常常只是呈现一个logo和表单自身,没有任何的导航操作和附加信息。想法:用户必须尽可能地关注在他要去完成的任务上。任何会分散用户注意力的因素不得不被删除。

Web注册表单设计样式的研究(上)

因此,设计师经常使用"最小化"的布局来构建注册表单。根据我们的调查,61%的web表单和普遍的页面相比更简单(例如:MovableType, Livejournal, Amazon, Yandex.ru)

Web注册表单设计样式的研究(上)

根据雅虎的注册表单可以看出,访问者仅仅需要填写账户信息即可,没有别的干扰因素去分散用户的注意力。注意表单中的语气和语义都是吸引人的对话式,这既简单又友好。

Web注册表单设计样式的研究(上)

Web注册表单设计样式的研究(上)

Flixster是个典型的反面例子,它把表单塞得很满,一点也不尊重它的访问者。注册页面上一下子提供了每种可能的操作导航,并且登陆页面上右边的广告比登陆表单还要突出。这样一点也不友好,Photobucket应该是我们见过的第二拥挤的web表单。

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个页面组成,用户通过一些附加信息的选择从而进行他们账户的设置。

Web注册表单设计样式的研究(上)

2.4输入框标附加信题需要突出吗?

62%的注册表单用加粗的方式去突出输入框的标题。为了引人注目而不止一个的使用斜体去达到同样的效果。为了让标签能够更加可见,20%的注册表单用色彩,18%的用纯文本。

Web注册表单设计样式的研究(上)

Large version

2.5标签对齐

老实说,我们已经预料到可能对齐是一个很强的趋势 。但是在我们看来,标签对齐的趋势已经不再那么强烈了。

在调查中41%的网站使用标签右对齐 (YouTube, Facebook, Metacafe)

30%的注册表单使用顶端对齐 (Behance.net, Wufoo, Tickspot, DZone)

29%使用的是左对齐 (Digg, Ning, Wykop.pl, 43things, StupZ).

Web注册表单设计样式的研究(上)

根据"Matteo Penzo的标签放置研究结果"(1996)和"Luke Wroblewski的发现"(PDF),右对齐能够戏剧性地减少完成时间因为它们几乎不需要眼睛的注视。如果你想要达到相同的目的但是只有一块受实际区域制约的垂直屏幕,标签顶端对齐则会更好一些。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号