推广 热搜: 大学生  怎么写  怎么使用  作用  高的  时间  原理  金鱼  怎么分类  较好 

app筛选界面设计

   2023-02-01 勤学网1218
核心提示:生活中我们经常要在无数的选项中进行选择,而筛选器可以帮助用户在大量的选项中,按照用户的预定条件达到精选的目的,今天小编主要给大家分享app筛选界面设计,希望对你们有帮助!顶部多行显示该形式多出现在视频app中,每行对应一个类别,每个类别向左

app筛选界面设计

生活中我们经常要在无数的选项中进行选择,而筛选器可以帮助用户在大量的选项中,按照用户的预定条件达到精选的目的,今天小编主要给大家分享app筛选界面设计,希望对你们有帮助!


顶部多行显示

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

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

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

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

顶部浮层

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

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

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

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

右侧浮层

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

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

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

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

 
反对 0举报 0 收藏 0 打赏 0
 
更多>同类开店资讯
网站排行
推荐网站
网站首页  |  你好 测试  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  网站留言  |  违规举报