赞助商
立即赞助

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

交互设计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 体验设计流程

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

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

总结

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

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

相关文章

微信的最近一次更新,小程序入口变浅了很多。最近使用的小程序,被放置在微信打开后初始页面的下拉菜单中,而且给的下拉栏空...
ui设计
本人比较喜欢研究各种各样的App,下载使用过的应用更是不下900款,但是最终保留的App少之又少,这是为什么呢?通过多次分析得...
产品价值
找图标这个事情,对于设计师而言,其实都不是太大的问题了。不仅有大把的网站提供免费的图标下载,而且设计师自己改和设计都...
ICON
今天跟大家分享的是《瞬间之美》之Web 界面设计如何让用户心动? 本书分为七个部分,第一部分到第三部分讲用户进入网站前30...
Web设计
设计也需要在每个场景中分别做出判断,行业通用的部分沉淀,以及行业特性的个性化设计思考,都是需要不断的去尝试和打磨的。...
人工智能设计
问对问题才能找对答案,这个逻辑并不复杂,但是在做产品设计的时候,要做到并不是那么容易的事情。如何提问,对于最终产品的...
Eugen Eşanu
UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效对于整个界面的提升是显著的。 动效呈现...
UI动效
二手最近迷上了微信读书,上下班的地铁上,吃饭中,甚至是去个洗手间都要打开微信读书看一会,曾经用来漫无目的刷微博、刷新...
App分析