对于网站Web端表单的交互式设计思考

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

必选项是以什么形式出现在现如今的表单中的呢？

1、表单信息的表现类别 下面是一个关于web表单设计的调查报告，这个结果来源于100个令人瞩目的网站。

41%的网站使用标签右对齐（YouTube, Facebook, Metacafe）

30%的注册表单使用顶端对齐（Behance.net, Wufoo, Tickspot, Mixx, DZone）

29%使用的是标签左对齐（(Digg, Ning, Wykop.pl, 43things, StudiVZ）

2、表单的应用范围 1）注册

2）登陆

3）填写信息（支付，订单填写，个人信息填写等）

4）发布

3、必选项显示形式 1）以*展现形式

a）*在信息标签的左侧

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

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

d）*在信息标签右侧

2）非*必选标志

a）非*icon表现形式

b）无必选项标志（都是必选项）

c）标注非必选项

d）暗提示

4、必选项的深入思考 1）*和非*思考

a）*作为一个用户习惯已经存在了很多年，现在用户只需要看到文本框前面的*就基本知晓其为必选项，有些网站已经将“*为必填项”之类说明文字也直接隐藏了。那么对于这个用户基本不需要太多思考就知晓的图标，对于需要简化用户思考的表单来说确实要优于一些其他的非“*”icon的出现了。

b）有人会疑问一个表单，如果都是必填项，还有必要用*去标志出每个必填项吗？在没有必填项标志的时候，大部分人会有两种不同的理解，一类人会认为，这些均为必填项，而另一类人则会理解为此处均为非必填项，那么在这种情况下，如果标记了必填项可以满足不同人群的思考。

还有人，会疑问在一个表单中大部分项为必填项只有少部分为非必填项时，我们是否可以直接在非必填项旁标志出非必填的标志呢？当一个页面大部分为必填项时，而只有少量非必填项时，非必填项如果做的太弱化会导致整页无法区分必填还是非必填；而如果非必填项做的太过突出的话又反过来突出了页面中需要弱化的信息项，用户反而会去焦点关注在他们可填可不填的项中，有点适得其反。

因此，我还是认为当页面中的表单，无论是全部都是必填项还是大部分必填项，我们还是以“*”标出，这样也能使各类用户都不产生理解性的错误。

当然了，不同情况下的运用当然也有所不同，例如：用户在登陆时的认知，通常用户在登陆时输入项如用户名，密码等信息，而且此些项也基本是必填项，在这种认知的基础上，即使不出现*也不会造成任何理解性问题，那么作为精简原则来说，通常可以去掉*。

c）文本框内必填项暗提示，也是一个比较清晰标志必填项的方式，并且还很节省空间。

但是现在很多网站都在文本框中对文本框填写方式做其他暗提示，这个时候必填项暗提示就相对会被限制使用的范围了。作为必填项暗提示标志，还有两个致命的缺陷就是，当我填写完成时，我并不了解哪些是必填项哪些为非必填项，还有就是对于radiobox、checkbox、下拉框的必填来说也没有很好的解决方案。因此，在使用必填项暗提示时，在表单形式为文本框，并且文本框内无其他暗提示语句的时候也可以使用。

2） *思考

a）用户对于表单的视觉走向