以电商为例浅谈设计搜索时容易被忽视的部分

浅浅的花香味﹌ 2022-03-02 17:42 290阅读 0赞

大家好，我是IT修真院郑州分院第9期学员，一枚正直善良的PM。

今天给大家分享一下，浅谈设计搜索时容易被忽视的部分。

在设计搜索系统的时候，我加一个搜索框和一个搜索结果页，找一个搜索的算法团队提供搜索算法，其他的交互抄抄竞品，是不是就ok啦！当然是不行的，因为搜索框的设计非常的重要，在电商平台中，健康程度，可以从首页“搜索框”的点击率来略窥一二。想一想，一个想买“追风筝的人”的用户的购买转化率和一个随手打开APP的用户的购买转化率，必然前者要高很多很多啊。也就是说搜索入口点击量越高，说明健康程度越高。一般电商的搜索栏的点击比例可以达到1/2以上。由此可见搜索功能的重要性。

总之，搜索产品线满足着“有明确购买意愿”场景，承载着电商APP中最重的一部分流量。

“搜索”功能的几个步骤：

![clipboard.png][]

从上图用户的使用流程可以看到：用户的搜索需求链可以粗分为5步。因为最后两步“进入单品页查看详情”“加入购物车”和商品信息、单品页展示相关，搜索结果一般也很受重视，但是前两步经常就会被忽视，所以我们主要研究前2步。

“搜索入口”设计要点：

搜索入口的关键指标是这个功能的使用率，目前搜索入口栏的视觉样式已经趋同，设计时候采用搜索框／单独的搜索按钮已经比较主流了。

![clipboard.png][clipboard.png 1]

在这种情况下，提高搜索入口的使用率，有两个要点：

要点1：寻找频道增加搜索入口

错误方式：我在所有的卖场页面都加上，有比没有好吧，让用户想搜就搜，还符合尼尔森一致性的原则呢。

搜索入口有两种模式：

模式一：普通型，搜索模块是对所有商品进行搜索；

模式二：指定型，搜索模块只针对指定分类、或卖场内的商品进行搜索。

如果你的卖场商品数量较多，并且品类综合，采用普通型搜索模块。一般这种综合型的卖场流量大，用户意向分散，使用普通型搜索模块即可。比如：首页、比如大促落地页等。

如果你的卖场商品数量较多，并且品类单一，采用指定型搜索模块。指定类目的卖场，比如：生鲜卖场、图书馆等，需要在搜索模块上增加类型。也就是说用户在图书馆里面的任何搜索，都应该是书籍相关的。又或者是满100减10的卖场中，搜索到的商品也应该是满足这个促销条件的。

如果你的卖场商品数量较少，不要使用搜索模块。比如：榜单、少商品的卖场等，如果用户搜索后召回的商品数量极少，简直是搜索体验的噩梦。有这个模块还不如没有哇，真是的。

如果你的卖场品类用户无法感知，不要使用搜索模块。推荐清单就是一个例子，用户无法感知到这个集合是什么样子的。可能这个用户A比较喜欢图书、女装，换了一个用户后，品类却完全不同。

要点2：增加单页面内搜索入口的曝光次数

这个要点需要在交互层面注意，不要让你的搜索模块仅仅出现在首屏。在用户下滑浏览过程中也需要看到搜索入口，可以采用一个吸顶的搜索栏，或者在用户下滑过程中将搜索栏缩小到某一个位置。总之，要保证实时可见。

“搜索输入页”设计要点：

搜索输入页有两个状态，一个是刚进入时候的默认状态，另外一个是用户已经开始输入时候的输入状态。

要点1：“搜索输入页”的默认状态默认状态承载了两个任务：

![clipboard.png][clipboard.png 2]

（1）对于用户：帮助用户快速输入用户进入搜索输入页，应该立即键盘弹出并且输入框是待输入状态，保证用户无需其他点击，直接输入即可。另外需要增加快捷搜索词入口，展示5～10个历史搜索词，方便用户快速键入。

（2）对于业务：增加产品引导性可以在搜索页增加一些模块，提高相关性购买。比如：热门搜索模块、比如推荐搜索词模块等。

要点2：“搜索输入页”的输入状态

在输入状态下，需要节省用户的输入时间，快速进入搜索结果页。所以需要有如下功能：

![clipboard.png][clipboard.png 3]

（1）搜索词匹配：比如：输入英文“hah”可以转换成中文“哈哈”，并且识别出我的关键词是哈哈哈。搜索建议功能是满足用户只记得部分关键词等的模糊搜索场景，这一个部分主要是技术来实现。PM更加注意在交互和视觉上进行命中态和非命中态的区分，比如：上文中的“hah”就应该展示成非命中态。另外如果搜索词完全命中和部份命中，也应该在样式上进行区分。

![clipboard.png][clipboard.png 4]

（2）帮助用户快速定位搜索词提供搜索词相关的信息：比如显示搜索结果数量、商品数量等。 搜索结果信息前置从而缩小结果范围： 比如搜索词属性、标签等。

更多讨论  
Q1：这些技巧是否只适合在电商平台使用？

A1：当然不是，这些技巧按照产品属性酌情使用。

Q2：需求是否足够重要是什么意思？

A2：当市面上的产品都不能满足用户的需求，这这时候用户会衡量是否降低要求使用不好的产品，还是这个需求是不是必需要被满足的，如果这个需求不是刚需，则暂时放弃，宁折不弯。

Q3：这些功能的优先级怎么算？

A3：这些都是提升用户体验的方式，如果产品是迭代状态，可以优先，如果是首次开发，酌情使用。

今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~

[clipboard.png]: /images/20220302/e09d95fae07f4857b489f531bf2b86e0.png
[clipboard.png 1]: /images/20220302/33c9d952af214cf788bff7c1e1921063.png
[clipboard.png 2]: /images/20220302/040215ea630b46fa8d60b874856e3e3d.png
[clipboard.png 3]: /images/20220302/b92e0d1a937746dcbb37f34f412a0410.png
[clipboard.png 4]: /images/20220302/e08f8f9698d5478db351badc9976c2b0.png