表单设计-效率表单

任何互联网公司的产品看似都是由简单的设计组建构成，表单是大家经常能看到的基本的设计元素；表单对于公司网站的重要性是毋庸置疑的，提交订单、申请服务、沟通反馈等大大小小的需求都是以表单的形式承载的。但越是看似简单的设计，背后却越需要严谨的深思熟虑，才能起到它所能起到的作用。

一、表单的构成

说起表单，大家脑海里可能就会出现这样的一个图

一个标准样式的表单包括：标题、标签、输入控件、引导提示、反馈和行动按钮

二、效率表单

因为公司做的大多是toB的业务，那么今天就聊一下效率表单的一些设计思考：效率表单是以提升用户填写表单效率为目标的表单，设计核心是为了增加用户完成的效率

如我们网站有提供给公司客户的用车等相关服务，帮助用户解决找车，找司机，完成交付等环节的服务，客户购买我们的服务，就可以通过我们的系统自助下单来完成订单的提交；对于一个企业客户来说，因为这是他商业上的必需行动，无论如何也要完成这个表单的填写，所以这种情况下，转换率或丰富度已经不是我们需要考虑的因素，如何帮助用户更快更高效地完成这个表单，才应该是设计的初衷。

设计原则一：信息组织清晰便于操作，减少页面跳转

1、实现用户的最简操作成本

这是提高效率的最直接的方法，简化操作成本一个做法就是尽量地平铺信息，减少信息层级。比如单项的操作，如果选项不多，又有足够的空间位置，平铺展开所有的选项往往比下拉列表的方式更快捷

当表单信息量过大时，全部平铺的设计会造成用户的压力，这个时候要考虑做分批处理，减少压力和区块间的干扰，可以在设计时，依照信息的逻辑进行划分，归纳为几个步骤，避免表单过程，同时也减少了用户浏览障碍

如下图的修改密码流程，分步骤逐步完成，减轻用户心理压力

2、尽量避免页面跳转

页面的跳转势必造成重新加载和刷新，这本身就会耗费一定的时间，此外，跳转还会造成用户行为的中断，以及浏览的不顺畅

3、避免行为中断

如果有时候不可避免地需要中断，可采用叠层设计，便于返回，如下图，点击设置按钮，当前页面出现弹窗，完成内容设置操作

设计原则二：尽可能提供技术的帮助和验证纠错

1、提供默认值

对于一些可以预先判断的字段，可以提供默人值，这样可以降低绝大多数用户的输入成本。

如去哪儿网上购买国际港澳台机票，当选择往返类型时，出发地基于地理位置定位默认北京，机票类型默认为全票（即成人，儿童几乎不可能自己订票），往返日期默认为一周的时间段（出国一般最少也要一周的时长），这样下来，大多数情况下，只需要填写一下到达的地点即可，很大程度上减少了用户的操作。

2、智能填充

表单的设计要更加趋于智能，尽量做到智能判断填充，以及联想输入匹配。

如淘宝新增收货地址的表单，所在地区基于地理位置自动选择中国大陆，手机前面的国家区号会自动填充

3、信息自动关联同步

对于一些信息关联字段，默人填写，提供用户手动修改的权限就好

比如饿了么在下订单时，会基于用户的地理位置会自动在用户的地址列表里选择配送地址，不但减少了用户操作，而且还大大避免了因忘记更改默认送货地址导致的麻烦

再如在选择客户时，若客户较多，可加入搜索功能，根据输入的关键字段模糊关联出相应的客户名称，可大大提高客户的搜索效率

4、即时校验

效率表单最好能对字段做到实时校验，这样，越及时地反馈错误，越有利与整个表单填写的效率

设计原则三：支持高速的输入手段

简化输入模式能明显提升操作效率，因此在设计时，可以考虑支持一些快捷方式，比如在填写完表单后，按回车即可提交表单（与页面上的提交按钮同等功效）；点击键盘上的tab键，焦点可以自动落到下一个填写项目，对于一些需要专门大批量处理这类表单的用户来说，这样的操作可以节约大量的时间

设计原则四：采用情感化激励

对于很多新用户，第一次填写表单时，可以考虑给予一些情感化的引导，这样可以避免用户的焦躁情绪；比如给予有效的用时提醒，在某些填写中断状态下，也可以引导返回继续操作。

总结：

效率表单是以引导用户快速便利完成表单填写为目的，使用场景如用户自主流程操作表单。设计原则要做到信息组织直观、降低输入难度、及时校验纠错。