本文作者：LigaAI PM 相如
“如果 10 年后我再有机会写一本中国企业史的话，我大略会把 2020 年定义为企业服务软件的元年。”在出名财经作家吴晓波老师笔下，企业服务“再次”迎来元年，元年又元年，元年何其多。B 端产品什么时候能真正站起来？不禁令人气抖冷！
不过这也恰印证了企服赛道的日渐炽热。这股浪潮之下，许多小伙伴可能也无意转战 B 端，作为一个正在 B 端奋战的产品汪，我想跟大家分享一些 toB 产品设计的思考。
在 LigaAI 的产品设计中，我负责表格局部。借此机会，想写一系列文章，跟大家探讨 B 端产品中「表格」组件的利用，权当抛砖引玉。
壹 谁与争锋
讲具体的设计思路之前，我想先聊聊 信息密度。
对于 B 端产品来说，须要用户解决的信息繁冗水平远超 C 端产品。如何应用最小的载体去承载更多的信息，这是一个问题。B 端产品绝对 C 端产品来说，场景更多元。如何用一套性能界面，满足不同企业、不同业务模式、不同治理办法的多样场景，这是第二个问题。
表格，被公认为展示数据最为清晰、高效的模式之一，也是很常见的用户界面工具。其信息丰盛度、实用性和通配能力，在 toB 产品中更是得以大施拳脚。近两年的 Airtable、维格表等产品的炽热也证实了这一点。
除此之外，表格还有开发成本低、可扩展性强等隐性长处，完满的符合了 B 端产品的要求，能够说得上是 B 端产品的屠龙宝刀。那么，要如何设计功能强大、体验优异的表格界面呢？
贰 见招拆招
拆之一字，对应到表格利用里，体现为其外围性能：筛选。
这是一种十分通用的信息演绎与检索的办法，次要实用的场景为数据条数不可控或者数据类目较多的状况，其目标是：将用户所关注的信息展现进去，屏蔽有效的信息。
筛选的模式多种多样，上面我会以几种常见的交互模式来举例说明：
01 Tab
对于某些高频应用、权重高的筛选条件，倡议提出来作为 tab 固定在工具栏，如下图所示：
对于 tab 筛选来说，须要审慎应用，肯定要十分确定提供的 tab 是用户最高频应用、最须要关怀的筛选条件。
同时，还须要遵循 7±2 法令，不可平铺太多选项值，否则就会造成信息噪声，反而升高用户的检索效率。tab 的选项值排序也该当依照用户抉择频次从高到底顺次排列，默认值个别为全量数据（或者该场景下最高频查看的数据）。
Tips：进一步理解「7±2 法令」，请关注 LigaAI 公众号，后盾回复 7+2 或 7-2 获取具体介绍
02 全局下拉
对于一些权重高的筛选，但因为选项值较多或比拟灵便，或者须要多选的状况下，tab 不适应的状况下，可应用全局下拉进行筛选，如下图所示：
全局下拉和 tab 的取舍在于选项数量和灵便度。
绝对 tab 来说，全局下拉更为灵便，选项值能够是固定的也能够是用户自定义的；毛病是交互较为暗藏，须要更高的学习老本，且选项值展现不够直观。
同样，全局下拉也须要保障筛选条件是权重最高的。另外，一般来说，全局下拉不倡议有提交按钮，否则交互门路会过长。
03 分组
分组是一个绝对较重的交互模式，实用于内容区分度显著，分组间场景差别较大的状况。最常见的例子：邮件分组，或视图切换。
一个交互倡议：应用表格分组式，可反对折叠分组区域，以减少内容显示面积。
04 暗藏筛选
对于筛选操作低频、筛选条件高度灵便，或者应用高级筛选（蕴含运算规定）的状况，能够将筛选条件暗藏，只提供一个入口，通过模态弹框的模式实现筛选性能：
暗藏筛选的做法常见于可定制化的产品。一般来说，只有筛选操作较为低频时，才会抉择此种交互模式，否则还是倡议采纳其余的筛选模式。
05 表头筛选
表头筛选是一种绝对高级的交互。
这种筛选形式罕用于用户对表格的每一列都有筛选诉求的场景：
表头筛选的学习老本最高，且和表头排序容易抵触，筛选值展现也不够直观，一般来说不举荐应用。仅倡议在以下几种状况思考应用：
- 空间切实无限或者表格非常灵活；
- 用户可能对每一列都有筛选需要（如数据报表、Excel）。
或者产品布局时对于用户筛选需要不够明确，也可通过这种模式先采集数据，剖析其应用频次，对前期的界面优化进行领导。
06 平铺筛选
对于筛选操作较为高频的状况，倡议将筛选条件平铺，这也是最为常见的筛选模式：
平铺筛选控件的普适性为最强，当没有其余更好想法时，用平铺总是一个好的抉择。
须要留神的是，筛选条件不要过多（遵循 7±2 法令）。
当的确须要反对大量的筛选条件时，有两种解决方案可供参考：1. 用户自行配置筛选条件：对用户来说，单次筛选会用到的条件是无限的；通过可配置的筛选条件，实现检索效率和信息乐音的均衡，对于用户自定义项的体验与利用都有更好的反对；2. 暗藏低频的筛选条件：这种办法须要对用户需要有明确的把握，哪些筛选条件是高频、哪些是低频须要有明确的分界，长处是第一次应用时用户能更快上手。
当然，表格筛选在用户体验上的最优解，是依据用户的偏好实现智能适应。比方说，按应用习惯给用户举荐筛选组合，实现信息展现及检索的千人千面。
目前来说，市面上采纳这种做法的产品极其无限。但个性化、智能化，该当是下一代商业软件须要摸索的方向。
叁 心中无剑
综上所述，各种表格筛选模式各有优劣，在产品设计时，须要了解各种标准和办法背地的准则。同时也要谨记：没有相对的标准，只有绝对的标准。
武侠中有一种境界，叫手中无剑，心中无剑，剑意在心，圆融一体。咱们产品设计过程中，也肯定不要拘泥于模式，要深刻了解业务场景，精确把握用户需要，灵活运用数据分析和 A / B 测试等迷信办法，一直试验出最佳的交互模式，实现产品价值的最大化。
以上，本期次要讲了表格中筛选的局部，心愿大家能有所播种，后续我会继续整理表头、单元格、分页等局部的设计思考。
大家能够关注 LigaAI 的公众号，或订阅咱们的 CSDN，敬请期待~
浏览到更多「toB 产品设计」的教训分享与最佳实际…
关注我的思否账号 @LigaAI，继续接管更多干货分享~
进一步理解咱们的产品，请拜访 LigaAI – 新一代智能研发治理平台