扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
搜索能够帮助用户在海量的数据库中实现大海捞针，是产品最核心的模块之一。本篇是从设计的角度介绍搜索模块，包含Web和ios两个平台，下面直接开始正文：
1.快速搜索
搜索是帮助用户简单快速的匹配相关内容，最简单的search box主要包含两个元素：①文本框 ②按钮（可以隐藏用回车代替）
快速搜索是最基本的搜索模型，用户输入文字点击按钮或直接回车即可完成搜索。
2.垂直搜索
如果搜索引擎明确只是在海量数据库中寻找一个特定的子集，那么这时候会使用到垂直搜索。垂直搜索主要元素包括：①文本框 ②按钮 ③标签或下拉框。
▎下拉框模式
关于下拉框前置与后置，我在公司也与同事进行过讨论，有几种说法：
①.业务人员觉得: 下拉框前置会减少产品曝光量，增加商情和厂商的曝光量，这样的结果对网站来说弊大于利。（B2B网站类）
②技术控觉得:用户操作习惯是 鼠标→键盘输入→回车（搜索），如果下拉框后置就会打断这样连贯的操作。
③调研同类网站发现下拉框内容较少的时候前置，内容分类较多的时候后置。
▎标签模式
标签模式比较适合独立的搜索框，相比下拉框模式更具有引导性。但视觉元素复杂，不太适合在页面内容较多的页面。淘宝首页的顶部的视觉元素已经显得杂乱了，但坚持这样做应该是为了化的推广天猫和兼容老用户的操作习惯。
ios样式
3.查询建议工具
查询建议工具有好几种说法：提前键入（type-ahead)、搜索建议（suggest)或者自动填充（autofill），也可以称呼为实时搜索。主要目的基本上是为了减少用户输入和推广相关词组。下面直接看图例：
ios样式
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网