界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

7月3日- 4日,“Baidu Create 2019”百度 AI开发者大会在北京国家会议中心隆重举行,大会聚焦产业智能化,向业界展示了百度最新的技术进展和落地实践。在此次大会的百度AI交互设计论坛上,百度人工智能交互设计院院长、百度设计体验委员会主席关岱松与其设计团队共同向外界展示了百度人工智能交互设计院基于深度学习的人因工程,以及百度AI交互设计在无人驾驶、智能硬件、百度大脑、机器人、AR、VR等方面协同发展的实践,并发布多项最新AI交互设计成果,不仅包含全新升级的小度交互设计系统,更有AI交互设计助力产业智能化的最新探索。同时,三款基于百度自然情感交互系统NIRO开发的软硬一体化创新机器人也在现场亮相。

论坛上,以“温暖的科技”为主题,两位百度DuerOS用户体验设计师向观众详细介绍了小度从界面,灯光,音效等多维度进行的立体化设计系统升级,包含根据家庭环境光而设计的深色主题,圆角设计,让界面更具亲和力;在无屏音箱的灯光设计上,通过高效稳定的功能型灯光和氛围灯光搭建起小度灯光的立体交互系统;在音效系统设计上,采用中国传统五声音阶进行旋律创作,并融入生活场景中人们熟悉的声音,让小度音效更适合中国家庭。从而为中国家庭用户带来最温暖的家庭人工智能产品体验。

以下为演讲实录:

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

大家好!我们是来自小度用户体验部的设计师。

我是设计师小王,我是设计师小刘。

【小王】:相信去年也来参加我们论坛的老朋友还记得,也是在这个舞台上,我们为大家分享了关于在设计智慧型人机对话系统中的一些思考。

在之后的这一年里,我们也是继续努力在为小度产品,还原一个自然的,符合家居场景的舒适体验。也就是我们今天的主题,智能和家居环境。正式开始分享之前我想问你个问题,雅菲,你身为小度的设计师在使用小度产品吗?

【小刘】:这是当然,我有很多小度设备,比如小度音箱、小度在家、小度电视伴侣,还给我妈妈买了一台小度音箱1S。

【小王】:那你也算是小度的发烧友了,相信小度的名字已经深入人心了,也有越来越多的朋友在使用小度小度去解放双手便捷的获取信息和服务,提升生活质量。

那么接下来,我给大家先分享一组数据!最新的统计结果显示,在刚刚过去的6月份,一个月内,小度设备的语音交互次数就达到了36亿次!也就是说,平均每秒,我们的用户就和小度交流了一千多次。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

【小刘】:一眨眼的工夫就交互了上千次,真的是件非常令人自豪的事情。

【小王】:没错,另一方面也展现出小度更加深入地参与到我们的生活中,这也使得我们的用户群更加丰富了,很多老人、孩子都成为了小度的忠实用户,可以说小度是拉近了家人之间的距离。

这也让我们重新思考,小度如何才能够更好的为家庭中的每一个人服务。给家人带来一个友好,温暖的体验。我再问你一个问题,你有那么多小度设备,在日常交流中它给你的感受是怎样的?

【小刘】:我感触非常深,举个最简单的例子,我问小度天气的时候它会提醒我阴天了一会要下雨,出门一定要带伞,很关心我很懂我的感觉。在没有小度之前这都是我的家人提醒我的事,小度越来越像家人了。

【小王】:从单纯执行命令的语音助手变得贴心了,更温暖仿佛变成了家庭的一分子,于是我们明确了小度的定位,我们认为它除了需要像大部分语音助手那样体现智能以外,还应该是温暖的贴心的像家人让人感到安全的,所以结合以上的结论,我们今天正式在这里向大家发布全新的小度设计理念—温暖的科技。

【小刘】:温暖的科技也代表了我们想要传递给用户的使用感受。下面我们就从界面、灯光、音效这三个部分为大家介绍下小度一年里进行的设计系统升级。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

首先是界面部分,小度智能产品是语音交互为主的产品,界面补充了小度的视觉通道,可以说让小度整体的交互变得更加立体了。

【小王】:大家应该都知道,我们小度产品和传统的互联网产品最大的区别就是,我们是一个以家居场景为主的智能产品。因为大家可能随时随地都会用手机,无论是在室内,还是室外。而我们小度产品,可以说大部分的使用场景,都是在家里。

