热门标签 | HotTags
当前位置:  开发笔记 > 数据库 > 正文

移动端搜索的呈现形式

常见的搜索形式有:抖音-三级搜索QQ-局部搜索脉脉-三级搜索京东-全局搜索QQ音乐-全局搜索翼支付-无搜索功能1.一级搜索(全局搜索)凸

常见的搜索形式有:

抖音-三级搜索

QQ-局部搜索

脉脉-三级搜索

京东-全局搜索

QQ音乐-全局搜索

翼支付-无搜索功能

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结:

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

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

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

编辑:千锋UI设计


推荐阅读
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 本文介绍了如何在 DB2 环境中创建和删除数据库编目。创建编目是连接新数据库的必要步骤,涉及获取数据库连接信息、使用命令行工具进行配置,并验证连接的有效性。删除编目则用于移除不再需要的数据库连接。 ... [详细]
  • Windows服务与数据库交互问题解析
    本文探讨了在Windows 10(64位)环境下开发的Windows服务,旨在定期向本地MS SQL Server (v.11)插入记录。尽管服务已成功安装并运行,但记录并未正确插入。我们将详细分析可能的原因及解决方案。 ... [详细]
  • SQL中UPDATE SET FROM语句的使用方法及应用场景
    本文详细介绍了SQL中UPDATE SET FROM语句的使用方法,通过具体示例展示了如何利用该语句高效地更新多表关联数据。适合数据库管理员和开发人员参考。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 深入理解 SQL 视图、存储过程与事务
    本文详细介绍了SQL中的视图、存储过程和事务的概念及应用。视图为用户提供了一种灵活的数据查询方式,存储过程则封装了复杂的SQL逻辑,而事务确保了数据库操作的完整性和一致性。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 网络攻防实战:从HTTP到HTTPS的演变
    本文通过一系列日记记录了从发现漏洞到逐步加强安全措施的过程,探讨了如何应对网络攻击并最终实现全面的安全防护。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • CentOS 7 磁盘与文件系统管理指南
    本文详细介绍了磁盘的基本结构、接口类型、分区管理以及文件系统格式化等内容,并提供了实际操作步骤,帮助读者更好地理解和掌握 CentOS 7 中的磁盘与文件系统管理。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 本文深入探讨 MyBatis 中动态 SQL 的使用方法,包括 if/where、trim 自定义字符串截取规则、choose 分支选择、封装查询和修改条件的 where/set 标签、批量处理的 foreach 标签以及内置参数和 bind 的用法。 ... [详细]
  • 本文将介绍由密歇根大学Charles Severance教授主讲的顶级Python入门系列课程,该课程广受好评,被誉为Python学习的最佳选择。通过生动有趣的教学方式,帮助初学者轻松掌握编程基础。 ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
author-avatar
壮丁1987_536
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有