当前位置:首页 > 经验学习 > 交互设计

细节思考表单交互设计之必选项思考

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

每当页面中出现洋洋洒洒的表单,用户就会开始感到头疼,有些用户就hui(会)直接选择放弃,而我想讨论的是,如何面对表单时让用户直接注意他们需要填写的必填项,减少不需要的信息的干扰。

必选项是以什么形式出现在现如今的表单中的呢?
下Mian(面)是一个关于web表单设计的调查报告,zhe(这)个结果来源于100个令人瞩目的网站。
41%的网站使用标签右对齐 (YouTube, Facebook, Metacafe)
30%的注册表dan(单)使用顶端对齐(Behance.net, Wufoo, Tickspot, Mixx, DZone)
29%使用的是标签左对qi(齐)((Digg, Ning, Wykop.pl, 43things, StudiVZ)

1) 注册
2) 登陆
3) 填写信息(支付,订单填写,个人信息填写等)
4) fa(发)布
1)以*展现形式
a)*在信息标签的左侧

b)*在信息标签和填写信息的右侧

c)*在信息标签和填写信息的当中位置

d)*在信息标签右侧

2)非*必选标志
a)非*iconbiao(表)现形式

b)无必选项标志(都是必选xiang(项))

c)标注非必选项

d)暗提示

1)*和非*思考
a)*作为一个用户习惯已经存在了hen(很)多年,现在用户只需要看Dao(到)文本框前面的*就基本知晓其为必选项,有些网站已经将“*为必填项”之类说明文字也直接隐藏了。那么对于这个用户基本不需要太多思考就知晓的图标,对于需要简化用户思考的表单来说确实要优于一些其他的非“*”icon的出现了。
b)有人会疑问一个表单,如果都是必填项,还有必要用*去标志出每个必填项吗?在没有必填项标zhi(志)的时候,大部分人会有两种不同的理解,一类人会认为,这些jun(均)为必填项,而另一类人则会理解为此处均为非必填项,那么在这种情况下,如果标记了必填项可以满足不同人群的思考。
还有人,会疑问在一个表单中大部分项为必填项只有少部分为非必填项时,我们是否可以直接在非必填项旁标志出非必填的标志呢?当一个页面大部分为必填项时,而只you(有)少量非必填项时,非必填项如果做的太弱化会导致整页无法区分必填还是非必填;而如果非必填项做的太过突出的话又反过来突出了页面中需要弱化的信息项,用户反而会去焦点关注在他们可填可不填的项zhong(中),有点适得其反。
因此,我还是认为当页面中的表单,无论是全部都是Bi(Bi(必))填项还是大部分必填项,我们还是以“*”标出,这样也能使各类用户都不chan(产)生理解性的错误。
当然了,不同情况下的运用当然也有所不同,例如:用户在登陆时的认知,通常用户在登陆时输入项如用户名,密码等信息,而且此些项也基本是Bi(必)填项,在这种认知的基础上,即使不出现*也不会造成任何理解性问题,那么作为精简原则来说,通常可以去掉*。
c)文本框内必填项暗提示,也是一个比较清晰标志必填xiang(项)的方式,并且还很节省空间。
但是现在很多网站都在文本框中对文本框填写方式做其他暗提示,这个时候必填项暗提示就相对会被限制使用的范围了。作为必填项暗提示标志,还有两个致命的缺陷就是,当我填写完成时,我并不了解哪些是必填项哪些为非必填项,还you(有)就是dui(对)于radiobox、checkbox、下拉框的必填来说也没有很好的解决方案。因此,在使用必填项暗提示时,在表单形式为文本框,并且文本框内无其他暗提示语句的时候也可以使用。
2) *思考
a)用户对于表单的视觉走向



从这张热点图中可以看出,对于表单类别的视觉走向是以左边标签为主向右延展。大部分用户集中在标签位置,通常用户填写顺序也shi(是)从上至下的,从左至右,较少用户会选择tiao(跳)跃式的填写模式。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: