列表搜索
方便用户能够在列表中快速找到自己想要的内容。
常用于商品订单、商品列表等场景。
页面结构
1.搜索框:搜索框固定于页面顶部,便于用户能够快速找到。
2.内容:内容可根据场景自定义。
有排序的列表搜索
通过排序选项快速对搜索的数据进行优先级排序。
有标签分类的列表搜索
通过标签快速对搜索的数据进行分类切换。
何时使用
- 在列表页快速筛选目标内容时。
交互规则
- 与产品/研发确认,支持的搜索方式,比如是
模糊搜索
还是精确搜索
。 - 在输入框中可以提示搜索关键词,告知用户支持哪些内容的搜索。比如商品名称/品类等,或用“请输入...”的语言。
- 在输入关键词过程中,搜索框右侧会出现删除图标,点击即可一键清除输入的内容。
- 可筛选搜索结果,将搜索结果进行分类处理,一般使用
Tab
进行归类,如查看商品订单,对搜索结果按照订单类型进行分类。