四个表单设计规则

发布时间:2017-09-25

1.优先保证表单的可浏览性

很早之前Jakob Nielsen的研究告诉我们,用户通常只是快速浏览网页而不是细致地从上到下阅读。在填写表单的时候也是这样,尽管设计者希望填写者全心全意,用户也未必如你所愿。让用户能够高效的浏览表单,对避免错填漏填至关重要,尤其是当表单是用户只能填写一次的时候(比如电子商务地址表单,注册表单等等)。关于标签的位置已经有了很多研究,然而这场辩论还在继续。表单大师Luke Wroblewski在研究中确定,用户对标签顶部对齐的表单完成时间最短,因为此种方式减少了眼球运动的需要量。在通常意义的表单标签中,右对齐的方式能让用户第二快的完成表单,尤其建议在当页面高度有限时使用这种方式。虽然左对齐标签的表单用户完成的最慢,但是当表单需填写的数据不太常见时,这种方式能提高理解。如果将标签作为框内提示文字,帮助性也不大。一旦表单获取点击焦点,提示文字就消失了,用户不再能看见它。这会让用户产生短期记忆的压力而增加错误的机率。

即使把标签分开,另外增加框内提示文字,用户乍一看上去也会觉得像已经填写了的样子。举个例子,Nielsen Norman Group曾做过的一项眼球追踪研究就说明,空的输入框比有提示文字的输入框更能引起用户的关注,而且与空的输入框相比,用户更容易忽略有提示文字的输入框。换句话说,被认为是有用的表单提示文本其实弊大于利,尤其是对习惯大致浏览的用户。

2.提供更易填写的表单格式

以前,在填写表格时用户有很多的猜测。“我的电话号码应该是哪种格式?我的信用卡有没有少输一位?这个键盘上的符号“@”在哪里?” 新技术使我们能够不让用户被这些疑虑困扰,提供更清爽的体验。帮助用户格式化输入文本的输入掩码,虽然在外观上与提示文字类似,其实有明显的不同。首先,掩码只出现在用户点击输入框的时候,避免了上述浏览障碍的问题。其次,输入的文字自动应用正确的文本格式,让用户将填充字段时的焦点放在所需的数据上,这样更容易注意到错误。在下面的例子中,填写电话号码时括号和破折号自动填充。 

3.限制输入

如今越来越多的人用小屏的移动设备,我们需要考虑到小屏的使用场景,避免用户不必要的输入,在提高用户满意度的同时还可以减少错误率。在网上注册表单中地址的填写常常是最麻烦的,因为包括多个字段,长长的地址名。通过把长地址拆解为单个字段,不仅有助于让用户聚焦在输入上(是的他们总是会频繁切换页面),也削减了大量的输入。

4.利用定位

虽然调用定位数据常用在移动应用程序中,但是我们不能忘记在所有的平板电脑和台式机上也可以使用。特别是当在触摸屏上打字很麻烦时,基于位置的信息预填充可以节省用户宝贵的时间并提高转化率。

诺德斯特龙百货网站的产品详情页就是这种技术的一个很好的例子,产品利用定位完全跳过了表单填写。页面调用定位信息,并在最接近的商店自动查找项目的库存,而不是要求用户输入邮政编码来获取地址。这样不仅仅节省了用户的时间,还可以让用户直接看到“最近店面地址”这个有用的信息。