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


操作项|B端表格设计指南
文章插图
3. 组合筛选在企业级中后台中,用户查看的数据往往属性较多且不唯一,通过简单的检索方式很难精确定位到目标数据,所以,在实际使用时,常会将大量非交叉关系的属性进行罗列,搜索、筛选、标签切换组合出现,形成多属性组合检索。
而筛选项互相组合,其展示方式分为平铺和折叠两种。
3.1 平铺显示
选用对用户决策有意义、操作频次高的属性作为直接展示的组合检索条件,建议数量最好不超过5个(7±2法则)。
优点:大而全能最大限度避免检索条件疏漏的可用性问题
缺点:易用性不高。大而全可能为用户带来繁杂的第一印象,都是重点等于没有重点,增加用户的决策时间。
操作项|B端表格设计指南
文章插图
3.2 折叠展示
如果多属性组合检索中的一部分检索条件不是高频率使用的,但又是必须存在的,
可通过折叠的方式将这部分检索条件隐藏起来,将高频率使用的、数据覆盖面广的1-3个属性直接展示出来。
操作项|B端表格设计指南
文章插图
总结思考
在设置组合检索项时,应考虑每一项检索甚至是多属性组合检索是否有必要。需从实际场景出发,根据用户对各个检索项的使用频率及组合检索项的数量,来决定组合检索项是直接展示还是折叠展示;以及哪些属性直接展示,哪些属性折叠展示,为各检索项安排合理的展示方式。
案例一:不同筛选数据位置的摆放案例讲解前先开动大家聪明的小脑瓜思考????两个小问题:
问题1:
报表管理里面有一个吞吐量统计、舰次(舰是船的意思)和箱量的统计,一个是放在左图中筛选的最上方用我们带小横线的这个标签页默认样式,一个是用胶囊的样式放在筛选最下方表格的上方。这两个哪个的用法是正确呢?
操作项|B端表格设计指南
文章插图
5、4、3、2、1…
先来说下结论吧:左图是正确的
原因:首先分析下吞吐量、舰次、箱量三者的关系,很明显,他们和状态、时间的流转是没有关系的,它是不同类型的数据,三个tab的切换有可能就会影响到下面筛选项和表格的字段。所以他的层级是最高的,左图的位置正确
问题2:
如果还有在场箱、已出闸、已在船三个类别,那这三个tab标签是放在左图还是右图合适?
操作项|B端表格设计指南
文章插图
答案是:右图是正确的
原因:这三个tab是状态和过程的流转有关系,他们是同类型的的数据集,和上面日期、港区的选择是同一个层级的,不会互相影响,之所以把它拿出来呢,是因为它这个筛选比较常用,本质上也是把这个选项给平铺出来了,方便用户查找。
我们再来总结一下案例中tab的用法。不同性质的数据集分类放在表格的顶部,下面的筛选和表格都是它的子维度。同性质,不同状态流程的筛选条件如果比较高频,可以从细分纬度的筛选条件中拿出来,紧挨在表格上方
操作项|B端表格设计指南
文章插图
案例二:会员筛选优化比如说这我们以一个会员的这个筛选为例,我们的产品经理在做需求的时候,特别喜欢按照业务逻辑来做一个去梳理。
对会员的筛选,首页是这个人是不是会员,初始的注册时间,然后会员的来源、性别营销顾问等等,然后她的标签是什么,都有什么卡,然后再往后面耗费次数怎么样呢?积分怎么样?做这样的一个逻辑。