生活中我们经常要在无数的选项中进行选择,而筛选器可以帮助用户在大量的选项中,按照用户的预定条件达到精选的目的,今天小编主要给大家分享app筛选界面设计,希望对你们有帮助!
顶部多行显示
该形式多出现在视频app中,每行对应一个类别,每个类别向左滑动以显示更多选项,适用于业务结构单一、筛选类别较少的场景。
优点:筛选直观,用户选择后可以及时看到筛选结果。
缺点:结构单一,类别少,结果模糊,不适合更复杂的业务。
以优酷和腾讯视频为例,它们都是以视频为主要内容的应用,业务相对比较具体。此外,筛选类别主要以评分、地区、种类、是否院线、上线时间、是否会员独播等为主。筛选类别很少,而且大部分都是固定的,所以使用了这种展示形式。
顶部浮层
这种输入样式出现在顶部tab栏中,适用于具有复杂业务和许多筛选选项的场景。
优点:选项多,可以进行更复杂的筛选,且筛选结果更详细准确。
缺点:筛选类别众多且复杂,操作复杂,用户需要在筛选上花费更多精力。
以链家为例,如果单击顶部tab栏中的面积和价格,将弹出一个浮层,为用户提供精确的选项,浮层的高度随内容而变化。
右侧浮层
只有点击tab栏最右侧的“筛选”选项时,此样式才会出现。因tab栏前面的选项在大多数情况下已经可以满足用户的需求,更复杂和不常见的选项将放置在最右边的“筛选”中,所以它的位置也放置在视力较弱的最右边。它也适用于具有复杂业务和许多筛选选项的场景。
优点:筛选种类多,结果准确详细。
缺点:操作复杂,用户需要在筛选上花费更多的精力。
以淘宝和京东为例,他们的整合、销量和价格等tab已经可以满足大多数用户的需求,但是当用户想要选择更详细的条件如发货地点、价格范围和品牌时,右侧浮层的风格提供了更多的选项,同时也为用户提供了一键重置按钮,方便用户重新选择。