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

当前位置:首页>设计文章>UI>设计复盘 | 搜索功能体验优化详解
设计复盘 | 搜索功能体验优化详解
    • 01 项目背景

  • 02 发现问题与设计策略
  • 03 搜索「建议」页设计
  • 04 搜索「联想页」设计
  • 05 搜索「结果页」设计
  • 06 项目总结

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

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

项目背景

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

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

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

发现问题与设计策略

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

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

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

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

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

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

搜索「建议页」设计

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

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

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

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

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

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



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

搜索「联想页」设计

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

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

内容方面

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

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

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

做法方面

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

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

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

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

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

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

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

搜索「结果页」设计

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

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

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

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

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

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

流内容结构优化

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

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

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

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

内容信息层级优化

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

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

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

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

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

项目总结

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

设计复盘 | 搜索功能体验优化详解
作者|OK欣

设计复盘 | 搜索功能体验优化详解
Hi,我们是ASAK设计团队

AstroxAkira

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

点击关注了解更多信息
设计复盘 | 搜索功能体验优化详解
设计复盘 | 搜索功能体验优化详解
设计复盘 | 搜索功能体验优化详解

如有帮助别忘了"分享、点赞、在看"

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI交互产品设计干货

究竟是什么决定用户体验的走向?

2023-8-1 14:27:31

UI交互产品设计干货

一文读懂B端全局导航设计

2023-8-1 14:27:45

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索