设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 IT综合资讯 查看内容

深度探析如何提高Web表单的可用性

2013-5-6 11:32| 发布者: joejoe0332| 查看: 2097| 评论: 0|原作者: CSDN|来自: CSDN

摘要:   该文是对Smashing Magazine上一篇老文章《An Extensive Guide To Web Form Usability》的译文,温故而知新,希望大家从中可以得到新的收获。  可能与你平时阅读到的资料相反,你在表单中增加华丽的按钮、漂亮 ...

  通过表单的三方面内容解决可用性问题

  尽管表单在布局、功能和目的上各不尽相同,但都包含三方面的内容,正如Caroline Jarrett和Gerry Gaffney合著的《Forms That Work: Designing Web Forms for Usability》一书上所写的那样:

1.关系

表单在用户和公司之间建立了关系。

2.对话

表单在用户和公司之间建立了对话。

3.表现

通过外观表现,表单建立了关系与对话。

要想表单可用,必须解决好这三方面的问题。下面将依次分析这三个方面,看表单需要遵循哪些指导方针,才能真正好用。

  第一方面:关系

  17世纪的英国诗人、讽刺作家、律师和牧师John Donne曾说过:“没有人就是一座孤岛”。确实,人类在关系中成长,比如恋爱关系、友好关系、职业关系或者商务关系。表单是建立、增强用户与公司之间关系的一种方式。如果做得不好,它就会终结此关系。

  鉴于此,便产生了以下规则:

● 关系建立在信任的基础上,因此在表单中建立信任至关重要。通过logo、图像、配色、排版和措辞可达到这一目的。当用户知道表单所属公司是一个真诚的组织,他们就会踏实,安心。

● 每一种关系都有目的,浪漫关系的目的是爱和幸福,商业关系的目的是经济收益。自问一下,你表单的目标是什么?

● 基于表单的目的,为它命名。表单名将告知用户表单是关于什么的,以及他们为什么填写。

● 正如在一段关系中,了解对方是很必要的。了解你的用户,并不断思考表单上的问题是否合适,如果合适,它们是否及时。该思考可以使你的表单更加自然流畅。

● 了解用户,对你选择合适的语言,去除冗余的问题也有很大帮助。这样创建出来的页面才能平衡好你和用户之间的需求。

● 不要问表单范围以外的问题。一段关系中,如果某人问了不合适的问题,你就会对他失去信任。网上同样如此。跟相关股东们商量下哪些信息确实是必须的。

● 性能或界面的突然改变会让用户无所适从。同样,各表单之间以及一个表单的几个步骤之间,绝对不能存在突然变化。

了解你的用户。让注册用户易于登录,让新用户易于注册。在Debenhams网站将这两种表单间的区别做到了最小。


另一方面,Amazon将登陆页面与注册页面进行了融合,大大简化了过程。

  第二方面:对话

  一个表单就是一次对话。一次对话代表着双方之间的相互交流,在这里,双方即为用户与公司。实际上,用户填写表单就是为了与公司交流、对话。

  例如,在社交网站中,用户通过填写注册表单来告知公司他们愿意加入。在接受用户申请时(无论自动还是手动),公司会(以标签的形式)问用户一些问题,如姓氏、名字、电邮地址等。基于用户的接受(或拒绝)情况,公司会给用户以反馈结果,然后完成对话全过程。

  从这个角度来看表单,可以得以下实用指南:

● 正如上面提到的,表单是对话,而不是问话。标签处强势的用语会让用户无法接受,(如果他们并没因此而离去的话)他们最有可能给你一个你想听到的答案,但并非事实。  

● 按逻辑顺序对标签进行排序,以反映对话的自然流程。例如,先问某人一大堆问题后,再问其姓名,不是很奇怪吗?相关度越高的问题越应该放到表单的后面问。

● 将同类信息进行归类,如个人资料归为一类。一组问题接一组问题组成的表单流程更像一次对话。  

雅虎的注册表单通过紫色标题和细线将相关内容进行了有效的归类。


Constant Contact将相关内容进行了归类,但类别太多,让用户感到困惑

● 跟真实对话一样,每个标签每次应该对应一个主题,以帮助用户在相应的输入框中作出回应。

● 对话中自然的停顿,反应到表单中即为留白,如何归类标签,以及是否需要将表单进行分页。

● 任何对话,人们都会因背景噪音而分心。因此,去除诸如banner和不必要导航等让用户分心的杂乱信息。

Dropbox的注册表单是一个很好案例。留白适宜,页面简洁。


酷毙
1

雷人

鲜花

鸡蛋

漂亮

刚表态过的朋友 (1 人)

  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部