乐趣区

关于产品经理:ToB产品分享-表格设计的六脉神剑

本文作者: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 表头筛选

表头筛选是一种绝对高级的交互。
这种筛选形式罕用于用户对表格的每一列都有筛选诉求的场景:


表头筛选的学习老本最高,且和表头排序容易抵触,筛选值展现也不够直观,一般来说不举荐应用。仅倡议在以下几种状况思考应用:

  1. 空间切实无限或者表格非常灵活;
  2. 用户可能对每一列都有筛选需要(如数据报表、Excel)。
    或者产品布局时对于用户筛选需要不够明确,也可通过这种模式先采集数据,剖析其应用频次,对前期的界面优化进行领导。

06 平铺筛选

对于筛选操作较为高频的状况,倡议将筛选条件平铺,这也是最为常见的筛选模式:


平铺筛选控件的普适性为最强,当没有其余更好想法时,用平铺总是一个好的抉择。
须要留神的是,筛选条件不要过多(遵循 7±2 法令)。

当的确须要反对大量的筛选条件时,有两种解决方案可供参考:1. 用户自行配置筛选条件:对用户来说,单次筛选会用到的条件是无限的;通过可配置的筛选条件,实现检索效率和信息乐音的均衡,对于用户自定义项的体验与利用都有更好的反对;2. 暗藏低频的筛选条件:这种办法须要对用户需要有明确的把握,哪些筛选条件是高频、哪些是低频须要有明确的分界,长处是第一次应用时用户能更快上手。

当然,表格筛选在用户体验上的最优解,是依据用户的偏好实现智能适应。比方说,按应用习惯给用户举荐筛选组合,实现信息展现及检索的千人千面。

目前来说,市面上采纳这种做法的产品极其无限。但个性化、智能化,该当是下一代商业软件须要摸索的方向。


叁 心中无剑

综上所述,各种表格筛选模式各有优劣,在产品设计时,须要了解各种标准和办法背地的准则。同时也要谨记:没有相对的标准,只有绝对的标准。
武侠中有一种境界,叫手中无剑,心中无剑,剑意在心,圆融一体。咱们产品设计过程中,也肯定不要拘泥于模式,要深刻了解业务场景,精确把握用户需要,灵活运用数据分析和 A / B 测试等迷信办法,一直试验出最佳的交互模式,实现产品价值的最大化。
以上,本期次要讲了表格中筛选的局部,心愿大家能有所播种,后续我会继续整理表头、单元格、分页等局部的设计思考。
大家能够关注 LigaAI 的公众号,或订阅咱们的 CSDN,敬请期待~


浏览到更多「toB 产品设计」的教训分享与最佳实际…
关注我的思否账号 @LigaAI,继续接管更多干货分享~
进一步理解咱们的产品,请拜访 LigaAI – 新一代智能研发治理平台

退出移动版