人工智能对交互设计的影响

人工智能(Artificial Intelligence),英文缩写为AI。它是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学。人工智能的本质,是数据+算法。人工智能的概念其实已经提出来了60年,中间也经历过很多次虚假的黎明期,为什么说现在人工智能时代真正的黎明呢?这里面有三个原因:首先是大数据和云计算。在数据上,移动互联网的发展,已经把我们生活中的各种信息不断数字化,这些数据储存在云上,就可以被利...

人工智能Artificial Intelligence),英文缩写为AI。它是研究开发用于模拟延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学。人工智能的本质,是数据+算法。人工智能的概念其实已经提出来了60年,中间也经历过很多次虚假的黎明期,为什么说现在人工智能时代真正的黎明呢?这里面有三个原因:

首先是大数据和云计算。在数据上,移动互联网的发展,已经把我们生活中的各种信息不断数字化,这些数据储存在云上,就可以被利用。

其次是深度学习的算法。深度学习算法的提出,让人工智能在算法上已经非常接近人类的学习能力。

最后是硬件的支持。要进行深度学习,需要大量的并行算力。并行算力基本依靠的是GPUGraphics Processing Unit,图形处理器)。GPU在过去二十多年,因为3D游戏的发展,性能得到了巨大的提升。

人工智能的发展对人机交互产生了革命性的影响,最大的影响就是VUIVoice User Interface,语音用户界面)。VUI其实已经出现了很多年,比如电话银行的语音自助服务,你打进去会读几个选项让你选择,这就是最简单的VUIVUI在人机交互中一直没有得到大的发展,主要因为VUI相对于GUIGraphical User Interface,图形用户界面)非常的低效。机器没法对自然语言进行理解。可以说,人工智能让自然语义理解得到了巨大的进步

人工智能对交互设计会产生哪些影响呢?

. 有边界设计到无边界设计     

当我们设计App界面,交互设计师会穷举用户在固定像素界面内所有可能的操作,一一设计恰到好处的用户反馈。但是对于语音交互用户的输入是没有边界的,用户可能的输入将远远超出你可能的穷举的范围。从单屏交互,到无处不在的交互,万物都可以被数字化,都可以成为我们交互的媒介。从有形的设计到无形的设计,视觉的设计规范在语音设计过程中将完全失效。

. 近场交互到多距离空间交互

     语音交互可主要分为近场交互(例如:度秘/siri)和中场交互(车载)、远场交互(智能音箱)。

多距离场景的有以下几个维度的不同:

1场景特征:在非近场交互的场景下用户可能在其他事情上,而非专注在其他任务,这给如何让用户最小成本的获取当前系统的状态带来挑战,我唤醒了设备吗”  “我可以说了吗每一个节点需求都需要多维度的定义。

2输入方式:常用的输入方式有实体操作(按钮/旋钮等等),触摸,语音,动作,在近场交互时实体与触控是第一选择,而当中远场交互时语音成为输入方式的第一选择。伴随各种智能音箱、或者Iphone X等采用深度摄像头应用的普及,中远场景的动作输入将逐渐成为重要的输入方式之一。

设计建议

1 " 语音交互框架 " 匹配 " 使用场景 "  

语音的交互框架 :

现在回想你让别人帮你把水杯拿过来,你与这个人的交互节点是什么样子的?

首先你要叫他的名字,如果他听到了会回答你 " 干嘛呀 " 或给你个小眼神儿,这时候你知道他在听你说话,你可以继续说了 -" 给水杯拿来 "。他可能需要想想水杯在哪或者问你,当他去拿水杯你会看到他正在行动。将与人的语音交互节点提炼出来,你一定已经可以更容易理解交互框架: 

人工智能对交互设计的影响

如上图所示语音的交互框架由以下四个节点构成,每个节点用户有相应需求:

a. 唤醒:用户有得到 " 是否唤醒语音 " 反馈的需求

