【搜索】功能为常见APP必备功能,所包含的交互基本要素有触发区、内容元素、操作路径、反馈结果等内容。
一、触发区
① 图标/按钮
点击【搜索图标/按钮】进入搜索页
② 通栏搜索
点击【整个搜索框区域】进入搜索页
③ 搜索框
点击【搜索框】进入搜索页
④ 隐藏搜索
页面下拉/侧滑显示搜索后,点击【搜索①②③】进入搜索页
备注:默认隐藏搜索,通过手势动作后显示搜索,适用条件
1) 搜索功能层级低
2) 页面布局元素过多
3) 用户初次使用时,添加指引操作
二、内容元素
搜索页面必要基础元素包括:
1、导航栏
2、搜索框
3、热搜关键词(可选)
4、搜索历史记录
三、操作路径
【路径1】获取光标,同时唤起输入键盘
【路径2】上下滑动页面,失去焦点,隐藏键盘,显示页面内容
【路径3】输入内容,模糊匹配查询结果
【路径4】上下滑动页面,失去焦点,隐藏键盘,显示关键词查询匹配结果
【路径5】输入内容,模糊匹配查询无结果
四、搜索结果
① 查询【关键词】搜索查询有数据
② 查询【关键词】搜索查询无数据