当前位置:主页 > 网页教程 > 网页制作 > 制作技巧 > 内容欢迎大家投稿

如何让网页表单成为完美的友好用户界面(2)

时间:2009-09-23 08:36来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

  不过,如果有任意一种色彩来表示注册成功的话,它应该就是绿色,97%的网站表示成功的视觉就是用绿色的。

  3.6有必要确认Email吗?

  只有18%的网站需要确认Email(例如,Odeo, Ning)。老实说,我们实在没有任何理由让用户重复输入email地址,毕竟用户能够看到他们输的是什么,因为email地址的区域不像是密码区域那样是以星状显示的,对吧?

  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%是直接跳转到首页。

  更多的发现

  • 99%的案例中都是用到标签索引(除了Habrahabr)
  • 24%的表单使用谈话式的语气,试图通过标示的对话达到用户所需。在这种环境中通常使用类似“你叫什么?”,“你的Email请告诉我一下?”或者“我想要……”等非正式的语句。
  • 38%的网站宁可毅然选择正式商务的语气,友好地让用户填写所需的信息。(例如,“您的用户名”,“确认密码”等等)
  • 38%的网站使用系统语言,用户被要求“登录”,“用户密码”,“地址”等等。

  概要

  让我们对以上调研进行简单的回顾和总结。请记住我们只考虑注册表单。

  • 注册表单没有任何hover,active或者focus的特效(84%)。
  • 提示和帮助不管是静态(57%)或者动态(33%)都是出现在输入框下方(57%)或者右侧(26%)。
  • 状态确认和动态确认一样流行。当然Ajax不是趋势
  • 82%不需要email确认
  • 72%需要密码确认
  • 校验码可用(48%)可不用(52%)(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接