操作项|B端表格设计指南( 四 )

显性批量操作：较为常用，外漏操作简单易懂。
如有赞的批量操作，表格左上角和左下角都有，这样不管用户从上往下选还是从下往上选的场景都能覆盖；飞书的批量操作外漏在表格表格的右上角，虽然按钮放在右侧符合用户右手操作鼠标的习惯，而且考虑到适配问题，但是批量操作的路径不符合用户的操作动线，路径变长，大家可自行抉择

文章插图
隐性批量操作：容易造成记忆负担，增加学习成本，适合批量操作较低频的操作，产品没有那么复杂的产品。如飞书文档

文章插图
3. 全局操作统揽全局，无需选择数据内容即可进行的操作，常见的【新增】、【导入】操作。
三种操作：两个在表格外，一个在表格内，那么很自然的我们会遇到一个问题，一个功能该放在哪呢？下面我通过一个案例来说明。
4. 案例-数据操作优化产品现状：在HRM系统中，不同的权限使每行的数据拥有不同的操作项，而且这些操作因为视觉特征比较显眼，容易分散用户的注意力，且因表格空间有限，操作区的各操作项过于接近，误操作率相对较高。

文章插图
设计优化方向：

业务目标-提升数据操作效率；
设计目标-降低误操作率，让用户聚焦内容；
设计策略-控制操作项的显示数量，将操作项分类

【操作项|B端表格设计指南】Step 1：分析操作控制范围
习惯上我们会认为一行数据是对某一个对象实例的描述，比如在上图表格中，一行数据是对某个待入职员工的描述，包括他的姓名、工号、在职状态等等。所以表格内的操作也是针对这个对象的。
一般我会把一次只能针对一个对象操作的功能放在表格内，比如和【编辑】，因为查看详情不太可能一次查看多个对象，编辑修改信息也是。那么反过来，不属于任何一个对象实例的功能就需要放在表格外的操作栏，比如说【新增】。另外一种需要放在表格外的功能是批量操作，因为批量操作需要对多行数据进行同时操作，也不是属于单个对象实例的。以此为依据将图中操作分类如下：

文章插图
大家应该也有遇到过按钮像案例中【删除】、【入职生效】既可以作为行内操作，也可以作为批量操作的问题。作为行内操作，优点是更便捷，；表外作为是批量操作，这样更方便的同时操作多个数据，但如果只是操作单个数据时就会增加用户的操作步骤。或者两种方式都提供，虽然更灵活但是会让页面比较冗余。
其实怎么选择还是要根据具体业务场景来决定，首先判断这俩操作是不是高频功能。在我们的业务功能中，已入职和离职的员工在该页面不能操作删除，且【删除】是相对低频地，完全可以只提供单个删除功能。【入职生效】作为高频功能，与产品经理讨论后提供行内操作和批量操作，选择这个方案的原因是，该功能作为行内操作已上线运营了1年时间，移除会产生学习成本。
Step 2：判断摆放位置
批量操作常见的摆放位置有三种形式。
方案一：和全局操作一起置于表左上方或右上方
因批量操作需要勾选左边复选框，放置在表右上方不符合操作动效，本着效率至上的原则，此处不考虑放在右上方。
优点：操作项信息前置能清楚的知道有哪些功能，无需用户记忆
缺点：但当批量操作较多时，会挤占页面空间，导致操作按钮很多，不易查找