小小千想和您聊一聊

当前位置: 首页> 技术分享> 移动端搜索的呈现形式

移动端搜索的呈现形式

  常见的搜索形式有:

  抖音-三级搜索

  QQ-局部搜索

  脉脉-三级搜索

  京东-全局搜索

  QQ音乐-全局搜索

  翼支付-无搜索功能

  1. 一级搜索(全局搜索)

  凸显型搜索------放置在导航栏的全局搜索入口

  极简型搜索------导航栏被分段控件占据,位于导航栏下的全局搜索

  一级搜索通常根据其较高的优先级放置的导航栏上,如果导航栏内有较多有分段控件则紧贴在导航栏正下方。搜索栏的设计分为“凸显型”和“极简型”。凸显型主要通过亮色布局引导用户点击,是对自家数据库信息大而全的自信表现。而极简型搜索主要是从增加产品粘性维度思考,希望搜索目标明确的用户可以将注意力放在应用推荐内容上。

  2. 二级搜索(个人数据搜索)

  极简型搜索-----紧贴在导航栏下的个人数据快速查询入口

  二级搜索通常位置紧贴在导航栏下方,主要用于通过用户输入关键字匹配用户本地及存储在服务器与数据库个人相关信息。采用极简型搜索设计效果,如QQ联系人页面的二级搜索,导航栏放置标题,下方提供快速筛选联系人的搜索入口,用户键入“X”通过预想和模糊关键字功能,该用户联系人中的“小李”“小明”等与“X”匹配的数据呈现出来。

  3. 三级搜索(全局搜索或当前模块垂直搜索以icon形式放置导航栏)

  右侧搜索icon-----以icon形式放置在导航栏上的三级搜索

  左侧搜索icon-----以icon形式放置在导航栏上的三级搜索

  功能等同全局搜索或垂直于当前主页面内容搜索的三级搜索的放置逻辑主要处于以下几个维度考虑:

  1、数据库有效数据体量小,搜索响应率低。

  2、刻意将一级搜索改成三级搜索用于推广应用内热门内容。(例如:搜狐视频在屌丝男士热播期间为了让用户能点击该视频,增加用户粘性,将全局搜索改成三级搜索放置导航栏)

  3、如左图所示,从用户体验维度分析,搜索icon放置在导航栏的两侧也可以划分优先级,用户使用移动设备交互式,点击导航栏右侧更方便,即右侧icon>左侧icon

  总结:一级搜索,搜索逻辑为应用内垂直搜索,对数据库数据体量和反馈相应率有较高要求。

  二级搜索通常位置紧贴在导航栏下方,主要用于通过用户输入关键字匹配用户本地及存储在服务器与数据库个人相关信息。主要用于帮助用户缩小自身相关数据范围。

  三级搜索呈现形式主要在于数据库有效数据体量小,搜索响应率低或刻意将一级搜索改成三级搜索用于推广应用内热门内容。

上一篇:部署网上商城 ecshop

下一篇:移动应用从搜索栏到结果页交互流程-京东案例

QQ技术交流群

千锋UI设计官方①群
809348958

加入群聊

用户登录

手机号:

密码:

图形验证码:

点击切换

用户注册

手机号:

登录密码:

图形验证码:

点击切换

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

手机号:

图形验证码:

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

新密码:

确认新密码:

获取课程

添加小千老师微信,获取课程信息

如何获取课程?

一、需拥有此本教材

如没有,可点击下方入口购买当当购买入口京东购买入口

二、添加小千老师,发送拥有凭证,解锁课程资源

1.购买该教材的订单信息
2.拥有的实体书信息等

更换手机号

新手机号:

图形验证码:

短信验证码:

获取验证码