搜索功能是电商产品的一个重要功能，本文作者从信息架构、操作流程、用户体验这三个维度，对电商产品中的搜索功能进行了拆解分析，一起来看一下吧。

在平时使用的时候，是否有发现一个问题，就是不管是国内还是国外，具有相同业务属性的产品“长得越来越像”。比如国内的电商产品，不管是从视觉还是交互，都几乎大同小异。是因为现在的设计师缺乏创意了么？我觉得最主要的原因，还是由于现在越来越多的产品在分享用户的时间，所以相同类型产品越雷同，用户的学习成本就会越低，就有可能在仅限的使用时间里完成转化。

那交互设计师是不是就没有价值了呢？我觉得也不尽然，功能与操作流程虽然雷同，但是既然能在相同赛道存活，业务属性、目标人群等还是会有所差异。所以交互设计师就可以基于当前的业务背景，对功能的交互体验进一步优化，提升平台目标用户的操作体验。

基于此，笔者推出了“体验分析”系列文章，目的是希望通过对产品功能的体验拆解与分析，让读者包括自己熟悉该功能的“常规玩法”，从而能更好地运用到自身产品中。如何拆解？我将从三个维度进行，即：

此次带来的是电商产品的搜索功能的体验分析。

一、信息架构

页面的信息架构是页面功能的承载，所以在分析搜索页面的信息架构时，需要思考电商产品的搜索都涵盖哪些功能页面。我将它主要概括为三个，即搜索入口、搜索页、搜索结果页。

1. 搜索入口

由于电商产品的强搜索属性，所以搜索入口几乎都放在了页面顶部，用搜索框呈现。同时除了搜索框以外，根据业务属性，还包括像图片搜索、扫码搜索、AR搜索等其他搜索方案，均集合在顶部的搜索区域。

用户已经对搜索框是什么，怎么搜都有了固定的认知，即使搜索框不加搜索图标与占位说明，也不会引起用户的歧义，这就让搜索入口有了更多的延展。如当前市面上的搜索框占位大多采用的是“关键词推荐”，基于用户行为与算法，打造出“我就知道你要搜这个”的感觉，增强产品与用户的互动，同时也能提升用户的搜索效率。

2. 搜索页

搜索页是用户点击搜索框进入的页面，此时用户已经有搜索意愿了，但是可能还没有明确具体要通过哪个关键词进行搜索。因此就出现了两种场景，及主动搜索、被动搜索。

主动搜索即用户通过明确关键词搜索，页面信息包括输入框，键盘，以及记录用户以往行为的“历史搜索”；而被动搜索主要是平台基于用户的行为数据，为用户推荐的一类搜索集合，如“猜你喜欢”，为用户推荐相关关键词；如”热搜“、”榜单“等功能，为用户推荐场景、商品。由于用户已经进入搜索页，所以此时能判定用户的主动搜索意愿更强，所以在信息架构上，主动搜索相较于被动搜索会优先展示。

3. 搜索结果页

搜索结果页是根据用户搜索关键词或推荐内容遍历出来的所有商品集合。此时页面的关注点在于“如何帮用户找到最终想要的商品”。页面功能主要是帮助用户缩小商品范围，筛选出满足用户目标的一类商品。那么如何设置筛选项呢？目前市面上的大多数电商产品都是从两个维度出发，即商品属性、业务属性。

商品属性一般是根据商品本身特质出发，如价格、品牌、样式、参数等。由于商品类型不同，所拥有的属性也有所不同，所以在搜索结果页中，商品属性的筛选项也有所不同。但是共性的特征是，所有高频的筛选操作均露出展示，而低频的、补充性的操作都会隐藏在“筛选”操作中。

业务属性一般是根据业务特征来设定，包括各种榜单，如销量榜、评论榜、好评榜等，能帮助用户根据自己关注的数据择优选择；另外还包括其他的一些业务特征，如营销，用户可以筛选参与营销活动的商品；如物流，可以根据所需商品的时效选择合适的物流，如上新，根据上架时间帮助用户选择最新商品等等。

不管是商品属性还是业务属性，相关筛选项的设定都不是一厢情愿，自以为用户需要某种筛选，很有可能因此就增加了用户的负担。合理的设定以及动态的跟进相关筛选项的数据，对相关数据提取比较后选出最优的搭配，才能更好地解决用户在当前页面的痛点。

二、操作流程

搜索功能的操作流程可以按照用户输入关键词的前、中、后三个阶段进行划分，每个阶段都有相关的触点引导用户操作，我们来拆解看看都有哪些？

1. 搜索前

用户在输入关键词前，可能会停留在两个场景中，即搜索入口、搜索页。

搜索入口，除了引导用户点击进入搜索页，我们在前面的分析中了解到，目前市面上的电商产品都会在输入框显示“关键词推荐”，而设置的目的不管是提升相关关键词商品的转化还是提升用户的感知，都需要用户点击转化才能实现。所以如何让用户快速点击搜索推荐关键词就显得尤其重要了。

目前电商产品的做法大多是在搜索框上加“搜索”按钮，一方面方便用户直接搜索当前推荐的关键词，另一方面也可以增强搜索区域的用户感知，符合“强搜索”属性。但是也有一些产品没有加上该操作按钮，用户如果想针对当前关键词搜索，只能点击进入搜索页搜索，无疑增加了用户的操作路径。

而针对搜索页，我们在前文中有提到，用户主要有两种操作行为，即主动搜索与被动搜索，而主动搜索层级在前。如何提升用户主动搜索的效率？我们可以结合用户的搜索路径，将链路中的操作反馈前置，从而减少用户的点击次数与完成搜索时间。

常规的搜索链路中，用户点击搜索框，唤起键盘，用户键入关键词点击搜索，反馈搜索结果。但是由于希望搜索承载更多内容，电商搜索中，用户点击搜索框是进入的搜索页。那是不是需要用户在搜索页再次点击搜索框唤起键盘呢？显然不是，而是在用户进入搜索页时，就直接光标闪动并唤起键盘，方便用户直接键入内容搜索。

电商产品中的“搜索”功能（啥是搜索电商）