网站搜索栏设计 第1篇
图像搜索是近年来比较流行的搜索形式，一种是通过扫描条形码或者二维码，识别其中的明码后进行搜索。另一种是通过图片匹配其他类似图片的方式。
这两种方式广泛应用在电商平台中，比如淘宝，扫一扫、拍立淘，还有AR试穿，都是图片搜索的优化应用，AR直接扫描识图还减少了用户的拍照的操作。
3. 搜索帮助
网站搜索栏设计 第2篇
搜索结果的显示都要有一个默认的排序规则，同时也可以提供排序选择，比如搜索结果默认按照销量由高到底排序，也提供其他排序选择，比如时间由远及近排序、价格从高到低排序等。
现在越来越多的电商都会在结果中加入广告位，这也是一种转化方式，但是广告位不宜太多，一般就是第一个搜索结果，这样既可以达到营销目的，又不会太显眼打乱之前的排序。
比如下图中，在淘宝中搜索“产品经理”，结果列表中第一个是当当网的广告，这就是一种广告转化方式。
网站搜索栏设计 第3篇
之前说了在搜索前进行分类，可以缩小搜索范围，更快找到匹配结果。但还有另一种方式是先进行全局搜索，针对得到的搜索结果是分类显示的。
结果分类的好处是，减少用户搜索前的操作，并且可以给用户提供更丰富的展示结果，用户可以直接选择预想的分类，如果没有想要的，还可以扩展看下其他分类下的结果。这种特别适合内容生态产品，比如下面的网易云音乐。
网站搜索栏设计 第4篇
顾名思义，就是通过声音去搜索，这是一个发展趋势，现在的年轻人越来越喜欢用语音搜索，同样因为门槛特别低，老年人也比较青睐这种方式，不需要打字，直接通过声音识别去找到想要搜索的内容。
像微信的搜索也是支持语音，还有所有的音乐类App，也都支持语音搜索歌曲的。
网站搜索栏设计 第5篇
可以在搜索页中设置历史记录，显示之前搜索过的关键词，这种方式现在也被广泛应用，可以在一定程度上提升用户体验，减少输入。大部分的电商平台都会支持历史记录搜索。
无论是搜索分类、搜索标签还是历史记录，都可以减少用户在搜索过程中的操作成本，并且可以起到丰富搜索页面的效果，如果做为营销转化入口，还能贡献GMV。
2. 搜索方式
搜索方式在最初只有文字搜索，后来又出现了语音和图片搜索方式，但大部分的情况，它们都是做为文字搜索的补充。
网站搜索栏设计 第6篇
输入搜索词后，搜索框下方会出现下拉列表，其中包含该搜索词的其他扩展词。这种方法可以帮助用户扩展联想，提供丰富的选择，也会减少用户的输入操作，帮助用户更快的定位精准搜索词，引导用户一步步更精确的找到想要搜索的内容。
如果应用场景支持，可以很大程度的提高用户体验，同时减少用户对查询结果的筛选时间。
扩展词一般是已经设置好的词库，比如在淘宝等电商平台中，搜索的扩展词也会包含历史搜索记录，比如之前搜索过“这是什么东西呢”，当第二次输入“这是”的时候，下方就会显示出“这是什么东西呢”。
对于扩展词的来源，可以依据自身业务，比如加入一些营销词，做为转化入口。
以上是搜索过程中的一些设计，但并不是越灵活越好，还是要依据具体的用户场景去设计最适合的搜索方式。
4. 显示搜索结果
朋友抛出问题后，你要给出答案，为了更好的解答疑惑，也许你会提供很多可选择的答案。每一次搜索也会得到很多结果，这时需要对结果做下处理，在提供海量丰富选择的同时，也让用户更快速的找到自己想要的结果。
网站搜索栏设计 第7篇
现在很多的App都在用这种方式，不占用页面顶部位置，其实是比用图标更进一步的弱化了搜索功能，它配合了用户最常用的下拉手势，隐藏的深了一点，有一定的学习成本。
这也是配合产品的战略去设计的，比如微信中的订阅号列表页，就是用了这种方式，去凸显下面的订阅号文章列表的，在感官上尽量让用户沉浸在推送文章的列表中一个一个的往下看，而不是去搜索特定的某一篇文章。
搜索入口在设计的时候尽量做到简洁，在兼顾产品调性和页面布局的前提下，让用户尽快的找到搜索功能，不需要花费过多的学习成本。好了，找到了搜索的入口，就像朋友已经找到了你，接下来看看提问过程中会发生什么情况吧。
二、开始搜索
朋友要开始抛出问题了，首先要让他知晓你能解决问题的范围或者类别，也可以给他一些问题库，或者甩给他一些历史问题，看能不能从中直接找到答案。
用什么方式提问、问题是模糊的还是具体的，在他提问前你一无所知，但你却可以做些准备来应对这些不确定情况，让朋友可以在你这高效又准确的找到问题答案。
上述疑问在搜索的过程中也存在，接下来去真正的搜索页面一一攻破。
1. 搜索范围
网站搜索栏设计 第8篇
在搜索的时候经常会出现结果较少，甚至是结果为空的情况，这个时候就需要缺省页面。
除了放空页面，其实还可以选择加些建议或者推荐。比如淘宝中，搜索词没有对应的结果，系统做了分词，并根据分词去搜索显示结果。还有一些平台不会提示没有搜索结果，直接显示分词搜索结果，可以看下得到的无结果显示方式。
关于缺省内容，可以制定不同的策略，但还是要根据产品定位去进行权衡，避免画蛇添足。
以上是搜索结果在显示时的一些设计方式，其实还有很多没有总结到的，比如搜索结果的展示方式是文字还是图片、为了提高响应时间可以做本地搜索和全网搜索，等等。这些也都可以和使用场景及产品定位结合考虑，就不一一介绍了。
三、最后
注重搜索功能虽说是交互设计的目的，但本质上还是以提升用户体验为首位，要尽可能多的考虑用户的使用场景，实用是最关键的。结合不同的产品类型，搜索功能承载的意义也是不一样的。
比如内容型产品的搜索，不论是在精准搜索还是扩展结果方面，更多的是提高搜索效率，电商型产品除了要提升效率外，也会也承担一些营销活动导流或转化的运营需求，如果设计合理，其实是可以直接让企业获利的。
最后的最后，谨记“奥卡姆剃刀原则”，以简洁易用为主，不要为了设计而设计，太复杂的操作或者繁重的搜索结果，都会给用户增加学习成本，适得其反。
对于搜索，如果你有更好的想法，欢迎随时和我交流。
题图来自 Unsplash，基于 CC0 协议
网站搜索栏设计 第9篇
在搜索结果中，如果文本过多，用户很难快速的看出搜索词，这个时候对关键词进行高亮显示，快速定位搜索词，可以帮助用户更快的判断这条结果是否有用，节省用户的决策成本。
大部分的知识类产品，因为文本过多，在搜索结果中都会高亮搜索词，像微信读书就是一个很典型的例子。