软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > Web表单设计之注册表单(3)

Web表单设计之注册表单(3)

3.7有必要去确认密码吗?

当用户看不到自己所输的内容(他们看到的是以星号代替的)时让他们确认输入感觉上是有理由的。但是很多网站为了缩短完成注册表单的时间而去掉二次确认的步骤。

72%的情况是有必要确认密码的,但是许多例如Facebook,Friendster,LinkedIn, Stumbleupon, Pownce 和 Twitter的网站都不要求确认密码。

3.8. 需要使用校验码吗?

如果校验码去掉的话用户肯定很开心,但是实际上校验码却是必要的,因为网站需要防止垃圾注册软件创建很多垃圾帐户,不然他们需要不停地在数据库中过滤掉这些账户。

根据我们的调查:

* 52%的网站没有使用校验码。
* 39%的网站是不能在不刷新页面的情况下实时刷新校验码的,这个实在是在可用性上非常的糟糕的一件事。

但是我们还是不能看清注册表单是否需要校验码的趋势。任何情况下,如果你使用校验码,请确定它是易可读的,或者在不可读的情况用户可以实时刷新校验码的。一些网站没有提供实时刷新校验码的功能,除了Digg,AOL, Slashdot, Google等。Fm倒是能够让校验码变成可以听的,当它很难被识别的时候。

3.9.需要使用取消按钮吗?

当我们在思考设计表单时一些认为会碰到的问题时,我们期望注册表单没有取消按钮,因为毕竟所有选项都已经填写好了,对于用户来讲就没有太大的意义去退出这个表单。然而我们在一定程度上错了。

只有8%的情况使用了取消按钮,这些情况中的一些取消按钮正好出现在“条款和协议”的下面(例如,Zoho Writer)。所以如果用户不同意服务条款,他们会退出这个流程。另一方面,一些服务在注册之前给出了一个支付方案(例如,Crazyegg)。在这种情况下用户选择错了支付方案时他们需要利用取消按钮返回并重新选择另外更好的支付方案。

除此以外:我们还是不明白为什么Dzone要把取消按钮放在注册表单的左侧。

如果使用取消按钮的话,有4%的情况是放在提交按钮的右侧。在这些网站中观察发现,取消和提交按钮没有非常强烈的视觉区别,而且还被挨在一起。从可用性观点上去看,把主要动作和次要动作用视觉区分开来并且用明确的空隙去区别它们是更有意义的。

3.10. 提交按钮的对齐方式

考虑到表单的样式,把提交按钮左对齐、右对齐或者放在中间是有实际意义的。有56%的设计师把提交按钮左对齐,第二位是26%的把按钮居中对齐。

右对齐的提交按钮依然比较流行(17%),但是一般都是起到需要进行下一步操作时的指示作用。在这些情况中提交按钮经常是以“继续”或者“下一步”为标题的。理由是:通常桌面软件中的“下一步”按钮就是放在右侧的。

3.11. 感谢信息

* 几年前,大多数服务在成功注册之后会提供一个简单,基础的感谢信息(通常还带有一个登录的链接),现在大多数站点都试图去激发用户立刻探索一下他们的服务。
* 45%的网站要求用户在完成注册之后提供更多的信息,在他们的网站上找到自己的朋友,或者邀请用户的朋友来使用他们的网站。
* 33%的表单会用友好并具有吸引力的语气指出 “接下来要去地方”(网站功能的探索)。
* 4%的网站提供了一个基础的“谢谢你”的消息。
* 2%是直接跳转到首页。

更多的发现

* 18%的注册表单旁边都会有登录表单或者登录连接。(例如, YouTube, Reddit, Digg, Lulu, Metacafe)
* 78%的注册表单没有用星号或者高光去表示必选框;大多数情况无论星号或者其他形式的高光都不会被使用。
* 9%的注册表单用流程指示来告诉用户他们进行到哪一步了,并且告诉他们哪些步骤是完成注册的必填项。
* 85%的站点更喜欢用尽可能简单的web表单。
* 区域通常都是用空白区来群组和拆分的,有时边框的用途也和空白区一样(22%),还有9%的情况是利用不同的背景色来区分。
* 99%的案例中都是用到标签索引(除了Habrahabr)
* 24%的表单使用谈话式的语气,试图通过标示的对话达到用户所需。在这种环境中通常使用类似“你叫什么?”,“你的Email请告诉我一下?”或者“我想要……”等非正式的语句。
* 38%的网站宁可毅然选择正式商务的语气,友好地让用户填写所需的信息。(例如,“您的用户名”,“确认密码”等等)
* 38%的网站使用系统语言,用户被要求“登录”,“用户密码”,“地址”等等。

总结

* 注册链接的标题大多数是“sign up”(40%)并且被放在右上角。
* 注册表单为了避免分散用户的注意力而使用简单的样式。
* 93%的注册表单是单页表单。
* 41%的注册表单通过解释注册的优势来吸引用户注册。
* 62%的输入框标题是通过加粗高亮的。
* 标签不是都排成一条直线的。
* 设计师试图不用必填项和可选项。
* 86%的注册表单更喜欢用垂直布局的表单。
* 注册表单没有任何hover,active或者focus的特效(84%)。
* 提示和帮助不管是静态(57%)或者动态(33%)都是出现在输入框下方(57%)或者右侧(26%)。
* 状态确认和动态确认一样流行。当然Ajax不是趋势
* 82%不需要email确认
* 72%需要密码确认
* 校验码可用(48%)可不用(52%)
* 92%不用取消按钮
* 提交按钮是左对齐(56%)或者居中对齐(26%)
* 感谢信息激发用户继续探索网站的服务(45%)

相关阅读
栏目导航
推荐软件