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

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

相关推荐

  • 交互设计|康石石浅谈如何创作一本打动考官的作品集

    近年交互设计大热,但交互设计是否如大家所见所想仅是网页及APP设计,申请交互设计艺术留学的同学们又该如何创作帮助自己跨入名校大门的作品集?今天,康石石为大家带来此文,分享交互设计作品集的创作方法(求职作品集可同理借鉴创作思维)。关于交互设计作品集创作,康石石首先向大家强调几点:1.交互设计不仅仅是网页和APP现代交互设计从某种程度上来说虽然和网页与平面设计的联系从发展的时间上看联系较为接近,然而交互设计并不是一个单纯研究电子产品用户界面...

    2018-02-03
  • 《用户体验草图设计工具手册》丨NOTES

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放HappyPharrell Williams - Happy [From "Despicable Me 2"]本书讲了什么本书将指导你如何一步一步地用草图来表达你的设计理念,并介绍了多种草图方法。适合于所有设计行业的从业人员参考阅读,设计组织的领导者也可以参考阅读,包括设计师、可用性专家、人机交互界人士、产品经理人及商业高管等。作者什么来头Bill Buxton,微软首席用户体验...

    2018-05-08
  • 用户体验的目标是做到“自然”

    不想错过精彩的荔枝话题,点击文章左上角关注“荔枝3十1”。每晚10:00点荔枝陪你说一事晚安文/励志妹图/荔枝工作室经作者授权发布用户体验的目标是做到“自然”导语“自然的体验是不需要用户去思考的。”1需要用文字来解释的交互不是好交互(1)我观察3岁的小孩用iphone很容易上手。比如,iphone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,同时iphone通过箭头图标,向右滑动的文字条(小孩看不懂文字),来暗示手指触摸向右滑动来解...

    2018-04-28
  • 设计×交互 | 在做交互的时候,我们可以从不好的设计与好的设计中学到什么?

    让人人都懂点儿设计设计史论全文字数 :4689 | 阅读 时长:12分钟今天史论君为大家分享一篇来自interaction design foundation的文章原文作者:TEO SLANG    |    翻译:于于于Jessica编辑:Sujay Wu转载后台回复 :史论君把不好的设计和好的设计的反面例子一起看,不仅有趣,而且为设计师们提供了重要的经验教训。它们突出了设计人员要避免的陷阱,并让我们理解如何将设计理论转化为在现实世界...

    2018-04-07
  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • 智能产品的交互设计,不做到这样可不行

    我们终将以自然的方式与机器交流。在2012年圣丹斯独立电影节上,影片《机器人与弗兰克》赢得特别奖,该片讲述机器人Robot照顾患有老年痴呆症弗兰克的故事。在2017年AI大热之年,人们能否像电影里的弗兰克那样,以人对人的方式与机器交流,这在人机交互学科里定义为“人机自然交互”。何为自然交互?简而言之就是以日常交流方式与计算机进行交互。何为日常交流方式?就是人们通过语音、肢体、手势、眼神、表情等形式进行交流互动。人机交互正迈上新台阶人机交...

    2018-02-07
  • 2018酒店行业该如何提高用户体验

    大数据人工智能原本只以为会在IT互联网界出现的词,近几年被各个领域广泛应用,酒店同样也不会例外,目前酒店应用比较多的是在对客服务上,收集客人的喜好,制定个性化的服务,在酒店的其他方面提到甚少。接下来我们谈一谈新技术真正对酒店有什么影响,酒店可以在那些方面应用到新技术。在之前很多酒店都在搜集客人的反馈信息,喜好以及客人的消费习惯,用以提高用户体验,在酒店长期运作的过程中,因为人力成本的控制,人员流动大,导致很多酒店已经慢慢忽略了这份工作,...

    2018-02-01
  • 设计干货|聊聊设计师玩转Sketch的那些事儿

    点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

    2018-04-04
  • 用户体验“大不同”,合作伙伴分享会

    2018年3月15日,“用户体验“大不同”,合作伙伴分享会”在福建省科威技术发展有限公司举行。虽然屋外下了很大的雨,但也没能减小屋里同行朋友们的热情。分享会一开始,惠普华南区业务开发经理李浩泉就以十分轻松幽默的氛围,将与会者带入状态。随后介绍了页宽产品的主要特点,并对惠普A3页宽复合机作了产品推介。惠普新一代A3智能复合机页宽产品的主要特点是:最新技术(集激光/喷墨优势于一身)高速(40ppm~80ppm输出速度)经济(购买/使用/维护...

    2018-03-17
  • SEO营销之浅谈用户体验

    好的产品不是做出来的,而是改出来的。任何一个产品都不可能一招致胜,都需要不断的打磨,改进,尝试过失败之后,才能更为光彩的进入用户的视野。在这个反复修改的过程中,大家提到最多的词恐怕就是“用户体验”了,没有之一。今天,山哥就来跟大家交流一下我对“用户体验”的理解,希望各位看官手下留情。什么是用户体验标准定义:人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应。通俗讲法:这个东西好不好用,用起来方不方便。总的来说,用户体验是用户...

    2018-03-23