实战案例!虚拟人空降语音搜索,探索情感沉浸新体验

实战案例!虚拟人空降语音搜索,探索情感沉浸新体验



一、项目背景


语音搜索场景在功能不断迭代的同时,也在探索更年轻化的玩法、传递更多元的体验感受。在产品初期,我们尝试在语音搜索场景下增加AI伙伴的形象,虽然线上版本已经实现,但从产品形态以及用户反馈上看,还没有达到可情感互动的效果。所以在本次迭代上,我们着重从情感联结、闲聊互动的维度,对语音搜索进行创新性尝试。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验



二、设计挑战与目标


围绕项目背景,从现在语音搜索的用户行为与框架来看,有几个比较明确的问题:

  • 数字人引入后,发现用户对人物的点击行为和聊天诉求均有增加,但由于功能受限,数字人没有办法给到及时回应。用户情感抒发得不到反馈;

  • 用户一搜即走,不会停留在语音搜索场景探索其他可玩功能。


因为前期在语音搜索的优化中,已经尝试在面板中引入AI形象,上线后用户反响强烈,用户的行为中聊天、互动的诉求也明显增加。由此可见,满足用户对AI伙伴的情感化诉求是十分有必要的,同时语音搜索引入AI伙伴是体现同行业差异化的有力创新点,从行业报告《2021年中国智能语音市场分析报告》中,也阐述了打造沉浸感语音搜索体验与引入AI是目前智能语音市场的发展趋势。


综合以上原因,设计团队在与产品讨论过后,达成本次升级的核心目标:

  • 构建伙伴认知:强化“AI伙伴”认知,激发语音搜索行为。

  • 满足情感互动:完善语音搜索场景情感化互动体验,满足用户期待。

  • 增强沉浸体验:打造可搜索、可互动、可操控、可定制等沉浸式语音搜索场景。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验



三、设计举措


1、构建认知 – 语音搜索基础框架升级

在旧页面中,语音面板限制了人物与按钮的展现,人物既要承载功能反馈又需要作为物理操作按键进行点击操作,与用户认知相悖且也不利于功能扩展。因此在新版本设计中,需要明确“人”在语音搜索里的属性,以及AI伙伴与语音搜索的关系。


我们将语音搜索页面框架分为主要功能与辅助功能区。从旧语音面板中剥离出人物,并保留收音球在面板中做物理交互功能(发起收音、停止收音操作),利用AI伙伴的人物属性,打造智能拟人的交互反馈,满足用户情感诉求。以“人”为中心,最大化展示AI形象,增强情绪传递感的同时保证框架可拓展性。


同时,将原堆积在面板中的功能与信息按优先级归位,确保页面信息清晰易读、功能操作热区无重叠、信息反馈区无干扰。新框架上线后,AI伙伴互动与语音搜索的认知关系更加清晰,语音搜索跳框量明显增加,AI伙伴带动面板整体导流增加,面板退出率下降。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


2、引入情感 – 全场景情感化体验提升

除了通过框架层面进行认知优化之外,为营造更贴合“人”的互动体验与情感建立,我们又根据语音场景对每个状态进行了情感体验升级。改版上线后,用户闲聊诉求和互动点击行为均有所提升,从而验证情感化的体验提升,满足了用户互动诉求。


1)情感化引导提示:视觉上人物破框展示配合AI招手/比心的动作展示,不再是图片,而是可以对话的实体,同时使用年轻化的引导语气拉近与用户间的距离,增加数字人曝光,建立新用户心理预期,激发兴趣点提转化。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


2)互动提示规则升级:围绕“人”的真实情感,通过弹出气泡的方式模拟AI伙伴状态,比如听歌、读书、游戏。以此引发用户点击或进行互动行为尝试。并且配合AI伙伴升级引导规则,使引导能够根据不同场景进行适配,保证其既可以承接语音常规引导功能,又可以承接负一楼聊天互动,点击气泡可跳转对应负一楼场景、联动数字人语境内容,避免造成场景情感化割裂。 


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


3)增加“AI伙伴”情感反馈:增加人物动作、丰富情感化动态反馈,想要模拟更真实的“人”的状态,就需要满足更多拟人反馈。将语音搜索常见场景划分为聆听、识别解析、异常状态、指令响应、引导等5种状态。对应不同的状态,规划相应的数字人反馈动作或组合使用方式,可复用拓展其他相关场景,为设计与开发提效。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


3、感知升级 – 营造沉浸视觉氛围

确定了产品主要改版方向后,通过对目标的提炼,提取设计关键点「年轻化」与「情感化」,配合AI伙伴形象,需要呈现出轻松活力的氛围感,设计中运用了大面积的毛玻璃质感,使场景更加轻盈、沉浸。通过对色彩的运用来演绎年轻的视觉效果,诠释语音搜索年轻化的设计突破。


1)定义视觉风格:围绕改版目标,定义设计关键词,由关键词延伸设计风格要点。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


2)形色字构质动:从「形色字质构」5个方面提炼设计特征。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


基于视觉方向及特征提炼,在质感、形状、颜色三个设计中改动最大的方向详细描述。

  • 质感:设计趋势不断变化,半透明磨砂质感是近期流行的视觉风格,透过表层可看到背景模糊形态,有强化品质感、突出层级以及营销氛围感的特点,同时匹配视觉方向「轻盈」的特征。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


  • 形状:在形状的设计上,整体界面元素保持大量带有弧度的形状运用,提高面板、按钮、图标、弹窗等元素的曲线比例,让界面始终保持年轻态,给人圆润、亲和的感受。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


  • 颜色:颜色的运用为本次改版的重中之重,是打造年轻化氛围感知的基石。

考虑到语音搜索场景日后的拓展,色彩上希望可以营造给用户一种轻松柔和的视觉氛围,并且元素的色彩需要与AI伙伴服饰相呼应,从而使AI伙伴形象更加灵动、场景搭配更加和谐生动。


基础色彩范围制定:

以度晓晓为示例,遍历目前线上所有度晓晓服饰装扮,对色彩进行归类处理,从中提取主题色系,从搜索色库中对应选出主题色环。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


如何在数字人装扮中提取主体色:

我们需要把色彩量化,建立特定场景取色规则,根据规则层层筛选,我们可以从中获取N种主体侯选色。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


校正主体色,与搜索智库色彩形成映射关系:

通过对数字人装扮的色彩分类,我们以H值为标准,通过调整S值与B值,划分了12个色相,设定对应色系的H值区间范围,如智能取色色值在该色相区间范围内,且吸取到的候选色个数最多,就在对应的色库卡中选取主体色。


校正原则:色相必须保持是同类色、保持感官明度同频、保证视障人群的识别度


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


建立辅助色搭配规则:

为了保持背景层的色彩氛围营造,保证其具有清晰的识别度,我们以主体色为起点,选择了颜色相对较多的邻近色,在色温上保持整体色调的一致性,其次利用对比色和互补色,选择更加丰富多元的色相,制造更强烈的色彩对比,以保证满足各种使用场景下对色彩的需求。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


组件化思维拆解页面元素:

在梳理了智能取色机制后,我们也在思考,语音面板涉及到的元素过多,往往会面临不同场景不同适配的情况出现,那么在做到视觉减负的同时,如何能灵活的替换对应元素呢?


我们以组件化思维去拆分设计,进行立体化的分层,将引导层(热词推荐引导关注)、信息展示层(承接语音各类状态与信息)、形象层(强化AI伙伴智能感知)、背景层(烘托视觉氛围感)罗列出来,各场景可根据需要进行颜色延展,保证视觉样式达成横向统一,呈现出更加丰富的视觉内容,避免审美疲劳。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验


总结本次语音搜索的改版升级,我们通过“构建伙伴认知、满足情感互动、增强沉浸体验”等手段,增强AI伙伴的曝光率,进一步向用户传达智能搜索的感知,从而促进搜索行为转化。


构建认知过程中强化AI伙伴形象,增强语音搜索功能拓展性;同时结合“情感化”等全场景引导手段,营造更贴合“人”的互动体验与情感建立,对每个状态进行了情感体验升级;最后重新定制视觉风格,围绕「年轻化」关键点对整体氛围进行强化,让语音搜索场景更加年轻、有氛围感。本次改版上线后,搜索行为、互动行为均有所提升,用户体验也得到了显著提升。


实战案例!虚拟人空降语音搜索,探索情感沉浸新体验



四、写在最后


我们正处于数字化快速变革的时代,传统工具的基础功能已不再满足用户的诉求,人们的感官也从现实空间延伸到虚拟空间,AI伙伴会逐渐融入人们的生活,未来语音搜索将不再是一个信息输入-结果输出的传统搜索工具,引入AI伙伴,可以让搜索更加智能,拥有人类一样的思维、表达、情感和学习能力,满足人们更高层次的情感诉求的同时,也可以让搜索更加简单有趣。


未来我们持续对语音搜索进行升级,将AI伙伴与搜索链接的更加紧密,提升用户体验,创造出更多有趣的、创新的、别出心裁的年轻化设计。






感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。


也欢迎加入MEUX,视觉/交互/运营设计师
可投简历至MEUX@BAIDU.COM
(注明信息获取来源如:公众号)
以下文章,你可能也感兴趣
⬇️
“老字号”互联网产品的年轻化之路
清华美院 X 百度MEUX构建全链路设计创新思维课程回顾
B端设计愁?掌握这三步,XYZ轴为你解忧
用这三步流程,打造百度酒店比价认知
千万级小说产品,会员全链路设计复盘


关于我们:

MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。

MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。

“在看”我吗?

实战案例!虚拟人空降语音搜索,探索情感沉浸新体验

本篇文章来源于微信公众号: 百度MEUX

UI/UX

智行系列营销活动-设计出圈指南

2022-11-30 9:30:20

UI/UX

数据测试:绝绝子!点击率翻倍的秘密!

2022-11-30 23:11:26

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