模式

布局:上下,左右。
是否单独显示已选条件。
image.png
每一条筛选角度是单选还是多选。

筛选是否为即时筛选(是否需要提交、查询按钮)。
image.png
image.png

案例

电商|淘宝

初始状态:
image.png
单选:所选类别固定为已选的标签
image.png
多选:点击多选后,变为多选框,需要提交
image.png
提交后,固定为已选标签,在一个标签内显示所选项
image.png
关键词下特定的筛选条件,在最后一行展现,选择后同样固定为标签
image.png

综合排序,直接展现复选框
image.png
无需提交,选择后位置前移,结果立刻进行筛选
image.png

数据报告|发现数据

https://www.fxbaogao.com/dt?order=2
直接展现多选框
image.png
http://s1.drcnet.com.cn/search/SearchAdvanced.aspx
左右结构,左侧之间显示多选框
image.png
选择后,在右侧展现筛选条件
image.png

数据报告|汇博投研资讯

http://www.hibor.com.cn/edbweb/edb/01.html
全部为单选,在搜索结果条数前说明所属最小分类的名称。
默认选择“全部”
image.png
点击一级分类后,如果有二级分类,则展现二级分类
image.png
如果有三级分类,继续展现三级分类
image.png

数据报告|Statista

https://www.statista.com/search/?q=gold&qKat=search
image.png

数据报告|萝卜投研

https://robo.datayes.com/v2/search?query=5G&type=EXTERNALREPORT
默认展现行业类别
image.png
展开更多条件,出现其他类型
image.png
选项有虚线边框,点击后为多选效果
image.png
点击“不限”之后,所选选项清除
image.png

事件分析|数数科技

https://docs.thinkingdata.cn/ta-manual/latest/user_guide/event_analytics.html#_3-3-%E7%AD%9B%E9%80%89%E6%9D%A1%E4%BB%B6%E7%9A%84%E9%80%89%E6%8B%A9
复杂筛选。在左侧单独设置筛选条件。
image.png

image.png
image.png