服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

看大厂设计师如何拆解搜索功能

日期: 来源:应谋鬼计收集编辑:OK欣

  • 01   项目背景

  • 02   发现问题与设计策略

  • 03   搜索「建议」页设计

  • 04   搜索「联想页」设计

  • 05   搜索「结果页」设计

  • 06   项目总结


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

项目背景
网易大神作为游戏社区平台,大神通过优质==内容吸引并留存大批用户,但内容的搜索链路却缺少迭代,制约了后续业务的「规模渗透增长」及「商业价值释放」。
当前项目的关键问题在于体验短板突出且算法支持能力有限。基于时间与人力成本的考量,决定让设计先行,快速启动搜索链路体验升级,再逐步优化算法。


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


大神搜索存在的问题显现在三个路径上,即无法调动用户兴趣,猜不中用户所需,亦找不到用户想要。
由此,结合场景目标和用户行为等因素,设计侧制定了对应设计策略。对「建议页」,需激发用户搜索兴趣,优化配置资源;对「联想页」,需细化搜索的内容类型,提高用户所搜内容的命中;对「结果页」,需结构化呈现内容结果,提高检索效率。
接下来本文将对三个路径的优化方案进行详细叙述。


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


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

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

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



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


内容方面
内容上,通过预设用户意图,展示符合用户使用目的的内容来提高内容命中。
前文提及,经用研与数据发现,用户主要关注的内容为攻略、游戏、活动、社交等。值得一提的是,进入「联想页」的用户,其目的性会比停留在「建议页」的用户强,因为该类用户已经产生输入的行为,已形成搜索对象的雏形。
因此,我们在联想页中补充进活动、社交、工具方面的内容。对比建议页,联想页需要更广的内容类型来应对用户更强的目的性。

做法方面
表现形式上,通过细化内容类型和降低用户认知负荷来配合算法召回,进一步提高内容命中。
通过细化,我们从五大类内容类型中分出九种内容卡片,分别为「游戏详情」「游戏圈子」「用户」「群聊」「场景」「攻略」「工具」「活动」及可灵活配置的「资源位」。
同时,为避免命中多项卡片后的层级混乱,设计侧按产品调性及搜索频次,对上述卡片进行样式上的层级划分。对高层级内容,会增加图片比例,增强视觉效果,对低层级内容,会减少卡片高度,降低视觉比重。

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




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

Tab结构优化
在着手优化tab前,我们需要先从产品角度入手。
大神是一款内容与社交结合的产品,其中内容可以衍生出无数种类,但攻略为用户使用的主要目的,因此我们把攻略设置为单独tab项,其他内容如活动、视频、用户动态等一并收入综合tab。
对社交而言,群聊和用户是用户检索的高频对象,因此亦单独分出两项。故「综合」「攻略」「频道」「用户」为优化后的4项tab,对比优化前的7项tab,减少了用户不必要的选择成本。

流内容结构优化
对于流内容结构优化,我们了解到随着页面的下滑,用户的检索效率从高到低递减。如何在首屏更准确地呈现用户想要的,如何在下滑过程中提高检索效率?接下来我们将进行分析。
在首屏中,我们加入了「置顶卡」模块。置顶卡的作用是为了能和匹配度次高内容有明显样式上的区分,让用户能第一时间辨认出来。在置顶卡的类型上,我们结合了产品方向和用户高频搜索内容数据,总结出「游戏卡」「工具卡」「内容卡(攻略/帖子)」「赛事直播卡」「百科卡」「群聊卡」六类。
在下滑过程中,我们加入了「聚合卡」模块。聚合卡的作用是聚合同类内容,从而提高屏效。在种类上,我们分了攻略、视频、用户三类,展示精选的3到5项代表性内容。若用户感兴趣,可通过点击“查看更多”,跳转到对应的tab中。

内容信息层级优化
关于内容信息层级的优化,需要结合大神现状考虑。一是大神目前搜索算法基础薄弱,难靠算法命中用户所搜,需要借助信息层级的优化来提效。二是大神内容审核机制待建设,内容图片与视频的质量均欠佳,需要调整图文层级,突出高质量内容部分。在此基础上,我们细分出具体的设计方案。
一是通过降低用户和互动信息的比重,缩小单个搜索卡片的高度;
二是通过关键字飘红来提高文字层级,降低图和视频在卡片中的比重,突出文字信息。
优化后的方案可看出,同样的内容,首屏可多展示2-3项内容,利用屏效的提高来弥补目前算法的不足。

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



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

相关阅读

  • 如何在交互细节中体现专业性?

  • 悦姐聊设计 一个爱学习和分享的设计专家~本文3072字,阅读时间约8分钟~22年的Flag之一是要输出《交互设计基础课程》,所以计划每周一篇,欢迎大家持续关注和监督
  • 如何写出优秀的UX文案?

  • 悦姐聊设计 一个爱学习和分享的设计专家~本文3619字,阅读时间约9分钟~22年的Flag之一是要输出《交互设计基础课程》,所以计划每周一篇,欢迎大家持续关注和监督
  • 如何进行交互设计改版?

  • 悦姐聊设计 一个爱学习和分享的设计师~本文2743字,阅读时间约6分钟~设计问答来自交互小课堂@宋爽+@咸甜小姐的提问:悦姐,最近遇到一个问题:产品改版了,但用户普遍还是更认
  • 探究“淘宝设计”背后的设计思维和方法

  • 悦姐聊设计 一个爱学习和分享的设计师~本文4079字,阅读时间约10分钟~今年8月去杭州参加了U DESIGN WEEK,对《淘宝2022设计背后的故事》记忆深刻,正好上周我们组内的小伙
  • 9大设计策略,让用户等待不焦虑!

  • 悦姐聊设计 一个爱学习和分享的设计师~本文3659字,阅读时间约10分钟~在上一篇文章《从加载到刷新,信息载入的交互设计》中,我们介绍了用户情绪随等待时间的变化曲线:▲图1
  • 一图讲透福格行为模型&上瘾模型

  • 悦姐聊设计 一个爱学习和分享的设计师~本文3594字,阅读时间约10分钟~我们在《交互设计的底层模型:福格行为模型》一文中详细地介绍过福格行为模型B=MAT。在《交互设计常
  • 微软推出全新人工智能模型Kosmos-1

  • 【环球网科技综合报道】3月6日消息,据外媒报道,微软于近日推出了多模式大型语言模型Kosmos-1。据悉,Kosmos-1可以处理文本、图像、音频和视频等内容。比如,该模型可分析图像的内

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 记录一下从编译的角度还原VMP的思路

  • 本文为看雪论坛优秀文章看雪论坛作者ID:wx_御史神风一摘要1.1 关于代码优化与还原关于还原,我认为难点是工作量大,需要自动化提升效率。还原和混淆是一对反义词,相同点是保证代
  • 爆款新课!Unidbg 模拟执行精讲

  • 在当今移动应用开发领域,Android Native 应用已经成为大量应用的核心。攻防双方都经常采用反调试、加壳、加密等一系列安全措施来保护Android Native 应用的核心算法,以避免安
  • 看大厂设计师如何拆解搜索功能

  • 01 项目背景02 发现问题与设计策略03 搜索「建议」页设计04 搜索「联想页」设计05 搜索「结果页」设计06 项目总结搜索是每个产品必不可少的链路,影响着产品的体