对话式交互设计流程

上一篇文章介绍了自然对话的基础概念,学习了谷歌对于人类自然对话的研究和理解。本文将通过一个简单的案例来介绍谷歌推荐的对话式交互设计流程,以及本人对该流程与常规的体验设计流程异同之处的对比分析。设计流程1.选择适合的使用场景对话式交互界面的使用场景通常是简单直观的。当考虑任务场景的时候会想到游戏,因为游戏是低风险的。但是游戏界面的设计必须要能够满足用户的期望,以免使用户感到无聊。猜数字的小游戏可以作为对话式界面设计的一个很好的例子,不要求...

对话式交互设计流程

上一篇文章介绍了自然对话的基础概念,学习了谷歌对于人类自然对话的研究和理解。本文将通过一个简单的案例来介绍谷歌推荐的对话式交互设计流程,以及本人对该流程与常规的体验设计流程异同之处的对比分析。

设计流程

对话式交互设计流程

1. 选择适合的使用场景

对话式交互界面的使用场景通常是简单直观的。当考虑任务场景的时候会想到游戏,因为游戏是低风险的。但是游戏界面的设计必须要能够满足用户的期望,以免使用户感到无聊。

猜数字的小游戏可以作为对话式界面设计的一个很好的例子,不要求用户有任何的背景知识,因此可以用来探索和测试对话式界面设计的边界。

2. 创建虚拟角色画像

考虑如何展示虚拟角色(机器人)的功能、形象。保持一致性、独特的品牌呈现和个性特征。虚拟角色画像可以帮助你设计、撰写对话,所以要尽早确定,这样就能更容易的选择正确的用词、语法和句子结构。

我们猜数字游戏案例的虚拟画像具有以下特征:

  • 乐观、活泼和鼓舞人心

  • 有吸引力的、机智的推动游戏的进程,鼓励探索

  • 不那么正式、简单的语言,吸引不同年龄和群体

我们给它起个名字叫“数字精灵”,赋予它更多个性,并满足用户对于“魔法”含义的理解和对猜数字游戏的内在期望。

需要注意的是,即使你没有赋予你的虚拟角色任何个性特征,用户在与它进行交流时也会感知到一个人物画像。

3. 撰写对话

写下用户可能会经历的不同对话情景。对于“数字精灵”游戏,我们想出了以下对话作为开始,帮助我们理解每段对话的设计思维与最佳实践。

路径1:愉悦路径

这段对话描述了一轮典型的对话,用户猜了三次:

对话式交互设计流程

目前为止一切都很顺利,但是我们如果就此停止,开始开发这段“愉悦路径”,那么这个游戏就会变得非常无聊。用户可能在这段对话中猜99次,或者更多(用户猜的数字超出0到100),所以我们有很多机会增加游戏的趣味,持续吸引用户。

路径2:玩两轮的愉悦路径

这段对话描述了用户连续玩了两轮,产生更多猜测的回合:

对话式交互设计流程仔细观察我们是如何将个性特征注入到这段对话中的。与上一段对话相比,这段包括更多的回合对话。这样的设计使游戏更加独特,同时也增加了开发成本来实现这些特殊场景。

路径3:探索性猜测

这段对话描述了用户随机猜测,数字精灵通过暗示来让用户猜中正确的数字(本次答案为23):

对话式交互设计流程让用户一直处于正轨上。因为有些用户会故意测试系统的边界,看机器人如何回复。以上对话通过判断用户的输入变化,做出更加有吸引力的回复,引导用户朝着目标结果前进。

路径4:游戏场景外的对话修复

对话式交互设计流程

该路径下用户在进行游戏的过程中突然问了一个与游戏无关的问题:“长城有多长?”,机器人机智的回复用户:“你想要结束该轮游戏吗?”来请求确认,推进对话进程。

路径5:超时的对话修复

在以上对话中,用户长时间没有回应,机器人会根据时间长短主动作出不同的询问,并最终主动结束这轮对话。

对话式交互设计流程路径6:用户连续三次猜了相同的数字

对话式交互设计流程

以上对话用户故意连续猜了三次数字50,但是机器人通过判断来给予合适的回复。既然这是一个游戏,我们可以用有趣的方式处理边缘场景,包括引导用户离开当前游戏场景。这些边缘场景值得去认真思考,因为我们的目标用户就是那些容易去“探索系统边界”的人。所以,我们可以更加关注如何去满足他们的这个需求。你也许会发现以上对话的场景与路径3非常相似。当开发实现这些对话时,需要注意这些相似的场景,看是否可以最优化你的代码设计来满足这些场景,同时又能够保留这种多样性。

路径7:用户主动放弃游戏

对话式交互设计流程

该对话中,用户主动提出结束游戏,机器人能识别出用户离开的意图,并告诉用户正确的答案。

4. 进行测试

大声的说出来你的对话,用谷歌模拟器工具测试,确保听起来自然。在进行用户测试时,你只需要找到一些开发团队以外的人,让他们在没有任何提示的情况下试用一下。经过几次测试,应该就能发现一些问题,例如哪个对话路径完成起来有困难,或是用户在语音交互时产生的感受。

相关可参考:用户测试的基本步骤

5. 实现迭代

对测试结果进行整理,并用来指导优化之前的设计。两三轮测试优化后就可以进行开发实现了。可以使用Dialogflow开发,或者使用自己的开发工具。

