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

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

    • 01 项目背景

    • 02 发现问题与设计策略

    • 03 搜索「建议」页设计

    • 04 搜索「联想页」设计

    • 05 搜索「结果页」设计

    • 06 项目总结


    搜索是每个产品必不可少的链路,影响着产品的体验、留存、变现等重要指标。本次大神搜索链路的体验优化分为三个部分,分别是「建议页」的调动用户兴趣,「联想页」的提高内容命中,和「结果页」的提升检索效率。希望通过文章能为大家带来新的思考,借机交流探讨。

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

    项目背景

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

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

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

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

    发现问题与设计策略

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

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

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

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

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

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

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

    搜索「建议页」设计

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

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

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

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

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

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

    搜索「联想页」设计

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

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

    内容方面

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

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

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

    做法方面

    表现形式上,通过细化内容类型和降低用户认知负荷来配合算法召回,进一步提高内容命中。

    通过细化,我们从五大类内容类型中分出九种内容卡片,分别为「游戏详情」「游戏圈子」「用户」「群聊」「场景」「攻略」「工具」「活动」及可灵活配置的「资源位」。

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

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

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

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

    搜索「结果页」设计

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

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

    Tab结构优化

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

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

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

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

    流内容结构优化

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

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

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

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

    内容信息层级优化

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

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

    二是通过关键字飘红来提高文字层级,降低图和视频在卡片中的比重,突出文字信息。

    优化后的方案可看出,同样的内容,首屏可多展示2-3项内容,利用屏效的提高来弥补目前算法的不足。

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

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

    项目总结

    通过优化搜索链路,大神用户对搜索的满意度、搜索渗透率与完成度也有显著提升。但由于搜索本身对算法的依赖,更多设计方案有待算法基建完善后延伸。后续我们将不断探索更多搜索链路优化的方式,为用户带来更好的检索使用体验。

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

    作者|OK欣


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

    Hi, 我们是网易互娱ASAK设计团队

    Astro x Akira

    定期分享优质设计内容和团队最新资讯

    点击关注了解更多信息

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

    如有帮助别忘了 “分享、点赞、在看”呀👇