我们先来看一下环境的差异,家里跟户外的环境光照强度是有很大区别的。像今天的室外温度很高,此时的阳光光照是非常强烈的,最高能够达到10万勒克斯(勒克斯是一个光照度的单位),但现在室内的照度,最高也就500左右,他们之间足足相差了将近两百倍。

大家不要觉得这个两百倍是我夸张的,想象一下,这个时候,我们猛然拉开窗帘立马看到外面强烈的阳光,是不是感觉自己瞬间睁不开眼了。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

我们小度产品的使用场景,大多就是在家里。一天中家庭环境里光照的变化,并没有在外面的差别那么大。可以说整体来说还是比较暗的。

这个时候如果看见一个比较亮的屏幕,人眼受到的刺激就会比较强烈。这是由于眼睛已经适应了一个比较暗的环境,当突然受到强光刺激时,眼睛的适应状态被破坏了,造成的不适感,称为眩光反应。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

我们引用国际标准化组织研究出的屏幕亮度比值, 不超过10:1,只要在这个范围内,就能保证屏幕内容的清晰呈现,并且是家居环境下人眼最舒适的一个状态。

那我们小度作为家庭设备,更多陪伴家人的时间段是在晚上,所以我们根据用户的使用环境,来定义界面背景色的深浅,减少屏幕对眼睛的刺激。所以根据这个范围,我们为小度的带屏设备,设计了更适合家居环境的深色主题。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

这样的深色色彩氛围,其实它并不是为了长时间阅读文字而设计的,我们只希望让用户聚焦那些最关键的信息就足够了。

其次,深色的色彩也是能够更好的融入家居环境,不会显得跳脱,也不会刻意打扰用户。希望通过我们努力,能为大家带来更好的视觉体验!

除了颜色上的处理,我们还在界面设计的细节处,也体现了小度的温暖,下面请雅菲为我们介绍一下小度界面中的圆角设计。

【小刘】:人们对弧形的偏好是可以通过对脑部的扫描来证实的。世界顶尖的神经研究所,美国的巴罗神经学研究所(BNI)。进行了很多这方面的研究,他们研究发现:“感知角的那部分神经回路会产生与角的突出关系相关的活动。越锐利的角会产生越强的反应。”

专业术语会比一般的口语,大脑处理起来要更复杂。而人们都喜欢简单的,轻松的。这句话简单讲就是我们看到一个锐利的角,会比弧形,我们的大脑处理起来会复杂一些,所以大家会觉得圆角更亲和。家庭里面有很多老人孩子的用户,这个亲和就很重要了,而且圆角会带来更安全的感觉。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

除了认知神经给我们带来的感受上的差别以外,设计中更重要的一个原则,是形式是为内容服务的,以我们界面系统中最基础的卡片元素为例,单张的圆角卡片,四个圆角向中心是有指向性的,会让内容更聚焦。

在一个卡片列表里面,连续对齐的直角卡片列表会在视觉上形成一个虚拟边缘,看上去更像是一个内容中的几个部分。当它们具有圆角的时候,卡片会更独立,更容易让人一眼就看出我想要的内容是第几个。在语音产品里面,我们直接说第几个,会比念出标题来选择内容,效率更高。尤其是在标题比较长的时候。所以啊,圆角在语音产品里面表现会更好

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

为了找到最合适的圆角范围,我们也和人工智能交互设计院的专家们一起,做了很多的研究和调研工作,可以看出,不同设备在各自的观看距离范围内,圆角尺寸的不同,也会给用户带来不同的感受。圆角太大或者太小,用户观看屏幕的舒适度都会有一定的下降。我们根据这一调研结果,在不同场景的产品中 也设计了一套让用户感觉最舒适的圆角变化。

除了卡片元素,我们也把圆角这一基础形态广泛应用在了图标,语音气泡,音波的界面设计中。我们在保证信息量和观感的前提下,让小度的界面系统更友好,更温暖,也让内容更加聚焦。

我们不仅把生活中的场景运用在了有屏音箱的界面中,还延续到了无屏音箱的光效设计里面。

【小王】:没想到小圆角也有大的设计。在智能对话系统中,界面只是视觉通道的一部分,灯光是我们在视觉通道遇到的一个全新的课题,接下来就让我们一起了解一下小度赋予灯光的新意义。