谷歌对话式交互设计流程VS 体验设计流程

从以上流程当中我们可以看出整体的对话式交互流程与通常的体验设计流程(用户画像、情景分析、设计、测试、开发实现)差异不大。个人觉得不同之处在于:1. 对话式交互设计不仅需要考虑用户画像,还要考虑到虚拟角色的画像;2.撰写对话,在通常的界面设计中并不会涉及到自然语言对话的设计。

总结

我们在进行对话式交互设计的时候可以参考谷歌推荐的设计流程。但是,流程并不是绝对的,不同的团队可能会有自己实践出的流程规范,或者项目的不同阶段也会有不同的考量,时间周期、技术能力等。灵活运用各种设计方法可以帮助我们更合理高效的完成项目的设计任务。

——

本文整理自:https://developers.google.com/actions/design/

未经允许请勿转载

对话式交互设计流程

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

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

相关推荐

  • Axure用的溜,并不代表你就能成为一个产品经理

    作者:杨俊全文共 2497 字,阅读需要 5 分钟—— BEGIN ——当你在人人都是产品经理上搜索“Axure”时,会有98页的结果。在知乎以及其它一些产品经理相关的网站上,也总是能够看到诸多Axure的使用问题和经验分享。但是,作为一个产品经理确实是需要会使用Axure的,但你使用Axure并不代表你就能成为一个产品经理。用户体验五要素在《用户体验的要素》中提到的五要素,自上而下分别是:战略层、范围层、结构层、框架层和表现层。当你能...

    2018-03-04
  • 从会计到交互设计,她用社会热点打动皇家艺术学院招生官!

    本科学的是会计研究生申请的却是交互设计零基础、跨专业却能在短短一年时间拿到5所顶尖艺术院校的offerQS世界艺术类大学排名第一的皇艺和享誉世界的英国伦艺都向她抛出了橄榄枝从西单骑摩拜到望京全程3个多小时收集了20多个单车乱堆积地点采访了数十位大爷和小朋友回家腿痛了整整一周只为做一个项目的调研成长的路上总是布满荆棘但坚持就是胜利杜娜/研究生/交互设计皇家艺术学院预科伦敦传媒学院格拉斯哥艺术学院金斯顿大学谢菲尔德哈勒姆大学杜娜offer(...

    2018-04-25
  • 网络心理学与用户体验:如何使用户爱上我们的产品?

    什么是网络心理学?网络心理学(Cyberpsychology)是研究人与科技交互的背景下人们的心理与行为的新兴学科。它关注网络世界以及网络对人们行为产生的影响。近年来,网络心理学逐渐脱离其他研究人类行为的学科(如社会心理学),形成了自己专门的心理学研究领域。了解来自这个新领域的研究可以帮助设计人员更准确地预测人类在使用不同技术时会如何反应。因此,在思考如何使用户爱上我们的产品时,了解网络心理学是一个非常有用的手段。通过更好地理解用户与技...

    2018-02-23
  • Axure RP 8.0安装教程

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

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

    Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。•可以在公众号后台回复『042』或『Axure RP』获取下载链接。安装步骤:❶下载并解压安装包。❷双击安装程序。❸同意,并下一步。❹选择安装路径,下一步。❺下一步。❻取消勾选,点击Finish结...

    2018-03-20
  • 小白学Axure,这样学更高效,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第6期开启报名!从第1期到现在,1400多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)先来看看学习效果全程实操,学完高效制作原型,做出高保真认真学完,原型效率提升,更...

    2018-03-04
  • Axure RP - 专业的原型设计工具

    俗话说的好,不会画原型的设计师不是好的产品经理。产品经理的一大技能就是可以熟练使用原型工具,画出优秀的产品原型。Axure RP是一个专业的快速原型设计工具,是美国 Axure Software Solution 公司旗舰的产品。产品经理能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。它比一般创建静态原型的工具如 Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver...

    2018-03-16
  • 创先争优|张迪:创业艰难,但梦想会让你永远保有对生活的热爱

    争先创优为全面贯彻党的教育方针,鼓励研究生勤奋学习、自强不息、积极实践、勇于创新,促进优良校风学风建设,培养德、智、体全面发展的高层次复合型人才,学校结合实际,研工部于2017年10月-11月组织开展了重庆大学2016至2017学年度研究生“争先创优”评选。为响应学校号召,UMD研究生网络文化工作室根据工作安排,特推出重庆大学“争先创优”优秀研究生人物志系列活动,从中挑选一批先进研究生代表,通过微博、微信、网站、电子显示屏等网络宣传平台...

    2018-03-01
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • 《用户体验可视化指南》视频讲书(3)

    《用户体验可视化指南》书中第一章的第二部分。客户旅程是一条线路,用户地图是多条线路的集中展示,专注于服务蓝图的交互可视线之上的部分。心智模型本质是聚类,空间地图用于更复杂的系统去表达信息流和内容之间的关系。点击视频观看(大约10分钟)兰静同学听后分享这节视频有3个内容,其中有个非常重要的内容,解决了我也疑虑已久的问题:客户旅程图和体验地图,到底有什么区别?视频中详细的说明了二者的区别:一条线和多条线。客户旅程图强调了用户是怎么一步一步做...

    2018-04-01