经过大规模迭代，最近我在看公司的运营数据的时候，发现数据不太好，通过查看浏览页面的浏览时长，订单的转化率，发现并没有太大的变化，所以我一直在思考如何去改善数据，让公司的盈利能力最大化。

通过对产品的不断使用和慎重的考虑，我发现站内搜索做的太差了，于是我决定对搜索进行详细深入的研究，为用户打造良好的搜索用户体验，相信这会提高网站的购买转化率。

这里我先解释一下背景，我说的站内搜索哔站下拉框★64xl.com下拉框软件可霸屏，下拉框关键词软件怎么用，是以电商网站的站内搜索为例的，然后我会分几个部分来讲解。

本文详细讲解了搜索框的用户体验，感兴趣的话请继续关注后续文章。

搜索框位置

图片示例：亚马逊

现状：当你进入亚马逊的网站时，搜索框被放在非常显眼的位置。

设计原因：用户进入电商网站，大部分人都是根据自己的需求进行购物，进行搜索的话需要找到搜索框，所以搜索框必须放在显眼的位置。

默认商品提醒

图片示例：淘宝

目前情况：淘宝页面输入框里默认有一句话：服饰节新品大赏！

设计原因：

下拉框热搜词推荐提示

图片示例：苏宁易购

目前情况：点击输入框，下方弹出推荐类目：目前搜索，下方推荐的类目和商品较多

设计原因：当用户在网上购物，准备精准搜索自己想要购买的商品时，热搜词出现，用户也想购买的商品就会不经意间出现，这很容易刺激用户的购买欲望，提高热搜商品的销量。

用户场景模拟：我讨厌逛超市，本来想买点蔬菜，结果逛着逛着就买了一堆水果和零食，买的东西比我预想的多了几倍。

如何设计：在设计这个功能的时候，作为产品经理，不能只注重表面的用户体验，还要从两个方面来处理。

搜索框下拉框历史记录推荐提示

图片示例：京东

目前情况：在京东搜索显卡和电脑选项，再次进入京东首页，点击搜索，就会出现你的搜索记录。

设计原因：用户对于搜索过的商品有很强的购买倾向，在浏览过但未购买后，再次返回搜索时会自动出现搜索记录，无需手动重新输入信息，大大提升了用户体验，也相应提升了用户购买转化率。

搜索下拉框中出现类别提示

图片示例：亚马逊、淘宝

现状：用户搜索商品时，搜索框下拉框提示在某一类目下搜索

设计原因：

类别选择框

参考图片：亚马逊

目前情况：在左侧搜索框中，您可以先选择分类，然后输入要搜索的商品。

设计原因：通过先选择搜索类别，再填写输入内容，可以更容易精准的搜索到想要的结果。

自动容错

参考图片：亚马逊、淘宝

现状：

在亚马逊，当你输入关键词时，下拉框会自动修正到一些选项，但是淘宝没有这个功能。在淘宝，当你输入“断袖”，搜索结果会显示你搜索的单词是否是“断袖”。

以上两类统称为自动容错功能。

当用户搜索商品时输入错误的字符，系统会自动识别、纠正，并推荐正确的字符（即用户想要搜索的结果）。

设计原因：当用户不小心输入了错误的字符进行搜索下拉框搜索词，得到了无结果提示或者不想要的结果页面，然后返回搜索框重新输入字符时，流程就会崩溃。

因此自动容错功能将会大大提高用户的体验度下拉框搜索词，增加用户的购买率。

语音输入搜索

目前情况：市面上主流电商网站的网页版均没有该功能，但是大部分移动版都增加了该功能。

设计原因：电脑端无法实现语音搜索，用户还不习惯，但手机的便捷性、便携性，以及微信等一系列社交APP已经培养了用户使用语音的习惯，增加该功能自然是最佳选择。

以上只是搜索框用户体验的一部分，更多的体验还有待研究和探讨。

总结

作为搜索的展示面：搜索框，我们仔细研究后发现，有太多的规则和交互体验可以帮助我们改进。每一个细节的改进，都可以让用户的搜索体验更好，让用户感到愉悦，自然也会让网站受益。

上述搜索框用户体验不仅适用于电商网站的站内搜索，也适用于其他类型的网站。

设计+协作，就够了！

免费使用