html 语音交互,智能语音交互设计总结(文末有彩蛋)

-智能助手作为人工智能在目前现实最实用的业务,已经发展到了相对成熟的阶段。智能助手能被植入到各个生态中去:手机功能,第三方APP,网络搜索,智能(家居)硬件。结合用户日常生活场景,给其提供更智能,更便利服务。

-语音交互是智能助手与人交流的便利方式,其原理也和往年的移动端发展一样有了固定的流程。

-作为硬件厂商,该项目完结也有半年之久了,到今天才复刻出来,和大家一起从设计的角度分析它的工作原(tao)理(lu)。

首先,通过研究siri,bixby,Cortana,小度,小爱同学等市场竞品的交互流程,以及其呈现形态为抽象图形,几何图形,拟人造型。

5c2f131b09ae120ab9731e2ca36e5006.png

bda55a713db7053bf028f4cb2def5282.gif

从交互流程中提取出各个状态以后,为了使其形象交互更为丰富生动,我们设计了相应的一系列形态:

48a15923e1eb886bd373cc0dfb054762.png

语音交互具有连接人类与机器的媒介,所以智能助手是科技,生命特征的象征。视觉上,我们以Eva为灵感,塑造了一套灵动的动态机器人表情,使它看起来更亲切,更拟人化。

3d2b6fc1c732c24bcf7c5854a95a71c7.png

进而,基于每个形态设计了一套机器人的表情:

13fc10ab867eb784c9b15ee289c38e92.gif

让它在可以在各个场景中反馈结果(视觉上):

-双手忙着操作家务事时,通过智能助手语音交互让你直接打开视频。

3b46697fdfe822d94dea59b9bb3a1b84.gif

-出行之前,智能助手自动为你规划好行程,并纳入任务提醒页。

0a9c6262090239434a37b18aa917b3c4.gif

-智能助手记录行程,每天为你导航路线,并监察路况。

96c569334c5b0892eb1b9cd152bbcd51.gif

-休息了,智能助手自动为你安排安静的就寝环境(灯光,勿扰,湿度)。

5183fee44b9a387c0a6e380f025cf6d3.gif

经过评审,层层汇报及竞稿,最后,该套方案的视觉并没有被采用,而是采用了以下抽象图形的动态(跟如今市场流行的手机外观更统一),作为手机语音助手9.0的形象落地 (´・_・`),

而更重要受益的是这次设计过程中,摸索了关于人工智能领域扎根可以到达的深度及宽度,语音交互专业上的原理,对未来发展的趋势更加的了解。

最后放出一波彩蛋,想要细节或是探讨意见的童鞋欢迎留言~~~~

4fab0d430d155bf8b0333d0c8cd8499b.gif

7fc22f6bea496feaf47643f33d4ca489.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值