在表单设计时，该如何选择合适的交互形式呢

一些同学在设计B端表单时，不知道需要考虑哪些问题，直接使用Ant Design提供的表单模版，或者参考竞品，上线后用户反馈难用，产品反馈拓展性低。

那么该如何提高B端表单操作效率呢？这里有7个技巧分享给大家。

目录

1. 不滥用表单的交互形式；
2. 将复杂表单进行合理的归纳简化；
3. 复杂表单布局要考虑关联性；
4. 表单视觉可以不平衡；
5. 标签对齐方式要选对；
6. 表单页面要考虑适配方式；
7. 输入框不用整齐划一，可以错落有致。

一、不滥用表单的交互形式

表单的交互设计，有时候往往会被设计所忽略，或者所有交互都采用弹窗，本可以气泡卡片一步解决，使用弹窗却要两步完成，本需要界面跳转承载复杂表单，却使用弹窗不停滚动。

在表单设计时，该如何选择合适的交互形式呢？首先我们需要了解常用的交互形式有哪些。

常用的交互形式主要有：原位编辑、气泡卡片、弹窗、抽屉、全屏弹窗、页面跳转等。

表单交互方式的选择，我们可以参考 Ant Design 表单设计规范，从关联性和复杂度进行判断，在选择时，我们优先考虑信息的复杂度，其次在考虑相关性。

1）当信息复杂度低，同时相关性高时，我们可以选择原位编辑/气泡卡片、弹窗的交互方式。

比如钉钉任务详情页面的数据编辑，相关度极高，同时信息不复杂，那么就可选择原位编辑，在使用原位编辑时，需要根据业务进行判断，是否有必要进行原位编辑。

而Ones的筛选，其数据量相对较多，但是相关性极高，那么就可以选择气泡的形式；有赞教育绑定销售员，采用了弹窗的形式，这里也可采取气泡的形式。

2）当信息复杂度高，但关联性也较高时，我们可以使用抽屉、全屏弹窗的交互方式。

比如神策数据，信息量较为复杂，同时有一定相关性，数据创建后即可在列表中查看；但是当数据特别复杂，同时新增入口位置较多时，可采用全屏弹窗的方式，在CRM行业较常见，比如销帮帮。

其优势是，当从详情页进行新增或编辑时，编辑完成后，详情页数据即可展示当前新增的信息，如果是页面表单，需要刷新数据才可以查看到，体验感较低。

3）当信息复杂度高或信息独立时，我们可以使用页面的交互方式。