APP【搜索】功能通用交互说明

【搜索】功能为常见APP必备功能，所包含的交互基本要素有触发区、内容元素、操作路径、反馈结果等内容。

一、触发区

① 图标/按钮

点击【搜索图标/按钮】进入搜索页

② 通栏搜索

点击【整个搜索框区域】进入搜索页

③ 搜索框

点击【搜索框】进入搜索页

④ 隐藏搜索

页面下拉/侧滑显示搜索后，点击【搜索①②③】进入搜索页

备注：默认隐藏搜索，通过手势动作后显示搜索，适用条件

1) 搜索功能层级低

2) 页面布局元素过多

3) 用户初次使用时，添加指引操作

二、内容元素

搜索页面必要基础元素包括：

1、导航栏

2、搜索框

3、热搜关键词（可选）

4、搜索历史记录

三、操作路径

【路径1】获取光标，同时唤起输入键盘

【路径2】上下滑动页面，失去焦点，隐藏键盘，显示页面内容

【路径3】输入内容，模糊匹配查询结果

【路径4】上下滑动页面，失去焦点，隐藏键盘，显示关键词查询匹配结果

【路径5】输入内容，模糊匹配查询无结果

四、搜索结果

① 查询【关键词】搜索查询有数据

② 查询【关键词】搜索查询无数据