华侨网,有态度的华人新闻网站!

帮助中心 广告联系

華僑時報 | 華僑網

热门关键词:  央行  发顺丰  蓝狐  詩詞  习近平
热门TAG标签:

Google对话式交互规范指南:对话UI设计流程与步骤

来源:网络整理 作者:华侨时报 发布时间:2018-01-02
摘要:这份指南将通过一个猜数字的对话游戏案例,带你体会设计对话UI的过程与方法。通过这个案例,会向你诠释一些核心

这份指南将通过一个猜数字的对话游戏案例,带你体会设计对话UI的过程与方法。通过这个案例,会向你诠释一些核心概念,并提供一些帮助构建良好体验的实践参考。

在开始之前,我们先来重温下之前章节中介绍的对话设计主要步骤:

一.选择正确的用户场景

游戏对于完成任务的角度来说,是低风险的,但是难点在于用户很容易会陷入无聊,所以游戏的对话UI需要有较高的吸引力,来满足用户的高期望。

对于直观对话来说,猜数字的游戏是一个很好的例子,不需要用户太多背景知识,这样可以有探索的机会,并且便于测试UI的边界。

二.创建用户画像

人物画像可以帮助你设计、撰写UI对话,所以要尽早确定,这样就能更容易的决策出正确的用词、语法和句子结构。

我们这个游戏的用户画像具有以下的特征:

乐观、愉悦、鼓舞人心。

有引导性、机智,能够推动游戏进行,并鼓励用户探索。

不会很正式,会采用简单的语言,这样游戏能够吸引不同的用户年龄层与群体。

我们给它取个名字,叫「数字精灵」,赋予它更多人的个性特征,这些特征源自人们对「魔法」的认知,以及对猜数字游戏的内在期望。

要注意的是,即使你没有为对话UI注入「人格」,用户在与对话交互时还是会感受到一个「人」的存在。

三.撰写对话

现在我们已经确定了游戏的用户场景,并构建了用户画像,可以准备好开始构思对话框架,梳理用户旅程了。

对于我们的数字精灵游戏,我们列出了下面的对话作为开始。让我们跟随这些对话去了解它们揭示的设计思考与最佳实践。

对话段落1:愉悦路径

这段对话描述了一种典型的一个游戏回合过程,用户猜了三次。

例子中的英文比较易懂,而且原文传达的更为准确,所以就不做逐句翻译了,但是我会在图片下方结合一些文字做简单的解释,帮助大家理解。

Google对话式交互规范指南:对话UI设计流程与步骤

下一步做什么?要开始编程了吗?

目前进行到这一步,看起来还不错,对吗?但是如果我们就在这里停止,开始专注于这段「愉悦路径」对话的开发,那么游戏将会非常无聊。用户有可能在游戏里循环玩上百个回合,所以其实我们可以有很多机会去添加一些趣味性,以持续地吸引用户。

对话段落2:连续玩两次的愉悦路径

这段对话描述了用户连续玩两次,猜更多回合的过程。

Google对话式交互规范指南:对话UI设计流程与步骤

完善你的用户画像

以上对话比前一段对话包含更多的谈话回合,所以可以观察到我们是如何将人格特性注入其中的。这样设计可以让游戏更为独特,但是同时为了覆盖这些特殊场景,也会增加一些开发成本。

对话段落3:试探性的猜测

这段对话描述了一个用户随机说一个数字,系统提供一些线索帮助他们猜出正确答案。(这个例子中,正确答案是23)。

Google对话式交互规范指南:对话UI设计流程与步骤

保持让用户处于正轨上

有时用户会尝试测试系统的边界,去看看会发生什么(像上面的例子中,系统已经提示要比50更小,然而用户还是继续猜90)。以上的这段对话展示了我们如何引导用户朝着最终要猜出的数字目标前进,同时又能够包容多样变化,并保持吸引力。

对话段落4:试探性的猜测

Google对话式交互规范指南:对话UI设计流程与步骤

上面的例子中,用户在猜数字的过程中,突然问长城有多长,系统巧妙的问用户「你已经退出猜数字游戏了吗」,这样来请求确认,以推进对话。

对话段落5:对于超出时间的对话修复

Google对话式交互规范指南:对话UI设计流程与步骤

上面的例子中,用户长时间不回答,系统会智能的根据时长做出不同的响应判断。

对话段落6:用户连续三次猜同一个数字

Google对话式交互规范指南:对话UI设计流程与步骤

掌控「不好」的输入

上面这个例子中,用户故意连续猜三次50,不顾系统的提示,而系统以比较幽默的口吻来回应。

责任编辑:华侨时报