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

4 评论 8048 浏览 99 收藏 13 分钟

现在,几乎每个产品里都配备了搜索功能,而搜索功能、搜索链路设计得合理与否,则很大程度上影响了用户体验与后续留存。那么,如何才能做好搜索设计、搭建完善的搜索链路呢?本文作者便结合实际案例进行了内容分享,一起来看。

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

一、项目背景

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

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

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

二、发现问题与设计策略

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

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

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

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

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

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

三、搜索「建议页」设计

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

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

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

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

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

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

四、搜索「联想页」设计

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

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

1. 内容方面

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

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

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

2. 做法方面

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

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

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

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

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

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

五、搜索「结果页」设计

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

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

1. Tab结构优化

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

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

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

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

2. 流内容结构优化

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

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

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

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

3. 内容信息层级优化

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

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

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

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

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

六、项目总结

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

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

作者:OK欣;公众号:ASAK设计(ID:ASAK_Design),ASAK设计团队(Astro x Akira)

本文由 @ASAK设计 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 内容详细完善 感谢

    来自安徽 回复
  2. 内容挺详细,赞

    来自浙江 回复
    1. 收藏了

      来自浙江 回复
  3. 图片是用ppt做的吗?

    来自北京 回复