web表单设计研究

经常使用网络的人,都应该于填写过各种各样的表单。注册一个论坛账号,申请一个QQ号,购买一本书……等等事情,只要不是单纯的浏览信息,或多或少的都会填写一些表单,向计算机提供个人信息,真实的也好,虚拟的也罢。在填写这些数据的时候,计算机是否有好的对待你呢?你是否会一遍又一遍的填写相同的数据?不断的刷新,甚至恼怒?“到底想怎样?”“为什么又要再次填写??”“气死我了,换个网站”……也许您在填写这些可恶的表单的时候,也有过这样的情绪反应。不要生气,这些,都是计算的不对,他们没有正常的与您对话。
那么怎么样设计的表单才是合适的表单呢?怎样的对话才是符合人们心智模型的表单设计呢?
接下来,我将根据平时的经验,来跟大家分享一下:
1. 只询问必要的问题,不是必填的不要让用户填,可以放在资料修改的地方,让用户以后再填写,这样可以让用户在很短时间内顺利的继续当前最期望的任务。
例如:用户的家庭住址,网站如果不需要邮寄物品给用户,就没必要询问用户该项,徒增用户的疑惑。反之,如果用户在淘宝购买了一件衣服,网站没有要求用户填写家庭住址,那么用户又该疑惑了,“你们会把东西给我寄到哪里呢?什么时候会问我的地址呢?”。因此表单的内容设计是需要仔细斟酌的,搞清楚什么是该询问的,什么是不该询问的。
2. 记住用户的信息,浏览器有时候会有些突发情况,用户可能会需要刷新自己的网页才可以再继续显示,此时,不要让用户再次面对一个空白的表单,保留尽可能多的内容给用户,减轻他们重新填写的压力吧。
3. 在每个用户出错的时候及时提醒,不要等到提交信息后再给用户打几个大红叉,这样是极不礼貌的行为,用户满心期待的等着成功的信息,结果是满页面的红色出错信息,会增加用户的沮丧感。当焦点离开了填写的区域,计算机应该立即判断用户填写内容的正确性。

4. 在信息量较大的情况下,可以采用让用户填空的方式来填写表单,把每个填写的位置流出来,形成一段话或者一句话的形式,这样比起一问一答的方式要亲切友好。
5. 问答的语言需要从用户的角度出发,不要使用难懂的计算机语言,让用户和计算机之间开始自然的对话。
6. 提交按钮应该设置在必填项都填完后再用彩色显示,未填写完时,变成灰色或者使用其他的文字。不要等用户点击后再刷新页面,然后告诉用户,还有很多项需要继续填写。
7. 设置项目的必填选项提示。不要在页面顶端告诉用户哪些是必须填写的,在每一个必填选项旁记得附上一个标记。不要等到用户满心欢喜的填完了他选择填写的内容,结果却得到一大堆的红色标记,就像小学生整篇试卷上都是红叉那样。
8. 一个国外的设计师这样说:表单的下方一般会有提交(确定)和取消两个常见选项,一般来说,选择提交(确定)的概率会大于选择取消的概率。于是有一个首要选项和次要选项的说法。因此他认为首要动作的按钮应该在视觉上比次要选项突出,可以把首要选项确定项进行加粗,或者把次要选项淡化,减少为一个带下划线的单词。
![]()
【更新】
(表单设计时的首选处理方式和第二处理方式:
9. 早期的表单在设置时一般带有三个按钮,确定,重置和取消。现在的表单中重置按钮已经逐渐走出了我们的视线。用户在填写表单中要求的数据内容的时候,很少有需要把全部信息推翻重写一遍的需求。因此,在现在的表单中,设计师已经去掉了这项多余的按钮。
10. 按钮的名称应该采用有意义的语言来标记用户的动作。一般常见的就是填写完表单后点击确定,提交,取消这样的文字。虽然很简短,但是和用户刚才填写的表单内容没有联系,适用于任何的表单。在注册用户的时候可以使用“立即注册”“马上注册”;提交Blog评论的时候使用“点击立刻发言”,“提交评论”等文字。
简单的表单却让用户有很多的疑惑,设计有良好用户体验的表单来欢迎用户吧。在以后的设计道路上,如果有新的发现会不定期的更新,让我们继续探索吧。




