Skip to main content

列表搜索

方便用户能够在列表中快速找到自己想要的内容。

常用于商品订单、商品列表等场景。


页面结构

1.搜索框:搜索框固定于页面顶部,便于用户能够快速找到。

2.内容:内容可根据场景自定义。

有排序的列表搜索

通过排序选项快速对搜索的数据进行优先级排序。

有标签分类的列表搜索

通过标签快速对搜索的数据进行分类切换。

何时使用

  • 在列表页快速筛选目标内容时。

交互规则

  • 与产品/研发确认,支持的搜索方式,比如是 模糊搜索 还是 精确搜索
  • 在输入框中可以提示搜索关键词,告知用户支持哪些内容的搜索。比如商品名称/品类等,或用“请输入...”的语言。
  • 在输入关键词过程中,搜索框右侧会出现删除图标,点击即可一键清除输入的内容。
  • 可筛选搜索结果,将搜索结果进行分类处理,一般使用Tab进行归类,如查看商品订单,对搜索结果按照订单类型进行分类。