INFORMATION

感知未来设计领域新趋势
只为完成想要的,哪怕艰辛一次。

网站表单怎么做才符合用户体验?

Time:2015-01-09

1、浏览器约束

这也不是完全正确的。由于HTMLXHTML都不提供数据确认和用户指导的支持,但你可以将JavaJavaScript applet加入表单元素中,它们可以漂亮地完成确认表单数据,根据用户特入来更新表单字段或引导用户浏览整个表单。

与其他图形化用户界面不同,浏览器的显示是静态的。它们通常没有对实时数据确认的功能,或者是基于用户输入更新表单中的数据这样的功能,不能给用户提供任何帮助或是指导(这也不足完全正确的。由于HTMLXHTML都不提供数据确认和用户指导的支持,但你可以将JavaJavaScript applet加入表单元素中,它们可以漂亮地完成确认表单数据,根据用户输入来更更新表单字段或引导用户浏览整个表单。)。因此,设计很差的网页表单是很难让用户填写的。

一定要确保表单能最大程度地帮助用户,使他们能够正确地输入数据。可以调整文本输人字段的大小,给可接受的输入提供提示,例如,对于邮编字段,5个字符就可以了(新的邮编要9个字符长)。也可以用复选框、单选按钮和选择列表,尽可能地缩小用户可能做出其他选择的范围。也要确定你尽可能充分地给表单做了说明。解释如何填写表单,为每个字段提供示例。如果必要的话,提供一些合适的超链接,指向那些解释每个字段的文件。

提交表单时,确保服务器端的应用程序要尽可能地确认用户的数据。如果发现一个错误,应该向用户提供可靠的错误消息和可能的正确形式。填写表单最困难的是,你不得不从服务器发现错误的时候从头开始填写。为了减少读者这种不必要的重复和负担,可以考虑在服务器端多花点时间和资源,以便返回给用户一些带有错误字段修改标记的完整的表单。虽然这样的建议需要在你付出很多努力,但它们会让你的用户感到便捷,这样的投入会得到很多的回报。记住,只需生成一次表单,但用户可能会使用这样的表单上千次,甚至是上万次。

2、处理受限制的显示

按标准设计表单(和所有的文档)这样可保证在各种大小的窗口中浏览时,它们都是有效的。应该让表单能够自然滚动两或三个逻辑部分。用户可以填写第一个部分,按动下一页,然后填写第二个部分,再下一页,如此下去。还要避免太宽的输人元素。对于一个滚动文本字段或文本部分来说,要不想垂直滚动文件本身就能看到输人元素的其他部分,是很难处理的。

3、用户界面考虑

当你创建一个表单时,同时也就变成了另一个角色:一个用户界面的设计者。虽然本书不包括用户界面设计的详细讨论和介绍,但是理解几种基本的设计规则对创建有效并且有吸引力的表单来说还是很有帮助的。

任何用户界面都会同时在不同层次上体现。表单也不例外。在最低层次上,人的大脑会认出文件中的类型,试图给表单中的元素分类。在稍高一点的层次上,会阅读到文本指引和提示符,试图确定你需要输人哪部分文本。在最高层次上,你将努力完成将界面看成是一种工具这一目标。

一个好的表单会包括所有这三种层次,以供用户理解。输入元素应该按照逻辑组别组织起来,这样你的大脑可以按照相关字段来处理表单的布局。一致的、写得很好的提示符和支持文本会给用户提供帮助和指引,让他们输入正确的信息。文本提示符也会让用户想起目前的任务,从而加强表单的目标。

4、创建流动的表单

用户会按照预定的顺序来处理表单,一个元素接着另一个元素,结束前一个元素时会试图找到下一个元素。为了适应这个查找过程,你应该这样设计自己的表单,让一个字段很自然地跟着另一个,并且相关字段都是在一起。同样,各个组别也应该很自然地一个跟着另一个,并且应该以固定的模式定义其格式。只是简单地将一些字段连起来并不能替代一个有效的表单。你必须将你自己放在用户的位置上,他们都是第一次使用表单。在发布给公众之前,先把表单交给一些信任的朋友和同事,让他们来测试一下。是不是很容易就可明白表单的目的?应该在哪里开始填写?用户是不是能找到一个按钮来提交表单?有什么机会来确认决定吗?网站用户明白每一个字段中应该填写什么吗?

你的表单应该很自然地引领着用户,让用户为应用程序提供必需的信息。不要在询问用户姓名之前询问地址信息,另一些规则会说明其他输入元素组的顺序。为了明确表单是否真能正常工作,要在多个浏览器上查看,并让多个人填写,让他们给出有效性的评价。


标签:上海网站建设上海网站制作网站制作公司

注:转载本文请注明出处http://www.ocean-ad.cn澳煦互动

热门资讯

Copyright © 2007-2024 澳煦互动 Ocean Network ALL RIGHTS RESERVED.