赞助商
立即赞助

超全面的对话式交互设计流程

交互设计3年前 (2021)发布 流光
3K 0 0

Z Yuhan:上篇文章《想掌握对话式交互?先来学习自对的基础识!》介绍自对的基础概念,学习谷歌对人类自对的研究和理。文将通一个简单的案例来介绍谷歌推荐的对式互设计流程,以及本人对该流程与常规的体验设流程异同之处的对比分析。

一、设计流程

超全面的对话式交互设计流程

1. 选择适合的使用场景

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

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

2. 创建虚拟角色画像

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

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

  • 观、活泼和鼓舞人心。
  • 吸引力的、机智的推动游戏的程,鼓励探索。
  • 不么正式、简单的语言,吸引不同年龄和群。

我们给它起字叫「数字精灵」,赋予它多性,并满足用户对于「魔法」含义的理解对猜数字游戏的内望。

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

3. 撰写对话

写下用户能经历的不同对情。对「数字精灵」游戏,我们想出以下对为开始,帮助我们理每段对的设计思与最佳践。

路径1:愉悦路径

段对描述一轮典型的对,用户猜三次:

超全面的对话式交互设计流程

目前为止一切很顺,但是我们果就此停止,开始开段「愉悦路径」,么个游戏就变得非常无聊。用户能在段对中猜99次,或者更(用户猜的数字超出0到100),所以我们有很机增加游戏的趣味,持续吸引用户。

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

段对描述用户连续玩两轮,产生更猜测的回合:

超全面的对话式交互设计流程

仔细观察我们是何将个特征注到段对中的。与上一段对相比,段包括更的回合对。样的设计使游戏更加独特,同时也增加开成来现特殊场。

路径3:探索猜测

段对描述用户随机猜测,数字精灵通暗示来让用户猜中正确的数字(次答案为23):

超全面的对话式交互设计流程

让用户一直处正轨上。因为有用户故意测试系统的边界,看机器人何回复。以上对通判断用户的输变化,做出更加有吸引力的回复,引导用户朝着目标结果前进。

路径4:游戏场外的对修复

超全面的对话式交互设计流程

该径下用户行游戏的过程中突然问了一与游戏无关的问题:「城多?」,机器人机智的回复用户:「结束该轮游戏吗?」请求确认,推对话程。

径5:超时的对话修复

以对话中,用户时间回应,机器人会根据时间短主动作出不同的询问,并终主动结束这轮对话。

超全面的对话式交互设计流程

路径6:用户续三次猜了相同的数字

超全面的对话式交互设计流程

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

路径7:户放弃游戏

该对话中,户结束游戏,机器人识别户离开的意图,并告诉户正确的答案。

超全面的对话式交互设计流程

4. 进行测试

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

5. 实现迭代

对测试结果进行整理,并用来指导优化之前的设计。两三轮测试优化就以进行开现。以使用 Dialogflow 开,或者使用自己的开工具。

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

从以上流程当中我们以看出整的对式互流程与通常的验设计流程(用户画像、景分析、设、测试、发实)差异不。人觉得不同之处于:

  • 对话式交互计不仅需要考虑用户画像,还要考虑虚拟角色的画像。
  • 撰写对话,通常的界面设中并不会涉及到自然语言对话的设。

总结

我们在进行对话式交互设计的时候可参考谷歌推荐的设计流程。但是,流程并是绝对的,同的团队可会有自己实践的流程规范,或者项目的同阶会有同的考量,时间周期、技术等。灵各种设计方法可帮助我们更合效的成项目的设计任务。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

王M争:前段时间 B站对视频缓存功能做了一次调整,之前用户想要缓存当前视频只需点击「缓存」图标就行了,新版本中用户必须点...
UI控件
一、可用性价值 动效很容易被象成某种增强愉悦的东西,自身并不具备什么价值。常常被当做可有可无部分,通常作为最后一步点缀...
交互设计
党的十九大报告指出——创新是引领发展的第一动力。 根据省政府建设数字政府的部署和公安部在今年全国公安厅局长会议提出的科技...
交互设计流程
对话是人与人之间交换信息的普遍方式。人可以在交流时通过判别对方的语气、眼神和表情判断对方表达的情感,以及根据自身的语...
智能语音产品
随着技术的发展,我们常常会觉得,如果想要做好产品必须遵循新的规则。实际上,这并不是真的。人类本身并没有我们想象中变化...
Eugen Eşanu
网易UEDC – 张书超 : 在过去一年多的时间里,我有幸参与了电视端大屏幕的项目。在不断的尝试、探索和设计中,也收获了一些关...
交互设计
昨天,在一个职业咨询的留言中看到一个来自互联网设计师的焦虑,36 岁,从业 10 年,做过后台产品设计、电商设计、内容设计等...
发展趋势
王M争:我最近在做改版设计,所以很长时间没有更文了。期间遇到了很多问题,其中一个就是顶部栏配色,后来我索性就针对移动端...
Tab