美文网首页
APP【搜索】功能通用交互说明

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

作者: 黑子Y | 来源:发表于2022-05-21 17:57 被阅读0次

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

    一、触发区

    ① 图标/按钮

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

    ② 通栏搜索

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

    ③ 搜索框

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

    ④ 隐藏搜索

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

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

    1) 搜索功能层级低

    2) 页面布局元素过多

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

    二、内容元素

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

    1、导航栏

    2、搜索框

    3、热搜关键词(可选)

    4、搜索历史记录

    三、操作路径

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

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

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

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

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

    四、搜索结果

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

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

    相关文章

      网友评论

          本文标题:APP【搜索】功能通用交互说明

          本文链接:https://www.haomeiwen.com/subject/tcwcprtx.html