app筛选界面设计

app筛选界面设计
 

顶部多行显示
 

该形式多出现在视频app中，每行对应一个类别，每个类别向左滑动以显示更多选项，适用于业务结构单一、筛选类别较少的场景。
 

优点:筛选直观，用户选择后可以及时看到筛选结果。
 

缺点:结构单一，类别少，结果模糊，不适合更复杂的业务。
 

以优酷和腾讯视频为例，它们都是以视频为主要内容的应用，业务相对比较具体。此外，筛选类别主要以评分、地区、种类、是否院线、上线时间、是否会员独播等为主。筛选类别很少，而且大部分都是固定的，所以使用了这种展示形式。
 

顶部浮层
 

这种输入样式出现在顶部tab栏中，适用于具有复杂业务和许多筛选选项的场景。
 

优点:选项多，可以进行更复杂的筛选，且筛选结果更详细准确。
 

缺点:筛选类别众多且复杂，操作复杂，用户需要在筛选上花费更多精力。
 

以链家为例，如果单击顶部tab栏中的面积和价格，将弹出一个浮层，为用户提供精确的选项，浮层的高度随内容而变化。
 

右侧浮层
 

只有点击tab栏最右侧的“筛选”选项时，此样式才会出现。因tab栏前面的选项在大多数情况下已经可以满足用户的需求，更复杂和不常见的选项将放置在最右边的“筛选”中，所以它的位置也放置在视力较弱的最右边。它也适用于具有复杂业务和许多筛选选项的场景。
 

优点:筛选种类多，结果准确详细。
 

缺点:操作复杂，用户需要在筛选上花费更多的精力。
 

以淘宝和京东为例，他们的整合、销量和价格等tab已经可以满足大多数用户的需求，但是当用户想要选择更详细的条件如发货地点、价格范围和*牌时，右侧浮层的风格提供了更多的选项，同时也为用户提供了一键重置按钮，方便用户重新选择