a82752561 发表于 2022-1-11 07:00:54

顶部多行显示该形式多出现在视频app中的应用

在生活中,我们经常要从无数的选项中进行选择,而过滤器可以帮助用户根据用户的预定条件,在大量的选项中达到选择的目的。今天小编主要跟大家分享一下app过滤器界面设计。你们很有帮助!

http://tt.ccoox.cn/data/attachment/forum/20220111/1641855654246_0.jpg

在顶部多行显示

这种形式经常出现在视频应用中界面设计app,每一行对应一个类别,每个类别向左滑动显示更多选项。适用于业务结构表一、过滤类别较少的场景。

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

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

http://tt.ccoox.cn/data/attachment/forum/20220111/1641855654246_2.jpg

以优酷和腾讯视频为例。都是以视频为主要内容的应用界面设计app,业务也比较专一。另外,放映类别主要是根据分数、地区、类型、影院是否连接、在线时间、会员是否独播等。过滤类别很少,而且大多是固定的,所以使用了这种呈现方式。

上浮层

这种输入方式出现在顶部标签栏,适用于业务复杂、过滤选项多的场景。

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

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

以链家为例,点击顶部标签栏的区域和价格,会弹出一个浮动层,为用户提供精准的选择。浮动层的高度随内容而变化。

右浮动层

此样式仅在您单击选项卡栏最右侧的“过滤器”选项时出现。因为标签栏前面的选项在大多数情况下已经可以满足用户的需求,所以比较复杂和不太常用的选项会放在最右边的“过滤器”,所以它的位置也放在了视觉较弱的最右边. 也适用于业务复杂、过滤选项多的场景。

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

缺点:操作复杂,用户需要花费较多精力进行筛选。

以淘宝和京东为例,它们的集成、销售和价格标签已经可以满足大部分用户的需求,但是当用户想要选择发货地点、价格范围和品牌等更详细的条件时,合适的浮动层样式提供了更多的选择,还为用户提供了一键重置按钮天外神坛源码网,方便用户重新选择。
页: [1]
查看完整版本: 顶部多行显示该形式多出现在视频app中的应用