【搜索】功能为常见APP必备功能，所包含的交互基本要素有触发区、内容元素、操作路径、反馈结果等内容。
① 图标/按钮
点击【搜索图标/按钮】进入搜索页
② 通栏搜索
点击【整个搜索框区域】进入搜索页
③ 搜索框
点击【搜索框】进入搜索页
④ 隐藏搜索
页面下拉/侧滑显示搜索后，点击【搜索①②③】进入搜索页
备注：默认隐藏搜索，通过手势动作后显示搜索，适用条件
1) 搜索功能层级低
2) 页面布局元素过多
3) 用户初次使用时，添加指引操作
搜索页面必要基础元素包括：
1、导航栏
2、搜索框
3、热搜关键词（可选）
4、搜索历史记录
【路径1】获取光标，同时唤起输入键盘
【路径2】上下滑动页面，失去焦点，隐藏键盘，显示页面内容
【路径3】输入内容，模糊匹配查询结果
【路径4】上下滑动页面，失去焦点，隐藏键盘，显示关键词查询匹配结果
【路径5】输入内容，模糊匹配查询无结果
① 查询【关键词】搜索查询有数据
② 查询【关键词】搜索查询无数据
【搜索】功能为常见APP必备功能，所包含的交互基本要素有触发区、内容元素、操作路径、反馈结果等内容。 一、触发区 ...
摘要：“全局交互说明” 是将交互文档公共或者通用的部分抽离成出来统一说明，在具体交互说明页面用到 “全局交互说明”...
【搜索】功能基本是App必备功能之一，通常会包含历史记录和热门搜索标签，除此之外针对不同类别的APP，会依据其功能...
WebView与APP交互 WebView与APP交互，即网页通过JSBrige调用APP的功能，APP也可以通过...
1. ES使用场景 给网站/APP添加搜索功能 存储、分析数据 管理、交互、分析空间信息，将ES用于GIS 2. ...
效果图 结合之前那篇通用搜索组件文章，这篇是在通用搜索组件的基础上加上了历史搜索列表和清空历史搜索功能；该组件结合...
最近突然想研究一下App的搜索功能。产生这个想法的原因有两个： 1、我正在建立自己的交互库，包括 控件库 和 功能...
本文目录（一） 功能需求说明 功能简述 2. 界面说明 3. 交互说明 4. 原型展示（二） 原型制作 准备 ...
1.手机用户（IOS、安卓通用） ①.打开APP Store，搜索“跟谁学”获取APP ②.打开APP，选择您想了...
说到一个应用的搜索功能，大家是否立刻会想到一个放大镜的图标和一个矩形输入框？搜索功能在众多app里都占据一个或重或...
本文标题：APP【搜索】功能通用交互说明
本文链接：https://www.haomeiwen.com/subject/tcwcprtx.html
网友评论