B端设计:盘点筛选控件的基本知识

访客4年前黑客文章799

对B端产品来说,由于业务逻辑与系统设计的限制,所以筛选逻辑更为复杂,为设计增加了不少难度。而笔者也结合为公司B端系统做的一次设计调整,为我们分享筛选功能的基本知识,希望对你有所启发。

B端设计:盘点筛选控件的基本知识

首先我们先从筛选本身讲起吧~

筛选可以说是我使用比较频繁的一种交互形式,比如我点外卖,会选择满减优惠力度大,同时我也可以选择在哪一个价格区间内的产品,这就会用到筛选。

而到了B端产品上来,一个CRM系统当中,筛选的逻辑也会比移动端的复杂,伴随着:且关系、或关系、大于、小于等等这样复杂的筛选形式,也为设计本身增加了很多难度。因此,今天我们就来讨论讨论筛选控件。

01 筛选存在的意义

筛选存在的对于整个表单来说是非常重要的,它可以帮助用户在表单茫茫多的数据当中进行快速的数据定位;可以对表单进行快速数据按照自己想要的方式进行划分,缩短用户对于数据的寻找时间;能够满足用户在工作中,实际业务场景的筛选。

B端设计:盘点筛选控件的基本知识

对于实际B端场景来说,筛选是日常数据分类的一个重要途径,我们先来看看实际场景到底有哪些?

1. 以CRM用户日常使用的场景为例

比如今天作为一个 *** 销售人员,想要联系最近注册的用户时,通常会通过筛选来选出最近几天注册过,同时又没有销售更近的客户,进行一个优先级的排布;

再比如说,在销售周报当中,销售主管可以通过筛选得到每个人这周完成的状态,也可以通过筛选得出每个人对于线索的更进情况和对客户的流失状态等等,这些都可以通过各种各样的筛选形式来满足用户对于特定情况下的使用。

2. 筛选和搜索、导航的区别?

筛选可以通过多个筛选条件进行多维度的寻找,而导航、搜索只能通过单一条件进行指定筛选。

虽然在现在很多搜索引擎都可以支持多维度用空格去进行多字段的关键词搜索,但本质上区别不大。

所以在B端项目当中,如果你有表单,那你就需要筛选。

02 筛选的类型

我们将筛选分为基础筛选和高级筛选两种,两种筛选会根据业务场景不同,在不同的页面去使用。

1 .基础筛选

基础筛选一般为系统预设好的筛选字段,具有很强的业务和场景的需求。基础筛选一般分为四个部分:筛选条件、筛选项、已选项、备选项。

筛选条件:是指用户可以筛选的范围,

筛选项:是指用户可以选择的筛选项目

已选项:是指用户已经选中的筛选项

备选项:是指用户还没有选择的筛选选项

B端设计:盘点筛选控件的基本知识

基础筛选更多作为用户快捷筛选的一种方式,因为一般使用场景当中用户几个筛选逻辑为“且”。

同时筛选的逻辑也为简单筛选,所以在使用场景上只适合在对筛选要求不高的场景下使用。

2. 高级筛选

高级筛选一般为筛选中含有运算符,同时筛选当中包含条件关系,比如且关系或者否关系。一般高级筛选包含以下几类关键词。

筛选关系:是指几个筛选条件之间的关系,一般为 且、或关系,即 且 关系为几个条件之间的并集;或 关系为几个条件之间的联集。

筛选字段:是指在筛选当中,所要的筛选项,一般为表单当中的所有可筛选的字段

筛选操作:是指筛选字段和筛选值之间的关系,常见的筛选操作有:大于、小于、是、否、包含、不包含、为空、不为空等等。

筛选值:你所需要筛选的数值

B端设计:盘点筛选控件的基本知识

高级筛选一般满足更多的用户场景,为用户多条件多字段筛选提供有利保障。

03 筛选的布局 1. 上下布局

当在筛选器条件少于5个的情况下,最常使用的就是上下布局,这样筛选能与网站保持统一的情况下,上下布局也更方便用户进行阅读。

当筛选器过多的情况下(一般在5-15个之间),筛选器过多,需要滚屏才能看到筛选结果,用户使用起来会很别扭。所以在5-15个的情况下,一般会将筛选项进行收折,这样保证筛选整体面积不会太大,同时将用户常用的筛选放在前面,可以满足用户基本的业务需求和使用场景。

B端设计:盘点筛选控件的基本知识

2. 左右布局

相关文章

明确锚点/维度/指标,用数据分析解决问题

明确锚点/维度/指标,用数据分析解决问题

无论是产品还是运营,都离不开去用数据分析、解决异常问题。但是,在我们找到数据后,数据并不会直接告诉我们答案,我们需要做的就是把问题转译成维度和指标,然后提取数据,之后才是分析、解决问题。 数据分析是...

从B站审核变慢现象,聊聊内容社区产品的内容风控要点

从B站审核变慢现象,聊聊内容社区产品的内容风控要点

B站是中国年轻世代高度聚集的文化社区和视频平台,近年来更是财报喜人。不过它最近却受到UP主对审核速度以及审核机制的吐槽。这背后有什么深层原因呢?本文从产品和商业角度对此追根溯源,同时也试着分析一下内容...

产品经理需要了解的前后端知识点

产品经理需要了解的前后端知识点

作为一名技术产品经理,了解前后端概念是基础,因为只有了解了这些基础,作为产品经理,你才不会遇到一个明明是前端问题,但是你去和后端工程师沟通,这个时候,你能得到的不是答案,而是白眼。 一、前端工程师的...

如何用产品思维运营微信公众号?

如何用产品思维运营微信公众号?

产品思维,可以理解为利用现有资源满足用户需求的思维。这个过程中涉及到了用户、场景、需求等几个要素。而运用这种产品思维不仅可以用来做产品,更可以用来运营微信公众号,帮助号主更明确找到用户、抓住需求、运营...

拼小圈来了!拼多多要对你们下手了!

拼小圈来了!拼多多要对你们下手了!

拼多多在产品迭代上,有大动作——类似于朋友圈的“拼小圈”功能,上线了!用户可以收到系统的好友推荐,添加后双方可见购物动态。那这功能可以带来什么用处呢? 近期,拼多多 2019Q4 财报发布,2019...

Google倾力打造的设计冲刺方法论(5/6):原型阶段

Google倾力打造的设计冲刺方法论(5/6):原型阶段

设计冲刺包括六个阶段——理解、定义、草图、决策、原型和验证。本文主要讲原型阶段,创建过程中,我们会围绕诸如“概念到底是什么”“概念包含什么”来做出诸多决定。 阶段5:原型 在原型阶段,设计冲刺团队将...