百科AI对话式体验设计探索

科技 2024-03-10 14:16 河北

导语

近年来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内容浏览体验。

http://mp.weixin.qq.com/s?__biz=MzAxNDAxOTcxOQ==&mid=2650975162&idx=1&sn=b08259166f3b3aa777c21a8760a0f4db

UI头条

原iconfans，UI中国-专业界面交互设计平台的官方账号。官方消息发布，分享优秀设计文章，UI招聘相关信息，行业消息，服务UI设计师群体！

Midjourney炸裂更新，能够编辑自己上传的图了！评论领大会免费门票！

AI会革UI的命吗？一起来聊！

再见，Photoshop！

大赛报名︱2024白沙岛浪漫艺术创意设计大赛正式启动！

倒计时一周 | UXGO! 2024 交互体验设计大会即将震撼开启！

网易：我们将培养首批AI绘画设计师！

「九月」 AI设计观察

大厂设计师应该掌握的结构化思维

互联网大厂们，也不想卷了

建议所有人都用AI做设计，赚麻了！！！

为什么有人花1000元买AI生成的图片？

数智时代下的三维云软件代换趋势

「七月」 AI设计观察

全记录！【D20全球设计院长峰会·主论坛】AI时代的设计人才培养

百度搞了个AI的新玩法！网友：这波厉害了！

正式开启！今日起，本号粉丝可免费加入网易AI设计交流群！

网易：赚钱的风还是吹到了设计圈

D20 2024开票！连接设计产学，共赴AI时代

B端UX｜分享20个B端设计系统网站

腾讯设计师整理的Figma最新智能插件汇总，太好用了！

【线上兼职】50-500/张，招聘插画师或AI修图兼职，待遇从优，时间地点不限！

MEUX 「四月」 AI设计观察

MEUX 「三月」 AI设计观察

大厂“抄袭”把原创超越了，还特别成功，找谁说理去？

定了，网易将免费为本号粉丝提供AI设计培训，限3月！

400-800元/单，不用坐班，时间自由可日结，设计优先！

来百度玩转亚运：如何打造好玩有趣的活动矩阵

Midjourney V6 更新角色一致性命令 "--cref "

理想MEGA，让人见识到了设计师的价值

百科AI对话式体验设计探索

匿名交流

有了这款带AIGC功能的软件, 我和内外部同事一起设计，节省了63%的时间

人物专访丨对话董景博：车机主题皮肤设计

“360 也是这样的”

Midjourney V6新版本怎么用？一看就懂！

5000字干货！完整掌握Web端设计语言库-布局篇

如此形势，大家要考虑挣快钱了

不敢在小红书看测评

这波没有需求方的设计，只给此刻的你

用AI玩转品牌符号——SD超级符号案例分享&方法论

“要有呼吸感”

AIGC与应用设计——百度MEUX x 北科大交互设计联合课题圆满落幕

轻松搞定高饱和配色插画！你也可以！

如何通过“客服轮岗活动”来挖掘用户体验问题

善用AIGC搞定海量物料设计

作为设计师，如何从数据角度体现设计价值？

Midjourney简墨国风，只需要6个词！！

做有温度的设计-百度搜索【高考】服务体验升级

日结200-400元/张，AI画图即可，极度缺人！在家可做

分类

时事

民生

政务

教育

文化

科技

财富

体娱

健康

情感

旅行

百科

职场

楼市

企业

乐活

学术

汽车

时尚

创业

美食

幽默

美体

文摘

原创标签

时事社会财经军事教育体育科技汽车科学房产搞笑综艺明星音乐动漫游戏时尚健康旅游美食生活摄影宠物职场育儿情感小说曲艺文化历史三农文学娱乐电影视频图片新闻宗教电视剧纪录片广告创意壁纸头像心灵鸡汤星座命理教育培训艺术文化金融财经健康医疗美妆时尚餐饮美食母婴育儿社会新闻工业农业时事政治星座占卜幽默笑话独立短篇连载作品文化历史科技互联网

发布位置

广东北京山东江苏河南浙江山西福建河北上海四川陕西湖南安徽湖北内蒙古江西云南广西甘肃辽宁黑龙江贵州新疆重庆吉林天津海南青海宁夏西藏香港澳门台湾美国加拿大澳大利亚日本新加坡英国西班牙新西兰韩国泰国法国德国意大利缅甸菲律宾马来西亚越南荷兰柬埔寨俄罗斯巴西智利卢森堡芬兰瑞典比利时瑞士土耳其斐济挪威朝鲜尼日利亚阿根廷匈牙利爱尔兰印度老挝葡萄牙乌克兰印度尼西亚哈萨克斯坦塔吉克斯坦希腊南非蒙古奥地利肯尼亚加纳丹麦津巴布韦埃及坦桑尼亚捷克阿联酋安哥拉