导语
近年来AI发展如火如荼,大模型诞生与技术的积累和不断创新,带来了人机交互方式的革新。各大厂也纷纷结合自身业务场景进行模型和应用的开发,AI正以惊人的速度改变着我们的生活和工作方式。面对生成式AI的行业浪潮,百度百科产研团队也在探索如何结合大模型能力,发挥百科在泛知识领域的优势,延展百科场景AI特色体验,强化内容浏览的体验感及效率性,契合用户对百科的期望,带给用户更极致的知识消费体验。
认知建立——0到1建设消费新场景
我们初步要做的是利用生成式AI的能力来解决词条冗长内容阅读的问题。在此基础上,通过AI能力拓展知识对话场景,通过全链路跑通来实现用户认知的建立,助力知识探索及学习。
设计协同业务团队着重从以下2个维度探索:
1. 词条页与AI初步结合,“提炼要点”促消费
2. 智能对话能力深度探索,“百科同学”拓场景

1、词条页与AI初步结合,“提炼要点”促消费
词条页的消费体验是百科业务的基础,但由于词条文字内容量级庞大,用户很难快速获取重点内容。因此我们在该场景探索结合AI能力提炼内容要点,来提升用户的阅读效率。
1)双重引导,建立用户使用习惯
词条页文字内容与层级较多,我们规划以一级目录来划分内容段落,在每个一级目录区展示要点提炼的固定入口。同时,根据用户的浏览行为,例如停留过久或反复浏览等,精准判断时机,触发场景化引导,给用户带来智能化的阅读引导体验。

2)轻量化交互,高效获取信息
提炼内容以半层面板的方式承载,段落文字以打字机的动态效果逐步生成。同时,不同章节的提炼内容也支持快捷切换查看,以轻量化的交互形式保证阅读体验的同时满足用户的探索预期。

3)相关问题推荐,贯穿链路场景
我们在要点提炼面板中增加词条相关问题推荐,引导用户进入BOT对话页,延展知识并深入了解词条内容,打通串联场景的同时提高BOT的触达。在没有推荐问题的情况下,也支持用户快捷发送问题。

2、智能对话能力深度探索,“百科同学”拓场景
我们在词条内容消费场景的基础上,依托大模型进一步拓展智能对话能力场景,打造权威且专业的AI生成式对话产品,提升知识阅读及探索效率,重塑百科新体验。
1)入口多形式强化引导
我们将底Bar上的BOT入口进行强化展示,同时增加引导推荐策略(首次进入时强化引导,后续按周为维度循环普通引导)来提升转化及对话量级。

2)智能对话专业问答
在对话过程中,通过即时感加进程式的体验,给予用户明确的引导反馈与预期,也提升了互动的智能感及确定性。

3)多模态内容高质高效生成
我们还搭建了对话内容库,包含表格、图片、代码、链接、有序&无序列表等不同模块,来丰富对话形式,给用户提供多样化精细化的浏览体验。同时,模块化的容器形态也有利于强化扩展性和协同感。

亮点打造——搭建创新特色体验
在实现初步链路跑通并建立认知后,如何结合百科自身优势,打造具有百科特色的AI生成式对话产品,以创新亮点来强化用户心智,成为接下来的一大挑战。
在这一命题下,设计团队握手业务从以下2个维度进行探索:
1. 主BOT百科同学,特色化权威问答能力
2. 人格化BOT,知识性与趣味性的结合

1、主BOT百科同学,特色化权威问答能力
我们以百科词条内容加权威资料作为语料库,结合现有的结构化知识内容能力,打造权威专业且内容详实的百科特色化BOT。设计上的特色及亮点有以下几个:
1)弹幕式问题引导
在招呼语部分中,尝试以滚动弹幕的形式来展现兴趣推荐问题,持续滚动的弹幕不但吸引用户的注意,且在有限的空间里增加了推荐问题的曝光。用户点击感兴趣的问题即可完成一次提问,低成本高回报的互动来辅助用户问答,提升惊喜感。

2)结构化知识内容
BOT回答内容下挂载了百科现有的人物关系和知识脉络等内容模块,设计上以结构化的形式呈现,凸显了百科的特色内容,也进一步促进了相关内容的延展阅读。

3)专业内容多维溯源
根据权威知识库生成的回答,搭配展现溯源内容,让用户能够明确内容来源,加强了内容的可信度,突出百科BOT的权威感知。

4)快捷型语音输入
在文字问答能力基础上,增加快捷语音输入提问及语音播放能力的建设,有效提升对话的效率及体验。

