用户|B端表格设计指南( 三 ) 闭店|文和友|国潮|点心|吕良

这个时候我们是不是就可以用高级筛选，把筛选都下钻到里面，以弹窗的形式呈现

文章插图
这个时候可能又有小伙伴遇到另外一种场景了，产品涉及了多个角色，每个角色的诉求还不一样。客户粑粑是上帝，没有办法，上帝的需求都得满足。那这个时候自定义就可以出场了????

文章插图
二、数据操作-增删改数据操作主要是针对表格数据的增、删、改。可以从控制范围和操作属性来区分：
控制范围：单行操作、批量操作、全局操作
操作属性：新增数据、编辑数据、删除数据、业务处理
本文主要从控制范围来对数据操作进行拆解。
1. 单行操作单行操作也称行内操作，常见的显性与隐性两种方式。显性操作，操作项显示在行内，直观明了；隐性操作，鼠标悬停时才显示操作项，界面简洁，留更多的空间给需要查看的数据内容，减轻空间压力，减少干扰
显性操作：文字按钮操作项一般不多于三个，图标按钮不多于四个时，操作项跟在行条目后面；当超过时，建议将相对低频操作选项折叠收起，点击”更多”或“…”下拉显示。操作按钮致灰时，鼠标选中可显示原因。

文章插图
隐性操作：如果行操作不那么重要，或者说行操作过于啰嗦影响用户阅读时，可将所有的操作进行隐藏，当用户鼠标悬停时进行展开所有操作。这种方式能最大程度上满足用户快速查看与编辑的需求，但是在实际使用中，用户的初次使用门槛较高，需要有一定的学习成本。

文章插图
2. 批量操作适用于数据量较大的表格，通常把操作放在表外部上方，这样操作更便捷，同时便于批处理和单个操作。批处理操作模式允许用户对一行或多行对象执行操作，通常与复选框操作配合使用，并在选中复选框后激活表上方操作按钮，如删除、批准、拒绝、复制之类的操作，这将节省用户时间，避免重复对多行进行相同操作。通常也分显隐性两种操作
显性批量操作：较为常用，外漏操作简单易懂。
如有赞的批量操作，表格左上角和左下角都有，这样不管用户从上往下选还是从下往上选的场景都能覆盖；飞书的批量操作外漏在表格表格的右上角，虽然按钮放在右侧符合用户右手操作鼠标的习惯，而且考虑到适配问题，但是批量操作的路径不符合用户的操作动线，路径变长，大家可自行抉择

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

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

文章插图
设计优化方向：

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

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