对产品本身：我们可以针对用户的搜索轨迹进行相应功能或者模块上的优化，尤其像电商产品，用户搜索的数据非常重要。

目前大部分网站在布局搜索框位置时，大致遵循以下几个规则：

如果搜索框位置在顶部居右，那搜索就是辅助功能，那当然短一点。具体宽度，需要考虑顶部UI布局情况。但一般不小于220px（大概数值，自己平衡），不然就不太方便输入关键字了。

那如果搜索框位置在在顶部居中，则可长可短，根据业务情况和页面布局判断。

基于业务需要，搜索框内经常会有推荐词，方便用户不用输入关键词就可以直达结果。同时，也是一种对商品的促销，对资讯的推广。根据不同需要，可以有不同的显示方式。

2）多个推荐词同时显示：例如上面的是LexisNexis，全球顶级法律数据库中国站。没有和京东一样，做单个推荐词的动态交替显示，是因为用户场景不同。

因为LexisNexis的用户都是律师群体，工作中时间宝贵。使用网站都是为了快速查询数据，没有时间等待。因此一次性显示2-3个推荐词，方便用户直接看到核心分类类容，直接点击。

触发搜索之后，搜索框失去焦点，框内保留搜索关键词，显示多条搜索结果，每条搜索结果中对搜索的内容飘红展示。如何能让搜索结果更清晰的展示，让用户更快的找到所需，针对搜索结果的交互设计需要注意以下几个问题：

将搜索到的结果进行分类处理，一般采用Tab的样式进行归类，如谷歌搜索“设计”，将搜索结果按照“全部”“图片”“视频”“新闻”“更多”等进行了分类。

排序与筛选的维度因产品性质而异，常见的排序方式有时间、价格、销量、距离、好评等；筛选可以算做个性化的需求，不同产品间存在较大差异。排序和筛选的功能一般放置在搜索和结果之间，一是符合用户的认知和使用习惯，再者便于用户切换。尤其在电商类网站中，排序和筛选功能尤为重要，占到了首屏空间的三分之一。

用户在搜索时输入了错误的词汇，系统经过判断后会展示正确词汇的搜索结果给用户，并友好的告知用户正确的搜索方式。 特殊状态包含无结果状态、网络不佳状态等。

出现无结果的状态可能是： 用户输入错误； 搜索结果无。 针对第一种情况，可以提示用户正确的搜索方式，并自动帮用户纠错；对于第二种，需要有好的提示用户无搜索结果，尝试其他搜索方式或者更换关键词等。

• 目的：更全、更快、更准。更准是搜索引擎最关键的目标。

• 本质：信息获取方式。

• 好的搜索引擎：好的搜索引擎要快、要查的准、搜索引擎要具有稳定性。

如果是一句英文，“Mike had a dog”，每个词都是用空格分开的，里面有“Mike”、“had”、“a”’、“dog”、这四个单词，但中文“麦克有一只狗”，因为没有分隔符（比如：空格）把每个词语分开，就有些麻烦了。 最容易想到的分词方法就是查字典，把句子从左到右看一遍（程序员的说法叫做遍历），每个词语如果在字典中出现过就标记出来。

拿“麦克有一只小狗”举例，比如：“麦克”这个词在字典中出现过，就把“麦克”作为一个词语，“有”在词典中出现过，就把“有”作为一个词语，就这样一直做下去，最后可以分为“麦克、有、一只、狗”。 这种最简单的方式可以解决一部分问题，但也有很大的问题，比如是“小”“狗”还是作为整体的“小狗”呢？程序员使用统计学解决这个问题：

所有的文本分词之后会发现，“的”、“了”、“吗”、“也许”等没有很强实际意义的功能词有很多，相比之下“产品经理”、“搜索引擎”等词语更加具有实际意义的反而较少，后者更应该作为关键词。 于是，我们使用把所有这些功能词存起来，作为停用词（stop word），如果一个词语出现在停用词中，就不能作为关键词。

于是，我们就从分词结果中，获得了关键词。 下面是一个简单的停用词表，可能看出，基本都是我们经常使用的、没有很强实际意义的词语。

中文分词是几乎所有中文自然语言处理（Natural Language Processing）的基础，所以学术界和产业界对中文分词的技术研究已经很深入了，有高质量的商用分词库，也有像jieba这样的开源中文分词库，可以免费使用。

通过提取每个网页的关键词，最终每个网页和关键词的对应关系如下：需要注意的是：获取关键词不仅用在网页处理，而且也用在输入搜索框中。当我们搜索一句中文的时候，搜索引擎内部会进行分词、去掉停用词，获得关键词，之后再进行后续处理。

现在，我们已经建立好了索引，对于每一个网页，我们找到了出现的所有关键词。 当用户查询时，我们从头到尾，对每一篇文件扫描一遍，看哪个网页出现了用户查询的关键词，就把这个文件作为搜索结果。

但问题是：网页数量太多，从头到尾扫描一次就要花好长时间，根本无法满足正常的需求，更别说快速响应了。

所以我们可以思考：能不能把关键词放前面，网页放后面？ 这样，当我们检索的关键词的时候，不需要遍历整个系统，只用查找对应的几个关键词，就可以找到需要的网页了！

这样一来用户搜索“关键词1+关键词2”，那么搜索引擎需要找到“网页1，网页2，网页5，……网页N”，“网页3，网页4，网页5，……网页M”，找到同时出现的“网页3、网页5，……”。这样就大大加快了呈现排名的速度。

本文从搜索框的基本元素，位置以及内容介绍了搜索框的构成和特征，后面从搜索的引擎以及搜索结果的介绍展示了搜索框的搜索中与搜索后的交互结果呈现，希望能够帮助到大家。

本文由 @隔壁老王讲产品 原创发布于人人都是产品经理。 

    以上就是本篇文章【搜索框的设计】的全部内容了，欢迎阅览 ！ 文章地址：http://dfvalve.xrbh.cn/news/9632.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 迅博思语资讯移动站 http://keant.xrbh.cn/ , 查看更多