2、人格化BOT,知识性与趣味性的结合
在创新特色化BOT体验的目标下,我们拓展了人格化BOT的趣味体验。选择「鲁迅」「苏轼」2个具有代表性的人物初步打造人设,高质量还原历史人物的形象、生平、思想、爱好等。与该BOT对话时,仿佛与人物一对一聊天,能够让用户在新鲜感及趣味性的驱动下,轻松完成知识的获取及探索。
1)创新融合人物形象,打造IP人设
我们设计了卡通版鲁迅、苏轼的IP形象,并根据场景适配不同主体的插画,将形象融入页面中,增强人格化感知,吸引用户与其对话。

2)多层次引导方式,传达人格化认知
在人物相关词条页中,增加沉浸式引导弹窗,强化吸引。同时,也在词条页首屏增加稳定入口、结合知识脉络模块,外露更多内容吸引点击。

3)主BOT场景嵌套人格化,便捷切换不同模式
首先,在对话流中嵌入推荐卡片,通过关键词触发进行BOT的引导;其次,在对话页的顶Bar中增加稳定模式切换功能,方便用户随时切换进行沟通;最后,增加@功能,用户可@对应人物回答问题。

4)搭建快捷提问工具库,展示BOT核心内容
在人格化BOT模式下,底Bar输入框上方区域增加Prompt快捷工具库,展示与当前IP人设强相关的内容提示,便于用户与IP有效互动。

5)沉浸式语音通话,创新亮点功能打造
除了文字及语音输入问答的方式外,我们还支持通过语音通话的方式进行快捷问答,身临其境般的沉浸式互动体验,极大降低问答的操作成本。

6)影视剧角色BOT,逐步实现丰富性拓展
我们与腾讯平台联手,合作古装电视剧《神隐》,打造影视剧人物BOT,制作了主角人物「阿音」「古晋」「阿玖」3个角色BOT。提升BOT的丰富性并扩大影响力,逐步打造且丰富知识消费BOT矩阵,持续探索下一代百科消费形态。

智能定调——塑造专属设计语言
视觉作为第一感觉,对用户的影响十分重要。我们期望打造智能化的界面,让用户眼前一亮从而达到功能强调的目的,全新的视觉体验赋予无限可能,契合用户对AI和对未来的期待。
设计团队从以下2个方向进行展开:
1. 智能感知
2. 体验打磨

1、智能感知
我们从图形、颜色、质感、情感、律动、几个方面进行打造:

1)图形·多元亲和
为强化AI感知,百科同学的图形构建上,直观清晰,使用形状圆润亲和的AI符号和炫彩星球的融合,代表着百科以智能和知识连接一切的愿景。

2)颜色·炫彩多巴胺
以“多巴胺”明快的颜色作为核心,与AI的碰撞必会带给百科用户与此前完全不一样的视觉感受。基于AI的智能未来感可能会带给人们的冲击,我们也希望使用轻量炫彩的设计,冷暖交融,增强视觉冲击感知和未来感知,激发人们的情绪,给产品焕发新的生机。
3)质感·轻盈纯净
以流动的光的弥散渐变,呈现纯净的未来质感,结合3D元素,提升品质感与设计吸引力。
4)情感·友好亲切
为缓解用户在等待生成时的焦虑情绪,我们提供了多种情感化文案来进行安抚与疏导。同时,通过emoji的动作和表情展示友好性,也在一定场景上强化情感表达和产品的亲和感。

5)律动·轻快流畅
我们希望以动效加强BOT的智能感,对话内容以及脉络轴的生成,以流畅的打字机效果增加即时感与进程式体验,并在场景化引导中融入了流体律动效果。

2、体验打磨
为保证用户对话过程中整体浏览体验的舒适度,我们针对信息层级与模块结构进行了打磨。
1)文字·层次清晰
文本信息层次调优,构建舒适的浏览体验,包含打磨对话体验,针对字号、行距、间距等进行调优。

2)结构·清晰统一
内容与卡片间距留白使得呼吸感较好,多模块浏览舒适,提升页面节奏感和呼吸感。白色卡片与炫彩背景直接形成鲜明层级关系,简洁突出,清晰统一。

结语
面对生成式AI催化下的泛知识赛道竞争加剧的现状,百度百科结合自身优势站在AIGC的风口迎接体验的变革。百科设计团队通过【认知建立】【亮点打造】【智能定调】三大举措,助力业务打造权威专业且具有百科特色的AI产品,探索下一代百科消费形态。
同时,百科同学主BOT、鲁迅&苏轼人格化BOT,在百科历史垂类词条全量上线后,无论是客观数据情况还是主观维度用户的反馈,均表明用户对百科BOT整体满意度较高。未来我们也会持续提升并打磨设计,致力于构建更加优质、更加高效的百科AI内容浏览体验。
(来源:公众号 MEUX,查看原文 >>>)
发评论,每天都得现金奖励!超多礼品等你来拿
登录 在评论区留言并审核通过后,即可获得现金奖励,奖励规则可见: 查看奖励规则