电商站内搜索体系搭建（2）：UI交互与前端呈现

王小命儿 2023-07-22 06:47:24

从整个搜索层面来看，搜索属于整个电商导购体系的中坚一环，当然包含目录列表，是昔日淘宝，天猫，京东苏宁等，以及其他电商流量获取以及成交转化的“王者”，也是其开启付费广告平台的一个伪“创新”（谷歌百度很早就这么干了）。

熟悉电商发展史的人都会知道其发展的历程，先期通过大规模拓展品类与商家，同时大规模拓展宣发广告与促销，吸引流量进而形成消费习惯，逐步形成一个商品或者商家的服务广告商，这其实是国内各大电商的发展路径。

那么搜索则作为其导购服务体系的重要一环，其实有必要单独拎出来大书特书一番（不过时代变迁，直播导购的兴起，以及个性化智能推荐模块的普及，分走了很大一部分搜索列表的流量，这也使得导购层面更加多元化，如果有空我会单独将直播社交等元素来单独说一说）。

那么作为电商的导购主要模块之一的搜索，如何从一个小小的搜索框来撬动这么多站内流量和转化的呢，我将由表及里，由浅入深的给大家醋溜一份开胃搜索大餐。我将通过UI交互和前端呈现，展示逻辑与方式，算法实现以及原理三个方面为大家阐明。

UI交互与前端呈现-搜索框

1. 搜索框-页面呈现

搜索虽然占据整站流量较大，但是在其前端展示的窗口或者坑位却寥寥四笔，两竖两横构成了一个搜索框，那么针对这个简单的搜索框其实有很多的门道在里面，其主要体现在两方面：

其搜索框在首页和其他页面的展现形式以及页面滑动期间其搜索框的动态展现形式；
搜索框里的内容以及输入关键词时所展现的内容。

从单个产品角度而言，搜索框在页面的静态或者动态实现形式其实很简单，难点即在于如何去配合全局app去扯皮。在于整个app的产品规划上，需要说服对方为什么要给与搜索框如此多的呈现曝光机会，小小几英寸的屏幕上难道仅仅只有搜索框是高价值的么？当然不是。

原因有二：

我们从用户在手机端的浏览习惯说起。（这是题外话）用户使用手机端口访问电商app，其购物目的性不管有多大，多么模糊，我们始终要承认这么一个假定，即用户确实是带着目的来寻求购物的，因此在app的任何坑位存在的意义都必须围绕要强调迎合用户的购物需求来开展。随着现阶段导购层级的多元化，包含个性化推荐模块，内容社区模块，直播模块，以及长尾单品推荐模块等等可能进一步分流了搜索目录以及其他频道的流量，那么这并不意味着用户在浏览这些模块时100%的能找到自己心仪的购物目标。因此必须要预留搜索框的悬浮层，减少用户的行为成本，这是其一。

从流量价值和体量来讲，搜索作为用户的精准需求行为，其转化率和流量数量以及uv价值应该也是同类其他模块的佼佼者，基于电商GMV公式，高转化模块，客单价变，如果导入更多的流量，成交额是不是会上涨？这是其二。

不过每家公司可能都有一些绕不过去的跨部门沟通问题，这在于作为搜索产品的你，如何去和执行设计部门去沟通探讨了。这里总结一下搜索框的页面呈现要求，即高曝光率，置顶悬浮层。再说句题外话：不要以为产品岗位就只是老实做产品就可以，还有职场跨部门的人际关系。

2. 搜索框内容呈现

在搜索框中内容呈现应该是我要说的重点，因为这是搜索核心指标的承载体，即关键词。那么我们将其分为几个分支单独来说一下：

在没有任何行为时搜索框出现的底纹词（或者叫默认词）；
点击搜索框之后出现热词，和历史搜索词；
在搜索框输入之后，出现的下拉联想词（或者叫建议词）。

以上三个我就不单独解释了，有兴趣的朋友可以看我之前写的：电商运营之站内搜索的全面指南（一）。那么我要讲的其实是这三个分支的样式以及背后的迭代策略。

（1）底纹词

目前不同的电商有着不同的呈现方式，国内主流基本上是个性化单词，或者采用多位个性化滚动的单词阵列，其基于原理来自于用户行为的算法，协同过滤，余弦相似度，svm，贝叶斯等等算法，这里就不展开将实现原理了，感觉有点超纲。

当然如果出于营销的需求，有时候低温框词的内容有可能会有营销词链的现象，这也可以作为一个手动干预的入口，也是产品在规划过程中必须要准备的人工干预的后台入口。基本可以参考京东，淘宝。aliexpress。

但是有时候我在进行竞品调研时会发现，国内的这种司空见惯的呈现方式，在国外却鲜有运用，往往都是空空如也，比如亚马逊，souq ，noon以及其他电商网站，我猜测这与国内外的审美以及购物习惯差异有关，往往在欧美等国家的app都会以大量留白的形式来呈现简洁的页面观感，这和国内“地方再小也是肉”的运营观念是比较迥异的。

（2）历史词以及热搜词

从目前的数据观测角度来讲，论搜索的pv转化率，历史词其实是转化效果最好的，这也与用户的精准需求有关，能够二次搜索的关键词往往用户的需求是强烈且明显的。因此一般而言是放在点击搜索框后出现的留白页面的最上方，其呈现形式可以是横竖排列，也可以标签排列等，词数一般不超过7-10个。

UI呈现形式多样，可以根据自身实际需求进行设计，没什么可说的点。重点说说热词模块，热词即用户在点击搜索框后呈现在历史搜索模块下方的词阵列模块，展示的是站内热门的搜索关键词，包含活动词链以及人工配置的一些营销性质的自然关键词等，那么热词模块在产品构建中需要综合考虑两点，一个是用户需求，一个是公司需求。

也就是说在热词模块的词阵列上既要有匹配用户历史行为或者猜测用户意图的关键词，又要有基于公司营销或者类目促销需求的关键词，那么整个热词的产品方案就很清晰了，采用同一个人工运维入口，并保留个性化词库的接入，个性化方面还是采用之前介绍的个性化等算法，人工可以自行配置其词坑位数量。哪些是手动配置的营销词，哪些是个性化的关键词。后台增加上下线时间，是否标红，生效地区等。增删改查等一律都上。

（3）联想词

联想词即在用户输入关键词时，搜索框下方出现的词条矩阵，从目前我所收集到的数据而言，从流量上讲，联想词占据了整个搜索流量的一半以上，因此对于词的质量必须要有严格的把关。必须从转化率，词的质量（错别字，低效率，长尾）把关。

另外对于联想词国内的玩法其实有很多，有京东的词+列表混合模式，词+列表+参数混合模式，不过在英语语系由于词长度的限制，无法实现中文象形文字的这种布局，最后提醒一下，联想词必须要保留人工干预的后台入口。作为一个产品设计一个后台干预平台应该不难吧，

好了今天先到这，佛系结尾。