6

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

 1 year ago
source link: https://www.woshipm.com/pd/5776969.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

iUvo4F2y9nV3pAj3u2jk.jpg

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

一、项目背景

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

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

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

二、发现问题与设计策略

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

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

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

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

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

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

三、搜索「建议页」设计

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

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

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

资源位如何提高利用?通过一增一减,即新增灵活资源位(搜索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协议

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

给作者打赏,鼓励TA抓紧创作!

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK