赞助商
立即赞助

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

产品经验3年前 (2021)发布 流光
2.5K 0 0

设也需每场景中分别出判断,行业通用的部分沉淀,以及行业特性的性化设思考,都需不断的去试打磨的。智能互动设备作为一种趋势,是设计师发挥长的沃土。

一、5号小蜜:智能互动设备的初期准备

在如今智能硬件设备,语音互动的大趋势下,我们针对智能互动的硬件,从想法 – 设备 – 技术 – 设计 – 场,总结沉淀部分探索经验。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

首先代一下背:

在阿里小蜜语音助手的形态,延伸了很多智相的研究和探索,中智硬件是我们想要发展的一分。在这种情况,「5号小蜜」为名称的智互硬件设备应势而生。

(称解释:决这产品的初,以落到公司的5行政场景的提下行的设,所以叫「5小蜜」)。

在有了这个想法后,5号小蜜进了1.0版本研究和设计,在项目初期我们承载硬件主要是以55寸,比例为16:9液晶屏幕为主,用虚拟形象进语音互动,其场景设定也是在访客进入到5号楼进互动能力。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

二、智能互动设备的框架拆解

了初的展之后,我们以设师的视角总结了智能互动类设备的基础框架,我们之后的升级完善行了整体的方向指导。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

首先智能互动设备的核支撑能力一算法的能力,当市面的智能硬件多数以语音理的形态出的,因此对于设师,VUI 重的一环,5小蜜不单单语音的交互,也视觉的交互。因此感知层面的设,「VUI+GUI」也就听觉视觉的互动(但硬件多样发展的今天,触觉类也应该考虑到感知层面的一部分)。

VUI+GUI 比传统语音交互会一些优势体:互动方面,语音可以理解面,单一面传递信息限的,如果语音界面结合起,就从两单一面形了空间,可以承载多的信息。

举个例子:与在交流不止是语言传递互动,可以从部表情传递出喜怒哀乐;肢体语言传递出兴奋度和性格特质。综合起来,我们交流才会更畅。

在物理层面而言,是硬件备的选择:液晶屏幕、玻璃屏幕(透、非透)、全息投等。

在初期,我们的选择是液晶屏幕,个是最基础的承载硬件,也是成最低的硬件。而其它选择的硬件也有优劣之分,透明玻璃屏适合导购的场,背是否有品的出现,是从传统的触互动进行更承载信息的进化。非透明玻璃屏适合更沉浸的助理场,息投影更接近人的感受,也是智能感受最强的一类,每一种硬件方式有适合的场,个是我们需要去权衡的。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

在以设计师的身份参与程中,我们更的是以设计的视角和硬件、场、技术等进行搭合,所以在程中,参考方面的因素,影响最落地的结果。

1. 感知层面的设计策略:视觉层

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

在2.0初期,先整理了最直的官层的一部——视觉受,以此为基础为产品定调,以最直的表现层为段帮助产品建立视觉体系。

首先我们内部脑暴统一同步次升级的目标:让小蜜更智能,更有服务感。一个是身我们在做的情就是智能相关的研究,另外在落地的场访客中心承载的也是服务的属,所以在设计方面就抓取两个心智方向的关键词:智能、服务。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

在关键词的引导下,先建立情绪板,整合出表现的特。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

抽出智能感受类的关键词,以是抽象或者具象的描述。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

接着整理出服务相关的视属。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

根据关键词的延展,得了视觉语言的方向,但是在推导中发现智能和服有些画面更像是互补色之间的关系,有一定的对立面,所以要从中调和每个关键词在界面中的占比。同要考虑是不是有减少者冲突的法,所以在多次尝后决定将1.0版本中的机器形象换成真人。

首先在行政楼场中,人带来更的亲切感,与服务场更契合;其次界面关键词的分方面也有考量,在氛围中我们更希望带来智能感受、在对中我们更希望是亲切的服务感,因此人的形象出现是一个比合适的策略。

而且务的视觉概念从我们感知到的二维变成了多维的角,从单一的界面变成了人设、、肢体语言、面表情等多方结合的综合体。因此这两个键词延展来的分就有了各自的分工:智感更多的体现在界面氛围上;务感更多体现在人物上,两者结合的会更润滑。

下图关键词占比的界面试过程灰机稿。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

试过程中,画面一清晰了起,智能+服务也能多体出,终通过提炼过程中的视觉语言,形了终的画面。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

整体视觉感受设的同时,人的视觉点也同行,我们对人行了性别、装、动作、面部表的设,整体目标以之服务感中总结出的友善、轻松关键词。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

终画面(其中一款服装考虑之后场景的拓展性,整以智能感受主)。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

2. 感知层面的设计策略:听觉层

在描述视觉设定后,来看一听觉的方面,就是语音的互。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

首先,语音互的核心还是在算法上面,因此语音交互是和技术相辅相成,5号小蜜的技术手较丰富,要是几种:ASR、TTS、QA、面跟踪、面重塑面跟踪渲染等 AI 技术模。论上只要获得充足的人物视频+语音数据,技术可模拟任意指定人物。数据越多,面和语音的还原越逼真。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

中,为获取原始数据,需要进行数据的采集,要是在采集室里对语音、图像进行收录,大致技术的流程如示:

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

在这些技术背景,语音的互更多的是考虑如何在与真人的对话中,体验更顺畅。

下图核的 Flow:

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

小蜜与用户交流的部分了标记,也语音交互的核内区。了方便整流程连贯起,还从初的部分始,讲述一完整的剧本。

用户从楼走进,般会有几意图:开会(查找会议)、来访(了解里文化等)、参观(闲聊)根据这些场景我们进了两个关键节设定:吸引、交流。由于结束话属于弱互动,所以暂不列入。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

上为语音互的核心分,余还有户结束对话的声音作反馈——「再见」+挥手等;未知问题的复处——进行多种兜话术的配置;中途离场的户——小蜜15S复初始状态等。

3. 物理层面策略:硬件、场景

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

在考虑界面语音互动的同时,也要考虑硬件方面带给验的影响,比设备的主要构成,MIC、音响、支架、外观显示器等主要硬件。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

MIC 的技术手段是单轨拾音,因此需要证在有效距离内收音(机器前贴最佳距离的脚印贴纸,以证对收音)。显示器整的15°角倾斜,考虑反光、身高视角等情况。机器总高度控在1.8M,用户眼睛与小蜜眼睛持平视,最佳观看高度在1.7M左右的平均值,以覆盖大部分用户的使用感受。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

△ 年亮相图

图为整个硬件的构成分及作传输图。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

在硬件组毕后,会进行收音的测试,在实际使场景 – 公共环境(嘈杂环境)录音(ASR识别)的方式来收集同位置的收音状况(保证同等条件,如分贝相同)来收集数据,最后判定这个 MIC 的硬件是是最合适的。

越来越火的智能互动设备该如何设计?来看阿里这个实战案例!

经过综合多方位设计后,设备才见到雏形,本身智互领域就是多维的综合体,设计师参与在中会从单一的视觉、交互维向更全面的维思考,使每一个环节串联起来,打更好的 UX体验。

最后的思考

从这次的项目来看,我们在做事情的初期就需要有一个整的目标定义,Lot设备的应场景考量等等,这次综合升级只是考虑了单一的行政场景,解决的是咨询类的问题,因此设计的链路是单一且浅薄的。但是产的发展一定是要向商迈步的,如:热门的导购场景,与淘系零售的战役契合,结合淘宝生态配合多种垂直行,机器人作为智客现在售前、售中、售后的务等等。

设也需每场景中分别出判断,行业通用的部分沉淀,以及行业特性的性化设思考,都需不断的去试打磨的。智能互动设备作一种趋势,也设师去发挥所的沃土。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

近两年来,AI到处都是,人工智能遍地开花,日常使用的就有AI语音助手,AI识图,AI智能家居,AI已经遍布我们生活。你可能觉得...
人工智能
大家在被甲方支配改了一稿又一稿之后,有没有产生过这样的想法,如果有一个系统,我们输入文本就能智能生成设计图,那该有多...
人工智能
当前时代,人工智能产品的成熟表现,大多依赖于后台算法的优化和数据库的扩容。换言之,机器还没有自主意识,「有多少人工,...
AI设计
什么样的电商 Banenr 点击率更高?京东出品的人工智能设计平台「羚珑」通过对比分析每日产生的几百万个设计图,得出这5个实用...
Banner
随着移动智能终端和云计算的快速发展,人工智能的浪潮正在悄然颠覆着我们生活的点点滴滴,VUI(Voice User Interface,语音用...
交互设计
交互界面早已不再局限于我们平日所看到屏幕上的图形化元素了,以 Siri 为代表的 VUI(Voice User Interface),即语音交互界...
GUI
编者按:随着亚马逊、小米、阿里巴巴等大公司都推出了智能语音产品,如何为这类以语音交互为核心的智能产品做设计也成了一个...
交互设计
人工智能,超强的智能能力对于创作者来说是一个非常棒的工具,但是将人工智能集成到自己的工作流程中,对于那些不会编写代码...
人工智能