编辑导语：如今随着互联网的不断发展，线上购物等平台变得越来越方便，我们可以用筛选功能准确地在平台上找到需要的商品，比如可以选择发货地、品牌、价格区间等等；本文作者分享了关于交互设计中的四种筛选控件，我们一起来了解一下。

本文分享一些交互设计中用得到的筛选控件类型，帮助设计师们更快找到合适的交互组件。

筛选控件在移动端用得非常高频，平时在交互设计中也经常用到，所以我整理了目前移动端APP常用的筛选控件。

为了方便记忆和理解，我根据自己的理解对其进行了分类，应该可以涵盖绝大多数筛选控件。

为什么要使用筛选控件？

显而易见，当APP数据太多，不对数据进行组织和分类的话，用户就很难快速找到自己想要的东西。

筛选控件可以帮助重组信息：

举个例子，如果电商APP中的用户无法快速找到自己想要的商品，那么结果就是损失这个用户的购买行为；内容型APP中用户无法快速找到自己想看的内容，那么结果就是损失这个用户的内容消费行为，造成用户流失。

所以归根结底产品的筛选功能是服务用户，最终目的是服务产品。

一、弹窗筛选

弹窗筛选下面会介绍三种：单维度筛选、多维度筛选、多级筛选。

单维度：一般无需确定按钮，点击条件后自动筛选。

多维度：一般有重置和确定按钮，点击重置后清空筛选条件，点击确定后进行筛选动作。

多级筛选：分单选和多选，移动端一个页面一般最多承载3个层级，再多就会造成信息放不下而影响用户操作了。

多级筛选中的单选：