b. 输入:用户有得到设备正在 " 听说说话吗 " 的需求(相当于 loading

c. 理解:用户有得到 " 在帮我说事情吗?" 的需求

d. 回答 / 行动:用户有查看任务是否完成的需求

语音的交互框架解释了语音交互流程,等同于触屏设备定义的 " 点击屏幕 "" 双指 pinch" " 摇一摇 "。但是仅仅了解交互框架是远远不够的,比框架更重要的是语音交互场景,在不同场景下以上 " 唤醒、输入、理解、回答 / 行动 " 四个节点有不同设计方式。

语音的交互场景:

语音的交互场景分类近场、中场、远场三大类:

人工智能对交互设计的影响

如上图在三类语音交互场景中,用户的注意力是否集中在任务上和是否有屏幕输出是主要的设计考量因素。

举个例子:在语音交互的第二个节点 - 输入中需要用 " 波形高低 " " 语音响度高度 " 相匹配来给用户正在聆听的反馈,在不同场景下波形要采取不同的设计策略:

车载场景:驾车时用户的视觉注意力被路况占据,这时候一方面需要引入 " " 的一声语音反馈,另一方面需要设计采取更强的视觉波形确保一撇既得。

语音音箱:语音音箱的场景虽然不像驾车场景注意力被强占据,但是它是没有屏幕的,这时候一般会采取带强弱有呼吸感的等效解决反馈的问题。

" 无形 " 的语音能 " 附着 " 在各种设备上,场景也是千变万化的。在设计时要时刻记住 " 唤醒 - 输入 - 理解 - 回答 / 行动 " 的语音交互框架和每个节点的用户需求,关注用户的使用环境,和视觉 / 听觉注意力的占据情况,不要局限只用声音做反馈。

2" 唤醒 " 设计

 唤醒是语音交互的第一步,小米品牌的 AI 音箱选了十多个唤醒词,最后才用了 " 小爱同学 "充分说明了唤醒设计重要性。

主流的唤醒方式有以下 3 三种 - 实体按钮、虚拟按钮、语音唤醒,每种唤醒方式各有特点,适用于不同场景,下面我们来逐一分析一下: 

1. 实体唤醒:优点是能提供触觉反馈,使用场景有两种  

当用户的视觉通道被占据时,例如车载。 近场交互且设备没有屏幕或屏幕处于熄灭状态时,例如在熄屏状态下通过长按 Home 唤醒 siri  

2. 虚拟按钮:虚拟按钮的唤醒方式有两种操作方式 - 点击和长按。两种方式的本质差别有三个 - 与面部距离;操作成本,长按大于点击;微信养成的语音输入习惯使得长按更符合用户习惯。

a. 点击:面部与屏幕距离远,波形反馈可见,能更好的确认设备是否在收音。且成本较小。大多数的近场交互都可以使用。同时车载场景特别适用,试想在驾车情况下让用户长按输入语音简直就是灾难。

b. 长按:离麦克距离比较近,能带来更好的收音效果。可以作为一种辅助的唤醒方式兼容。

3. 语音唤醒

在双手被占据和远距离场景下语音唤醒都是最佳的方式,在设计语音唤醒是要注意以下两个方面:唤醒词的形象 / 注意唤醒后的声音反 / 防止误触发

a. 唤醒词的形象设计:

唤醒词的设计是机器人格的一部分。在平常的社会交往中,高雅、深邃的名字,往往会给人留下美好的印象。庸名俗字则给人一种不愉快的厌恶心理或排斥感。比如静静给人 " 文静,秀气 " 的感觉。" 糖糖 " 给人 " 甜蜜 " 的感觉。

b. 使用反馈音:

语音唤醒一般使用在远场交互场景,这时候用户很难能通过视觉确认是否唤醒了设备,这时要给出语音反馈   — - " " " 我在呢 " 等等

c. 防止误触发:在日常交流中我们每天会说很多重复的字或词如 " "" " " 等等,在设计唤醒词时要避开这些词汇。

3" 听觉形象 " 的体验设计

通过 " 色彩、材质、形状、版式、动效、字体 " 塑造视觉形象,用视觉形象反应产品气质、品牌理念是 GUI 设计师工作之一。人工智能赋予了机器拟人化声音输出的能力,带来的语音设计材料。不同的声音带给用户的感受是不大相同的,低沉的声音给人 " 稳重,成熟的 " 的感觉,尾音语调向上的声音给人 " 愉悦,被尊重 " 的感觉。

如何用 " 音色、节奏、音调、响度 " 的语音设计要素设计恰如其分的听觉形象?

1. " 先设计后开发 " " 先开发后设计 " 一个全新的实现流程

    语音是不可见的,设计师没有 " 语音的 PS" ,在语音形象的设计中必须先有 " 语音基础形象 " 设计师基于语音基础形象进行再设计。例如对百度 FEED 读新闻的体验重新设计时,先进行的是不同新闻情感特色的定义,基于新闻情感收集当量的 " 语料 " 数据,通过深度学习来提取每类语料数据的声音特色形成 " 基础形象 ",在对基础形象进行 " 语调,速度,节奏 " 的微调进行升级形象设计。 

人工智能对交互设计的影响

以上流程可抽象出 " 听觉形象 " 的设计流程 :"定义 - 挑选 - 训练 - 调整 "

人工智能对交互设计的影响

定义:根据内容 / 产品气质 / 品牌愿景定义产品的 " 听觉形象 ",八卦的情感要用 " 戏谑的 ",历史的听觉相应要有 " 沧桑 "

挑选:去语音库里挑选具有定义的听觉形象的语音片段。比如如果要产生的听觉形象是 " 沧桑感 " 时,可以挑选一些单田芳老师语音片段

训练:将大量语音片段交由技术人员进行语音合成训练

微调:通过调整 " 语调、速度、节奏 " 使之给用户的感觉更接近于先前定义的 " 听觉形象 "

2. 保持一致性

视觉的一致性是界面视觉设计的重要原则,在 " 听觉形象 " 的设计中一致性设计原则也十分重要,主要包含以下三个维度 :  

人工智能对交互设计的影响

a. 保持 " 听觉形象 " " 品牌情感 " 的一致性

在进行视觉设计时设计师要通过 " 色彩,形状 " 等设计元素支撑品牌情感,对与大型公司会要求他们的每一个产品遵循一致性的设计规范。进入 " 听觉形象 " 设计时代,当你的产品要使用语音交互时,确保产品的 " 听觉形象 " 与品牌情感保持一致,这将能够强化品牌给用户的印象。

b. 保持 " 听觉形象 " " 用户场景 " 的一致性 :

现在回想一下机场内的语音 " 尊敬的旅客飞往北京的 T343 航班… .",这种语音形象给用户 " 被服务的、受到尊敬 " 的感觉,与用户在机场的场景相一致。而在医院,起码在中国的医院,医疗资源与患者数量极不匹配,患者与医生更像是 " 求助关系 " 而非 " 服务关系 ", 使用过于 " 服务化 " 的语音形象反而会给用户带来强烈的落差感。

c. 保持 " 听觉形象 " " 内容 " 一致性

" 内容 " 本身是具有形象属性的,比如二次元的新闻如果用粗犷的男生读出来一定会很违和。因此在进行设计时要充分考量语音所说的内容与 " 听觉形象 " 相匹配,避免出现违和感。

4利用视觉

     语音交互的最大优势是更加直觉化,可以大大降低用户学习成本。但是语音输出的是线性的,因此它无法同时输出很多内容。这是语音最大的劣势。

      在设计时充分利用视觉与听觉的互补性,听觉记忆时间短暂的,不要用语音输出大量信息,尤其输出的信息是需要用户记忆时。

三、人工智能时代的变与不变 

人工智能给人机交互带来的改变是根本的,传统的人机输入 反馈循环,将逐步过渡到推荐 选择循环。人机交互也将由单向从属关系,向双向训练关系过渡。这种改变将重写设计思维、方法、流程、规范

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36164/

(0)
交互精选交互精选
上一篇 2018-03-28
下一篇 2018-03-28

相关推荐

  • 考研是工作的理想国 | 同济大学设创交互设计考研分享

    打造最优质的设计教育有趣·专业·创新上次发了那篇跨专业考研的分享之后,小编收到了很多小伙伴的后台留言说,能不能多多分享一些考研的心得,为了保持我们有求必应的优良传统,今天的推文也是一篇干货分享帖~此次的分享,来自一位考上同济的在职小姐姐,一起来听听她是怎么平衡工作与考研之间的压力吧~张 炜15年毕业于山东财经大学的数字媒体技术专业,因为爱好也因为工作上遇到的瓶颈,希望能通过考研取得进步,并顺利考入同济设创院的交互设计方向。(即在职又跨专...

    2018-04-25
  • 国内大公司的交互设计实习面试经验总结

    沈天宇 :看着拉钩、脉脉上关于互联网岗位的信息,找一个交互设计的岗位几乎要面对100个人的竞争。想想我面前站着100个人,我要赤手空拳的打败他们,这画面简直不敢想。所以一开始我完全不知道我到底能找到一个什么样的工作,大概有一种「大爷赏口饭吃」的姿态去找实习。毕竟,我们实验室也好几年没出过阿里的人了,我也感觉我没那么优秀。面对如此严峻的就业形势,恩,首先还是开始找实习吧。这是一个最坏的时代,(一点也不好。),而且也许以后会更坏。对于找工作...

    2018-02-01
  • 交互设计需要掌握哪些"必备"心理学知识?

    交互设计是以人为中心的设计,设计者要站在用户的角度出发,深入、全面的了解用户的需求才能够设计出具有良好用户体验的产品。而想要在作品集中向考官体现同学们对用户心理需求的把控能力,除了做好用户调研之外,也要掌握一些常用到的心理学知识。交互设计是人与其他一切事物之间的行为设计,而人的行为中包含感知和认知这两种与心理学密切相关的要素,因此,同学们在设计项目时,每一个功能设计、每一个操作流程以及UI的设计都要基于了解用户心理学的基础上开展设计。本...

    2018-04-10
  • 如何进行AR交互设计?

    AR类产品的出现,可能是第一次实现虚拟世界与现实世相互“融合”,完成屏幕的“跨越”,人机交互设计也开始从二维平面迈向三维世界。然而,由于市场和技术的因素,AR产品的人机交互界面仍然处于早期,各种理念和方法仍处于逐步形成与试验阶段。通过对现有AR产品交互设计的调研和思考,以及现有移动产品的对比,本文将阐述一些方法,以供思考和交流。AR效果的呈现有多种方式,市场在短期内主要分为基于手机等移动设备的移动AR和基于头显设备的AR眼镜(包括一体机...

    2018-04-29
  • 还原产品的基础属性问题——用户体验

    您真正的了解用户吗?找项目的时候是不是会遇到各种各样的坑?你“以为”和“现实”中究竟有什么区别?我们会不会就是所谓的自嗨型创业者?如何解决以及避免?今天我们即将揭晓!三人行茶学空间打造和谐空间,共享茶文化平台,精准交友,合作共赢。本周日特别邀请我们的会员嘉宾进行主题分享,一起共同成长!本周分享嘉宾:刘岱伦岱伦总2008年创办第一家o2o项目——洗车。到家!2013 年曾创下淘宝细分类目自然搜索排名第一!2015年自主研发无线充电车载净化...

    2018-04-19
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • 用户体验之网站导航设计师指南

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。“如果用户在导航上遇到困难,他们通常会犹豫是否要回到网站上。”大多数人可能有过这样的体验,当你打开了一个APP,由于没有导航或者导航设计不合理,你花费了很多时间去寻找你需要的东西。那么你很可能不会逗留在这个页面,甚至不会再想使用这个网站。那么你如何创造出“清晰,简单,一致”的导航呢?让我们来模拟一个场景,你在一个星期天的早晨出门去买自己喜欢...

    2018-03-14
  • 计算机交互设计简史,从穿孔纸带到人工智能

    点击上方“想当然”,选择“置顶公众号优质文章,第一时间送达不管是有意识的还是无意识的,谈到交互设计,人人心中都有一个或清晰或模糊的理解。这些形形色色的理解都各有各的道理,但往往又有不尽然的地方。何为交互?交互(inter-action),从字面上理解,就是交流和互动。说得学术一点,就是两个对象之间的一系列响应。举个简单的例子,早上你出门遛狗时,隔壁老王正在跑步,你冲他一笑,说句:“早上好呀。”老王点头、微笑,说“早啊” —— 这就是一个...

    2018-04-07
  • 清华美院交互设计考研经验分享:考试要懂得“扬长避短”

    2018年清华美院交互设计-黎娜大家好,我叫黎娜,我本科毕业于广州美术学院工业产品设计系。产品设计主要是偏向于生活家居类的小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2017年6月底就决定报考这个专业。接下来我想与大家分享的是自己的一些备考经验,希望能对你们有一些帮助。第一部分是关于专业一“上机”考试。我认为上机考试最重要的两部分分别是app和ppt。  app的练习方法有很多,这里我想分...

    2018-04-23
  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-13