新媒易动态
NEWS CENTER
NEWS CENTER
2021-03-09
还有一点需提及，其实多级筛选跟1.2中的多维度筛选本质是一样的，都是在二级类目下进行选择，不同的是1.2的多维度筛选采用了平铺全部展示的方式展示条件，多级筛选将一级条件也作为需要操作的条件，或tab切换或折叠隐藏，目的是更快速地进行筛选和展示更多的二级类目。
如果有更细的分类，也可以参考下图中的课程分类，在二级分类中再加上平铺分类也是不错的解决方案。
【弹窗筛选/多级筛选】控件一般适合：
筛选条件多（20~100个均可）：条件过多的时候使用多级筛选控件可以帮助组织信息也能让用户便捷操作；比如上图多级筛选中的课程类别筛选和医生科室筛选，一级分类就超过十个，二级多的甚至超过二十个，使用侧边tab切换一来检索快，二来展示信息比横向滑动展示信息多。
教育、医疗、电商类的使用较多：上述行业分类多，可以考虑使用多级筛选，但采用下拉弹窗方式的多级筛选目前市面上的APP产品应用的不是特别广泛，可能与实现成本有关。一般会使用侧边栏分类代替，后文会讲到。
横向tab筛选控件可能是APP产品中使用得最多的筛选控件了，几乎每个APP都会使用这个控件。
横向tab筛选一般筛选条件为2~5个，横向tab筛选又分为同页面和分页面两种。
分页面和同页面的区别在于它们获取数据的触发方式不同。
分页面是已经将数据筛选好了，用户进来之后进行选择即可。
同页面以及上述的弹窗筛选数据筛选是用户点击条件后才触发筛选。
举个形象的例子：
小红去超市和路边摊买东西，去超市买东西时，商品已经分类好了，他进去根据分类找到商品就可以了；
去路边摊买东西时，他跟摊主说，我要买苹果，不要进口的，要本土的，不要红的，要青苹果，然后摊主才给小红挑选出他想要的水果。
分页面就相当于小红去超市买东西，同页面就相当于去路边摊买东西。
分页面筛选其实严格来说算是“分类”，这里我也算进了筛选，也算给大家设计时多一个方案，分页面如下图，分类数据使用不同页面进行展示。
每个分类下单独做一个页面，点击或左右滑动切换页面：
当分类过多时一般采用左右滑动或者结合下拉操作来展示 。
同页面的tab筛选一般有单维筛选和多维筛选，在移动端这种平铺类的多维筛选影视类用得比较多。
同页面的“单维筛选”为了节省空间一般会把多余的条件进行折叠，应用得最多的地方应该是用户评价页面。
同页面的单维筛选还有一种是单选，如下图中的图1，这种筛选应用得不算广泛，分类太多的时候会压缩列表数据，即使有“收起”的操作，也不利于用户频繁切换条件的同时查看数据。
同时选择多个条件进行筛选，点击一次则触发一次筛选：
【横向tab筛选】控件一般适合
或者叫新页面筛选，点击筛选后进入新页面进行筛选。