【小刘】:灯大家很熟悉了,但是灯光交互,是语音产品催生的一个新的交互领域。

在今年,我们和百度人工智能交互设计院人机探索实验室一起,建立了小度全新的灯光交互系统。在无屏设备上,灯光就当于是设备的“屏幕”,它配合语音回复,让人们能够更直观的感受到,设备是正在和人进行对话的一个状态,最常见的唤醒,聆听,解析,这种功能型的灯效,通常都是稳定和高效的。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

我们来看看唤醒这个状态,当用户说“小度小度”唤醒他的时候,无屏音箱的顶部,会在蓝色基础的光圈上,呈现出一个非常灵动的红色高光。不管用户是在哪个方位唤醒小度,红色的高光都能迅速的聚合在人说话方向上,就像人与人对话时,一定是需要有眼神交流的。

有种注视着你,用心去倾听的感觉。聆听的时候,静静的注视着你,并且予以一定的回应,好像是在点头肯定,我们希望小度是一个很友好的倾听者。解析,是小度在思考的状态。

功能型的灯效是屏幕中音波的延伸,在颜色上,延用了小度的品牌色,让灯光更具有识别度。那么除此之外,我们还设计了一些家庭中特定场景下的灯效。根据场景来变化不同的颜色和动态效果,来烘托不同的氛围。

我们希望不论是无屏音箱还是有屏音箱,小度都能够让人们感受到家的温暖。他们组成了小度的智能灯光交互体系,可以说灯光交互,是让我们小度的视觉通道变得更加完善了。

关于氛围型的灯效,给大家举个例子。我们经常遇到这样的情况,就是半夜醒来想去喝口水,但周围一片漆黑,我们就只能摸黑去找灯的开关。好不容易把灯打开了,又会因为瞬间的亮光刺激睁不开眼。那么这时,如果你的床头有一台小度音箱1s。你只需小声对它说“小度小度,打开小夜灯。”

在夜晚模式下唤醒小度,它不会用语音来回复你,它会进行无声的灯效反馈。小度不会说话,只是缓缓为你亮起一个温暖而不刺眼的微光,照亮的你床前。它不仅仅是作为设备的一个反馈提示,而是被我们真正赋予了温度,让小度在的地方成了家里一个很温暖的角落。

【小王】:界面和灯光,都是视觉通道,那么,听觉通道是智能对话系统中最基础也是最重要的环节,我们请到了音乐领域的资深专家来和我们一起,打造了全新的小度音效体系,从旋律的设计,到音色的变化,都体现了我们“温暖的科技”的设计理念,也更适合我们中国家庭的使用场景。

很荣幸的跟大家介绍,小度音效的明星制作人韦伟。韦伟老师是最近大火的旅行团乐队的键盘手,同时也是国内非常资深的编曲人和音乐制作人。下面我们就一起听听他对于小度音效的理解。

界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛

韦伟:这次音效制作在旋律创作上采用了中国传统的五声音阶,这样做是想让用户在使用百度产品的时候有熟悉感,缩短产品与客户之间的距离,在制作音色选择上,我们用了很多大家生活场景当中熟悉的声音,比如钟声,铃声,希望唤起大家对生活的回忆,联想到与家人在一起温暖的感觉,同时加入电子声效,希望能给大家带来温暖的科技的感觉,本月会陆续上线这些音效希望大家喜欢。

【小王】:就像韦伟老师说的,全新的小度音效体系 本月 就会在小度产品中陆续跟大家见面,希望大家多多体验,也欢迎大家给我们提出宝贵意见。

以上,就是我们在界面,灯光,和音效上对小度进行的多维度的设计系统升级。

【小刘】我们通过这些系统性的设计,来为小度产品,打造了一个更加融入中国家庭场景的智能对话体验。

【小王】:希望通过我们的努力,能够让家里的每一个人,都能感受到那一份温暖的科技的力量。谢谢!

极客网企业会员

免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。

2019-07-08
界面系统、色彩构成、声光体系 小度设计系统升级亮相百度AI交互设计论坛
7月3日- 4日,“Baidu Create 2019”百度 AI开发者大会在北京国家会议中心隆重举行,大会聚焦产业智能化,向业界展示了

长按扫码 阅读全文