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

人工智能(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

相关推荐

  • 金蝶首席用户体验官对“用户体验”的思考

    “也曾经有人要我用一句话来描述清楚什么是用户体验,我说,不好意思,我一句话描述不出来,你给我半个小时。”金蝶公司首席用户体验官钟承东这样回答。产品人,你是否也曾这样认真地思考过:用户体验究竟是什么?你又需要要花掉多少时间多少语言,来组织出一个满意明确的答案?我们渴望的用户体验是什么样子?相信每个人都憧憬这样的用户体验,使用精心设计的产品,有如诗如画的视感,有如沐春风的触感,有余音绕梁的听感,甚至会精细到照顾用户的嗅觉和味觉,接触和使用产...

    2018-04-04
  • 刘克成:历史的回顾——90年代黄帝陵整修经历和关键点 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:“黄帝陵国家文化公园规划设计大师工作营”由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起。邀请了中国最具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地对黄帝陵国家文化公园的调研、研讨,分别提出对未来黄帝陵国家文化公园的规划设计理念及方案。2018年3月23日,西安建筑科技大学建筑学院教授刘克成将作为探班大师来到工作营现场,以“历史...

    2018-03-22
  • Sketchelp·2018暑期工业设计考研课程

    还是你们熟悉的Eric,还是你们熟悉的二师兄。2014年的夏天,天气热的没羞没臊,我们第一次开辅导考研手绘,那时只有三个人,一套笔。那时很开心,每天举着煎饼果子画手绘。两周年,四学期,已完善的课程,将在这个暑假全新开始:是不是临摹还行,轮到自己设计就歇菜?想知道有没有考研的“套路”?一个产品换个角度画,却死活画不出?产品+交互界面真的有很难?故事版的卡通形象一点也不卡通怎么办?“那天”万一考卷画坏了怎么办?答案都在这里。。。真实一线从业...

    2018-05-04
  • 为增强产品的用户体验,UI设计师会做哪些工作

    近年来,人们越来越多地谈及用户体验,甚至将其视为互联网产品赢得市场的最关键因素。作为UI设计师,我们战斗在用户体验设计的一线,那么在实际工作中我们会通过哪些工作来提升产品的体验呢?下文给出了几点关于实际工作中提升产品用户体验的思考。我们在设计一个程序或者系统的时候,前提是保证产品定位及有目标用户群,保证产品是有用的,能连接不同的节点产生价值。如果一个程序没有用,那么对用户来讲就没有下载、使用的必要了。而当程序有用了之后,如果用户需要付出...

    2018-02-03
  • 中国手机行业患上焦虑症,良药便是“用户体验”!

    可以说,2017到2018年中国手机市场震荡不断。首先经历了乐视手机的倒台,接着HTC也逐渐淡出市场,而巨头之一的LG也选择了退出中国市场。除了传统行业老大苹果和三星的地位稳固外,国内众多厂商皆陷于焦灼之中,绞尽脑汁想要提升出货量排行。但可惜的是,众多厂商的动作却创新乏力,同质化严重的案例屡见不鲜。一个最明显的例子,iPhone发布“刘海屏”,许多厂商亦步亦趋,甚至模仿到了正面难辨的地步。中国手机厂商陷入鏖战,行业趋势多为盲目跟风,试图...

    2018-04-28
  • Axure RP 7.0安装教程

    Axure RP 7.0Win版/64位下载地址:https://pan.baidu.com/s/1qN-SzT5g9U-O9OSzCMEnEw密码:8b6sAxure RP简介:Axure RP是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。适用系统:win7,win8,win10安装有问题或需要远程安装请联系:...

    2018-04-30
  • 交互设计牛校排行榜 | 纽约大学ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-06
  • 【用户体验.春节特辑】我的家史馆,我的“义务”馆(总第267期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第267期使用我的家史馆APP以来,起初家谱树状图深深吸引了我,在不断完善添加家族成员的同时,越来越觉得只是单纯的成员图像和姓名显得很单薄,已不能满足我对家族每个成员的情感。想到我的后代、我的子孙后代将来看到的只是家族长辈的照片、姓名,这和见到一些陌生的照片姓名难道不一样吗?越想越觉得应该让家族人物更丰富起来。之后就仔...

    2018-02-21
  • 场景是如何应用到交互设计的?

    我想在互联网领域,大家对“场景”这个概念并不陌生,但组成场景的关键因素有哪些?场景是如何应用到交互设计的?在工作之余,整理下相关知识,相信对大家的产品日常工作有一定的帮助,感谢大家抽出时间阅读,欢迎批评指正。1.场景的基本概念场景是指用户在一定的时间、地点等特定的情景下为了满足某种需求而触发的使用某种方法解决需求的行动画面。其关键因素包括用户、情景、需求、方法。产品的应用场景就是用户使用产品来解决需求的实际应用场景,比如上班族小张在午餐...

    2018-03-02
  • 叶云燕:不懂用户体验,没有互联网思维的代理人,迟早会被淘汰!

    第1937期|编发/保险论坛互联网时代,到处都在谈如何用互联网思维做生意。有人用互联网思维卖奶茶,销售额翻倍;有人用互联网思维开理发店,已获得数千万融资;有人用互联网思维卖衣服,年利润过亿;而当我第一次提出要用互联网思维卖保险时,很多人都感到茫然,认为这不过是赶时髦,蹭热点。保险代理人的新机遇事实上,互联网时代的到来,对保险代理人来说是一个前所未有的机遇,它让代理人的品牌形象更加丰满,展业渠道更加多样化。更重要的是,互联网思维的核心是以...

    2018-04-25