课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
搜索功能的设计应用在许多网页和app应用中都是非常常见的一个组成部分，我们在前几期的文章中给大家介绍了搜索功能设计注意事项，而本文我们就再来了解一下，搜索框布局位置都有哪些。
一、顶部搜索
功能层级：优先级高
展现形式：位于页面顶部，两侧常伴有其他辅助功能(例如扫一扫、消息、会员码、弹窗按钮等等)，设计上以输入框为主，内部伴有搜索图标(放大镜)和关联推荐文案。
交互上由于位置位于页面顶部，远离拇指区，操作起来不是很方便，大屏手机需用户双手操作。
目的：将搜索入口放置顶部是为了强化的产品的搜索功能，时刻为用户提供搜索功能，因为相对于体量大，结构复杂的产品中，用户难以不靠“搜索功能”能够快速的寻找自己想要的内容信息。
使用场景：用户具有极强的目的性，明确知道自己需要什么，例如像通讯录，如果用户想快速联系自己的好友，通过搜索则是便捷的方式，所以搜索功能入口要放在一个足够显眼的位置。
产品结构多元化，内容体量大，例如淘宝中的商品种类和数量的体量都是巨大的，产品结构也是多元化，分值业务众多，如果你想买什么东西不靠搜索功能，岂不是和大海捞针一样!所以搜索功能入口要放在显眼的位置——页面顶部。
二、顶部Tab栏下
功能层级：优先级较高
展现形式：位于页面顶部Tab菜单栏之下，通常左侧会伴有分类、下载、消息等辅助功能，设计上以输入框为主，内部主要以搜索图标(放大镜)和关联推荐文案为主，也有产品会添加其他辅助功能，例如喜马拉雅添加语音搜索的功能。
交互上由于位置位于页面顶部，远离拇指区，操作起来不是很方便，大屏手机需用户双手操作。
目的：将搜索入口放置在顶部Tab菜单栏之下是为了强化内容推荐，相对的弱化搜索功能。假设产品当前的业务目标是优化内容的分发机制，那么强化内容推荐是好的方式!通过强化推荐鼓励用户查看推荐内容，搜集用户平时对哪些内容感兴趣，点击率更高，通过搜集用户的行为轨迹数据再进行模型训练，优化产品的内容分发机制。
使用场景：一般应用在主页，以内容型产品居多。从产品角度上来讲其核心目的是突出平台推荐内容，强化内容的分发机制;从用户的角度来讲，当用户一开始进入页面的时候没有明确的目的，这个时候如果有推荐内容，用户会更容易接受。
三、底部导航栏
功能层级：优先级极高
展现形式：位于底部导航栏，设计主要以图标(放大镜)和文字为主,属于拇指区佳点触位置，即使大屏手机用户也可以单手操作目的：用户层面上是为了让用户可以随时点击进入到搜索页面，产品层面上是为了搜索页面内的内容引流。
使用场景：当前情况搜索按钮只承担着入口的作用，但是此类操作触发之后对应页面的功能和层级十分丰富，承接着于搜索、发现等相关的延伸功能。
< 上一篇：南昌达内软件运维培训性能分析都需要关注哪些问题
下一篇：南昌达内大数据培训数据仓库优劣性判断方法都有哪些 >
2024-01-12
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
