以下内容由摹客团队翻译整理，仅供学习交流， 摹客iDoc是支持智能标注和切图的产品协作设计神器 。

随着语音技术变得越来越流行，愈来愈多的设计师需要创建语音交互原型。在这篇文章中，小编将为不熟悉语音交互原型制作的小伙伴们作一个流程概述。虽然这不是一个复杂的过程，但它与我们平时创建的网站或应用程序UI原型有所不同。

1. 语音是一种新的媒介

在一个网站上，用户只能访问你允许他们去的地方。语音交互不像网站中的用户流那样线性或有逻辑可循，语音交互可能随时随地发生。

这也意味着我们必须清楚，用户在编辑/发送短信时的交流方式与他们平时说话不同。用户说话/对话总是滔滔不绝，瞬息万变的。用户的对话可能会深入，也有可能会回到之前的信息点。

例如你在手机上点披萨外卖，与让Alexa或Siri帮你点披萨完全是两码事。当你在谷歌搜索中拼错Pizza，或者Alexa或Siri听不懂你的时候，这又是另一种不同的体验。当你在做语音交互设计时，请记住这一点: 你在设计一个对话界面，它是为用户对话而不是输入信息而设计的。

2. 创建一个角色

首先思考你的语音应用程序将在用户体验中扮演的角色。它的角色是什么? 接下来，你必须问自己：你的角色是谁? 你的语音应用程序的角色应该如何代表品牌?

任何一种语音应用程序都是你们品牌的延伸。你应该先思考公司的品牌是什么，并使用这些特征来定义语音应用程序的角色。设想你的用户将与你的品牌的程序进行交互的场景和目的。这是一个拉近用户/客户关系，充满趣味和创造性的新机会；也是在你的公司、品牌和用户之间建立密切联系的绝佳机会。

确定角色特征将对用户如何看待你的语音应用程序和公司产生深远的影响。例如，你的声音角色是女性还是男性?它是诙谐的还是滑稽的?这些都非常重要！

最后，无论你如何设定角色，它都必须与用户相关联。如果还是不知道怎么确定，不妨看看你的用户是谁，思考他们最熟悉什么，再创建角色。

3. 写出示例对话框

接下来，你需要指出在用户流中可能发生、将要发生或应该发生语音交互的位置。你不可能在一个流程中写出所有内容，就像你不能设计出所有应用程序页面一样。毕竟，这种用户流是千变万化的。

在指出它们发生的位置之后，简要描述语音交互将发生的场景。这将为你提供语音交互的明确目的和更多编写示例对话框的上下文。接下来你需要做的是，对于每个场景写出示例对话框。

下面是一个对话框示例：

用户: 我想订一个披萨。

语音应用程序: 嘿，Paula，没问题。我知道您最近几次点了同样的东西。您要不要再点一份大号芝士披萨和一份马苏里拉奶酪棒?

用户: 是的,当然。

语音应用程序: 太好了。您是想要我们在30分钟左右送到您手中，还是自己去到店里取?10分钟后就可以取了。

用户: 把它送到我家。

语音应用程序: 我们文件上的收货地址是Alphabet Street 123号，对吗?

用户: 是的。

语音应用程序: 对了，总共是15.79美元。您要用程序绑定的银行卡支付，还是现金支付呢?

用户: 用现金。

语音应用程序: 您的订单已经下单，我已经给您发邮件确认了。外卖应该在晚上8:30左右到达。

4. 语音原型

不知不觉，我们已经进入原型阶段了!市场上有很多工具可供选择，但需注意语音交互仍然是一个相当新的媒体。与众多的网站原型工具相比，语音原型工具的数量寥寥无几。

你可以尝试以下这些语音原型工具:

TheStoryLine - 一个依附以Alexa技能为基础的界面映射工具。

Sayspring - 用于Alexa和谷歌助手的语音接口工具。

Botsociety - 多平台语音原型工具，支持Messenger，Slack, Alexa和Google Home。

Dialogflow — 用于构建自然的对话体验。

记录对话框

除此之外，你还应该保存好原型和对话框文档。记录对话框与记录产品的其他信息一样重要。每个对话框至少应该有一个惟一的名称、类型(订单、传输、取消等)、启动 (提示此特定对话框的内容) 和结果 (这将为用户实现什么?用户接下来可以期望什么?)信息。

错误状态

从语音应用程序没有识别出用户说了什么，到用户没有提供继续前进所需的适当信息，出现错误的原因是多方面的，

你的对话框中需要包含错误状态，就像在线表单一样。当用户不兼容时，解决错误的最佳方法是提供渐进的和有用的指导。如果你希望减少错误状态出现，尽量提供用户适当的信息。当你在程序中需要问用户生日或信用卡到期时间等信息时，用户可能会以用多种方式回答你，比如只用数字或数字和单词的组合。例如，我可以说我的生日是1999年5月1日或19990501。因此，你需要的信息和格式，必须得向用户阐述清楚。避免不必要的错误状态出现。

那如果用户对如何提供日期感到困惑又该怎么办? 如果用户的回答是长时间的停顿，或者是“呃…….” “嗯……”呢? 然后你怎么设计呢?

下面是EmilyGrace Adiseshiah 提供的一个例子:

语音程序: 你的生日是什么时候?

用户: 嗯…

语音程序: 告诉我你的出生日期，用2位数字表示月份，2位数字表示日期，4位数字表示年份。

此外，还有一些其他的情况需要考虑。如果遇到用户说话口音很重，口吃，说话声音小或者在嘈杂的地方，这些情况该怎么办? 同样，要分别考虑这些因素，并确保在原型中为这些特定的问题留出空间。

测试你的原型

任何原型的目的都是测试你的想法，所以放手去做吧！用真实用户测试你的原型，看看你的语音应用程序和整个项目做得如何。

“ 通往产品成功的道路，总是需要突破在用户需求整理，功能筛选优化，和不断测试迭代上遇到的重重困难！”

——詹姆斯福克斯《原型设计的意义是什么》

结论

在这篇文章中，我们介绍了如何原型化语音交互的通用过程。你以前做过语音原型吗?你对此有什么看法? 你对我们的初学者指南有什么其他的专业建议吗? 欢迎深入探讨。

原文作者： Paula Borowska

原文地址： https://designmodo.com/guide-voice-prototyping/

学习工具，但不受限于某种工具。 摹客iDoc，高效协作，从产品到开发，只要一个文档，让你的团队高效协作！

相关阅读

灵感专题—2019年优秀APP界面设计作品赏析#6月

【干货】25个故事性网页设计，轻松讲述网页独有的故事！！！

30个最优CSS动画案例分享，轻松让网页用户随心而“动”

卡片式设计流行的秘密 — 看完这15个案例你就懂了！