设计复盘 | 搜索功能体验优化详解

一、项目背景 

网易大神作为游戏社区平台，大神通过优质内容吸引并留存大批用户，但内容的搜索链路却缺少迭代，制约了后续业务的「规模渗透增长」及「商业价值释放」。 

当前项目的关键问题在于体验短板突出且算法支持能力有限。基于时间与人力成本的考量，决定让设计先行，快速启动搜索链路体验升级，再逐步优化算法。 

二、发现问题与设计策略 

用户的搜索阶段分为「进入搜索」「开始搜索」和「搜索结束」，分别对应的使用路径为「建议页」「联想页」和「结果页」。建议页的目标是帮助用户发现感兴趣内容，联想页需准确猜中用户所想，而结果页则需帮助用户快速检索出想要的内容。 

大神搜索存在的问题显现在三个路径上，即无法调动用户兴趣，猜不中用户所需，亦找不到用户想要。 

由此，结合场景目标和用户行为等因素，设计侧制定了对应设计策略。对「建议页」，需激发用户搜索兴趣，优化配置资源；对「联想页」，需细化搜索的内容类型，提高用户所搜内容的命中；对「结果页」，需结构化呈现内容结果，提高检索效率。 

接下来本文将对三个路径的优化方案进行详细叙述。 

三、搜索「建议页」设计 

为寻找设计着力点，设计侧分析了「建议页」的现存问题，归纳出三个待优化点：缺少用户感兴趣的内容，缺少资源位及资源位利用率低，缺少搜索气氛营造。 

何为感兴趣的内容？经数据发现，大神用户的搜索内容偏好以找攻略和找游戏为主，活动、工具、社交、交易次之，其中攻略内容主要分为帖子、视频与话题。由于建议页页面资源有限，因此设计侧决定将游戏、攻略帖、视频、话题设计成多榜单，使用户能在有限的空间内看到重点内容。 

资源位如何提高利用？通过一增一减，即新增灵活资源位（搜索bar预埋词、Banner、热搜索词配置、多榜单配置）及减少次要模块的曝光（减少历史记录高度，去除推荐关注用户模块）。 

如何营造搜索氛围？一是通过上述模块内容的增加，二是通过在重点内容上增加「火、新、上升」等标识，营造实时火热的互动氛围。

四、搜索「联想页」设计 

对于联想页，设计侧从内容和做法上寻找设计着力点：

1. 内容方面 

内容上，通过预设用户意图，展示符合用户使用目的的内容来提高内容命中。 

前文提及，经用研与数据发现，用户主要关注的内容为攻略、游戏、活动、社交等。值得一提的是，进入「联想页」的用户，其目的性会比停留在「建议页」的用户强，因为该类用户已经产生输入的行为，已形成搜索对象的雏形。 

因此，我们在联想页中补充进活动、社交、工具方面的内容。对比建议页，联想页需要更广的内容类型来应对用户更强的目的性。 

2. 做法方面 

表现形式上，通过细化内容类型和降低用户认知负荷来配合算法召回，进一步提高内容命中。 通过细化，我们从五大类内容类型中分出九种内容卡片，分别为「游戏详情」「游戏圈子」「用户」「群聊」「场景」「攻略」「工具」「活动」及可灵活配置的「资源位」。 

同时，为避免命中多项卡片后的层级混乱，设计侧按产品调性及搜索频次，对上述卡片进行样式上的层级划分。对高层级内容，会增加图片比例，增强视觉效果，对低层级内容，会减少卡片高度，降低视觉比重。 

算法方面，由于大神未在联想页中加入过多算法干预，用户在搜索栏中点击按钮切换”全大神/本圈内“场景来实现联想内容的筛选，造成认知负荷且不符合使用习性。本次体验升级，加入了算法的召回干预，我们把这项筛选后置在结果页中，用户无需在联想阶段自主筛选内容，更符合目的性从建议页到结果页渐强的用户行为。 

五、搜索「结果页」设计 上文叙述了「结果页」的设计策略是「结构化呈现」，那具体如何实现「结构化呈现」？设计侧将其分为三部分，分别是「tab结构优化」「流内容结构优化」以及「内容信息层级优化」。 

1. Tab结构优化 

在着手优化tab前，我们需要先从产品角度入手。 

大神是一款内容与社交结合的产品，其中内容可以衍生出无数种类，但攻略为用户使用的主要目的，因此我们把攻略设置为单独tab项，其他内容如活动、视频、用户动态等一并收入综合tab。 

对社交而言，群聊和用户是用户检索的高频对象，因此亦单独分出两项。故「综合」「攻略」「频道」「用户」为优化后的4项tab，对比优化前的7项tab，减少了用户不必要的选择成本。 

2. 流内容结构优化 

对于流内容结构优化，我们了解到随着页面的下滑，用户的检索效率从高到低递减。如何在首屏更准确地呈现用户想要的，如何在下滑过程中提高检索效率？接下来我们将进行分析。 

在首屏中，我们加入了「置顶卡」模块。置顶卡的作用是为了能和匹配度次高内容有明显样式上的区分，让用户能第一时间辨认出来。在置顶卡的类型上，我们结合了产品方向和用户高频搜索内容数据，总结出「游戏卡」「工具卡」「内容卡（攻略/帖子）」「赛事直播卡」「百科卡」「群聊卡」六类。 

在下滑过程中，我们加入了「聚合卡」模块。聚合卡的作用是聚合同类内容，从而提高屏效。在种类上，我们分了攻略、视频、用户三类，展示精选的3到5项代表性内容。若用户感兴趣，可通过点击“查看更多”，跳转到对应的tab中。 

3. 内容信息层级优化 关于内容信息层级的优化，需要结合大神现状考虑。一是大神目前搜索算法基础薄弱，难靠算法命中用户所搜，需要借助信息层级的优化来提效。二是大神内容审核机制待建设，内容图片与视频的质量均欠佳，需要调整图文层级，突出高质量内容部分。在此基础上，我们细分出具体的设计方案。 

一是通过降低用户和互动信息的比重，缩小单个搜索卡片的高度； 

二是通过关键字飘红来提高文字层级，降低图和视频在卡片中的比重，突出文字信息。 优化后的方案可看出，同样的内容，首屏可多展示2-3项内容，利用屏效的提高来弥补目前算法的不足。 

六、项目总结 

通过优化搜索链路，大神用户对搜索的满意度、搜索渗透率与完成度也有显著提升。但由于搜索本身对算法的依赖，更多设计方案有待算法基建完善后延伸。天津天迅达科技有限公司拥有自己成熟的技术，能帮助我们后续将不断探索更多搜索链路优化的方式，为用户带来更好的检索使用体验。

以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~

天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。

标签：天迅达科技 天津APP开发 天津网站建设 网站建设