关于筛选项设计

目前对于页面主功能的筛选,当选项有限时,直接展示所有项,便于快速选择;当选项过多时可展示部分常用项,选择展开时再展示全部

筛选存在关联项时,只在选择了一级项之后展示对应的二级筛选类目(如商圈对应区域下方,如选择美食分类下火锅对应二级项火锅类型);

在搜索结果列表处增加复选框筛选项,勾选后对搜索结果可再做一层搜索;也可对应于未选择筛选条件时,作为一级独立的筛选条件(如有团购,可订座位,可外卖)

其他:

筛选沟通的容器

筛选的基本样式

具体可参见优设网上的一篇文章https://www.uisdc.com/screening-function-design-summary


大众点评筛选项


app
web

京东筛选项


app
web
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文受知乎风尘棋客知乎专栏《爱迪生商业实验室》中的文章《JOIN产品内参】市值100万到10000亿的App,都是...
    龙隐阅读 10,993评论 6 21
  • 今天想分享的界面模式它好像很次要,经常被埋没,但当我们迷失在信息洪流中时,我们不得不使用它:我们最熟悉不过的筛选组...
    genrry阅读 3,947评论 0 4
  • 写在前面 无论网站或是App,搜索功能几乎成了标配,在其间占据着或轻或重的位置。一方面,搜索可以帮助用户节约时间、...
    vivijia阅读 5,642评论 0 33
  • 十分钟大叛逃------ 为了健康, 徐怀清//《太极丹道》 我们每个人...
    焦作太极徐阅读 1,859评论 1 1
  • 小白在职场上熬了五年,有“切肤”之感的莫过于两个字:开会。 第一阶段:诚惶诚恐 当职场新人跟当大一新生不是一回事,...
    猫小开阅读 3,613评论 0 50

友情链接更多精彩内容