web表单设计研究

e8a1a8e58d95e8aebee8aea1

经常使用网络的人,都应该于填写过各种各样的表单。注册一个论坛账号,申请一个QQ号,购买一本书……等等事情,只要不是单纯的浏览信息,或多或少的都会填写一些表单,向计算机提供个人信息,真实的也好,虚拟的也罢。在填写这些数据的时候,计算机是否有好的对待你呢?你是否会一遍又一遍的填写相同的数据?不断的刷新,甚至恼怒?“到底想怎样?”“为什么又要再次填写??”“气死我了,换个网站”……也许您在填写这些可恶的表单的时候,也有过这样的情绪反应。不要生气,这些,都是计算的不对,他们没有正常的与您对话。
那么怎么样设计的表单才是合适的表单呢?怎样的对话才是符合人们心智模型的表单设计呢?
接下来,我将根据平时的经验,来跟大家分享一下:
1.    只询问必要的问题,不是必填的不要让用户填,可以放在资料修改的地方,让用户以后再填写,这样可以让用户在很短时间内顺利的继续当前最期望的任务。
例如:用户的家庭住址,网站如果不需要邮寄物品给用户,就没必要询问用户该项,徒增用户的疑惑。反之,如果用户在淘宝购买了一件衣服,网站没有要求用户填写家庭住址,那么用户又该疑惑了,“你们会把东西给我寄到哪里呢?什么时候会问我的地址呢?”。因此表单的内容设计是需要仔细斟酌的,搞清楚什么是该询问的,什么是不该询问的。

2.    记住用户的信息,浏览器有时候会有些突发情况,用户可能会需要刷新自己的网页才可以再继续显示,此时,不要让用户再次面对一个空白的表单,保留尽可能多的内容给用户,减轻他们重新填写的压力吧。

3.    在每个用户出错的时候及时提醒,不要等到提交信息后再给用户打几个大红叉,这样是极不礼貌的行为,用户满心期待的等着成功的信息,结果是满页面的红色出错信息,会增加用户的沮丧感。当焦点离开了填写的区域,计算机应该立即判断用户填写内容的正确性。

e69caae6a087e9a298-3

4.    在信息量较大的情况下,可以采用让用户填空的方式来填写表单,把每个填写的位置流出来,形成一段话或者一句话的形式,这样比起一问一答的方式要亲切友好。

5.    问答的语言需要从用户的角度出发,不要使用难懂的计算机语言,让用户和计算机之间开始自然的对话。

6.    提交按钮应该设置在必填项都填完后再用彩色显示,未填写完时,变成灰色或者使用其他的文字。不要等用户点击后再刷新页面,然后告诉用户,还有很多项需要继续填写。

7.    设置项目的必填选项提示。不要在页面顶端告诉用户哪些是必须填写的,在每一个必填选项旁记得附上一个标记。不要等到用户满心欢喜的填完了他选择填写的内容,结果却得到一大堆的红色标记,就像小学生整篇试卷上都是红叉那样。

8.    一个国外的设计师这样说:表单的下方一般会有提交(确定)和取消两个常见选项,一般来说,选择提交(确定)的概率会大于选择取消的概率。于是有一个首要选项和次要选项的说法。因此他认为首要动作的按钮应该在视觉上比次要选项突出,可以把首要选项确定项进行加粗,或者把次要选项淡化,减少为一个带下划线的单词。

e69caae6a087e9a298-4

903-4126645a45b97531

【更新】

(表单设计时的首选处理方式和第二处理方式

在设计时应该有一个更希望用户使用的选择,比如注册和取消注册之间,设计师应该在设计上引导用户选择注册选项而不是取消选项。因此在设计这两个按钮时就应该会有不一样的设计,这样的设计对用户能够有一个选择倾向性的暗示。
这样设计注册的按钮变得更为突出也更容易点击了,大按钮牵引用户的视线,用户选择更容易。
注册按钮在左边让习惯使用tab键切换的用户预先到达按钮位置,这也再次验证了我们设计时将焦点集中在可能性更大的选项上。)

9.    早期的表单在设置时一般带有三个按钮,确定,重置和取消。现在的表单中重置按钮已经逐渐走出了我们的视线。用户在填写表单中要求的数据内容的时候,很少有需要把全部信息推翻重写一遍的需求。因此,在现在的表单中,设计师已经去掉了这项多余的按钮。

10.    按钮的名称应该采用有意义的语言来标记用户的动作。一般常见的就是填写完表单后点击确定,提交,取消这样的文字。虽然很简短,但是和用户刚才填写的表单内容没有联系,适用于任何的表单。在注册用户的时候可以使用“立即注册”“马上注册”;提交Blog评论的时候使用“点击立刻发言”,“提交评论”等文字。

简单的表单却让用户有很多的疑惑,设计有良好用户体验的表单来欢迎用户吧。在以后的设计道路上,如果有新的发现会不定期的更新,让我们继续探索吧。

来,说点儿什么吧!

你想说的:


Get Adobe Flash playerPlugin by wpburn.com wordpress themes