王M争：从用户的操流程上来说，果用户想使用一个功能，必首先要现它。果连功能口找不到，续的用户体验也从谈起。而筛选功能可以帮助用户功能信息进快速定位，缩短用户查找时，这篇文章我来跟大家聊下筛选功能。
一、三种常见基本样式
首先要明确个概念，筛选功能并不是普单功能项，它和导航样是个体系。既然是体系，必然有最基本组成部分。筛选功能（体系）常见样有以下三：tab类，（下）列表类，标签类。这种样式是筛功最基本的组成元素，管你产的筛功做得有多么复杂，都可看成是这种基本元素的同组合形式。
1. Tab
Tab 是最见的筛样式，一个 tab项代表一个筛维，直接平铺的展示来，户很容易感知到。
根据方向我们可将 tab 分为横向栏tab 和侧向栏tab。横向栏tab 可展示2-5个项，如果超过了5个，那么就需要户滑才看到。当筛维过多的时候，我们可考虑使侧向栏tab，京东商分类这里的就是典的侧向栏tab，我数了一总共40个项，这里如果使横向栏tab 户可要侧向滑8屏，操作成本过。
当然当项过多的时候，我们还有一个法子，就是使弹框，户点击后可看到全的项。
2. 列表式
列表式也可称之为 list，其点就是占用空间。因为它可以将选项隐藏起来，用户需要点击才能所有的选项，因此在有限的空间可以展示更多的筛选维度。碍于机屏幕尺寸的限制，列表式筛选现在应用的越来越普遍。
列表式筛选的式其实有多。可以做成 popover类，actionsheet类，activityview类。这些式难去说谁好谁坏，这就只是列举出来，体用哪种式，大家来判断。
3. 标签式
对于标签式，难进行准确的定义，更倾向于将选按钮，多选按钮，switch 等统称为标签式，标签式只能针对一条件进行筛选，这点和 tab 类似。标签式少独出现，多数情况下都是 tab 和列表式结伴而行。
在淘用户可以点击视图 icon 来切换视图模式，这就是典型的标签式筛选。
当然上种只是最见的筛元素，余的还有输入框，滑，地区/日期择器等要于信息录入的组件。
二、常见的筛选体系
了解了最基本的元素，接来看一些较复杂的筛样式。上面我到了任何产的筛体系都可看成是这种基本元素的同组合形式。为了大更好的解，我一一举例来说明。
1. tab+tab
tab 之受到青睐，是因为较低的习成本。每一个 tab 代表一个类别，而且是直接展示给户看的，很多产的筛功都会优先考虑使 tab。即使功结构复杂到无法一层 tab 来成筛任务，设计师会考虑使双层 tab 样式（tab+tab）的样式。
2. tab+列表式
当产品不断的发展，功能结构愈发的复杂，过于扁的 tab 已经无法足筛选的需求。以这个景为例，用户的需求是找适的片和。对于用户来说，衡量一家会从地址、票价、品牌和色服（支持改签、IMAX厅等）这四个角度入。这些筛选需求难通过 tab 来完成，需要列表式的协助。
3. tab+列表式+标签
当产品的功能结构一复杂，这也给筛选功能增加了新的难题。以 boss直聘，这里的筛选项主分四：排序方式（推荐/新）、作点、公司规模、岗求。其中后三筛选项包含的条件，特别作点，需一到街道或铁站。对于这种多维度，深层级的筛选需求我们可以使用 tab+列表式+标签的样式。
这里我选择 boss直聘的另一原因于它的 tab 数用户可以自己增减的，每一 tab 表一条求职意向，多可以添加3条求职意向。
三、筛选体系的容器
筛选系是由众筛选项组成的，筛选项需要一个「容器」来承载。上面说的 boss直聘用的是下拉列表，种样式其还比简单的，我们以看一功能更加复一点的产品，比各大电平台。里使用的是抽屉式筛选框，说它是抽屉式，因为它跟抽屉一样，用的时以拉出来，不用的时以关来，节省空间。从某个角度来说，我们以把抽屉式看成列表式的一个放大版。抽屉式筛选框以容纳更的筛选条件，像我在上面提到的输框，选按钮以在里使用。
从底部弹出的动栏也比常见，里使用滑块和单选按钮。
Airbnb 的筛选功能以浮为载，还使用比少见的 switch 和 stepper。
当 Airbnb 筛选功能最大的亮点在以向用户即时反馈筛选结果的数目，用户不太能进搜索结果为0的空页面，避免无效操。
以的筛选体系都比较传统，部分都基于对结果行筛选，其实我们可以对筛选功能行置。例如，我们可以用户行搜索之就对结果行筛选。
甚至新用户第一次使用产品的时候，可以让用户填写一些人信息以便行性化推送。
筛选功能的存意义于帮用户对功能信息行速的，对筛选功能行度的置可以简化用户的操作流程，同样可以达到节省用户时间的目的。
欢迎关注作者的公众号：「M争」
图片素材作者：They Make Design
浙公网安备33011002017549号