为语音时代设计 UI

网页设计的世界是令人难以置信的动态。每年都会出现新的趋势和机遇，这主要是由现代技术的到来推动的。 

近年来，我们看到了网页设计领域的各种更新，例如用于制作混合媒体的 AR 和 VR 解决方案的到来。视频内容的质量有所提高，而对包容性和可用性的需求已经改变了我们构建从网站到应用程序的一切方式。 

然而，在大多数情况下，网页设计趋势继续关注视觉。 

当我们听到“界面”这个词时，我们通常会想到图形用户界面——将用户与网站联系起来的终极方式。然而，现在我们有了一种新的、更自然的方式让客户与他们的数字工具互动……语音时代已经到来。 

为语音时代而设计

技术部门在自动语音识别和自然语言理解 等方面的发展取得了令人难以置信的进步。

由于机器处理和理解人类语言方式的更新，语音识别准确率现在达到90% 及以上。用户比以往任何时候都可以与智能助手、扬声器或基于电话的应用程序交谈，并获得他们正在寻找的结果而不会出错。 

通过语音与技术交流的简单性意味着用户以惊人的速度采用了这项技术。到今年年底，一半的搜索将通过语音进行。

我们正站在与计算机和关键工具交互方式发生根本性转变的边缘。作为设计师和开发人员，我们需要准备好接受这种新媒体。 

考虑到这一点，设计师在设计语音 UI 时需要考虑以下内容。 

1.决定如何尝试语音

使网站更具“对话性”涉及各种步骤。任何设计师或开发人员的第一步都是考虑他们将为应用程序或网站启用的基于语音的交互类型。 

例如，您可能决定为 Echo 等设备创建单独的 Amazon Alexa“技能”，而不是将语音技术嵌入网站。像Capital One这样的公司已经投资了这项技术，这样用户就可以向他们的智能扬声器询问他们的余额，而不是打开笔记本电脑并登录网站。 

要确定您应该为客户创建什么样的语音体验，请与他们一起制定客户旅程地图。使用客户与您的客户定期进行的交互地图，您可以突出显示语音交互可能适合用户流程的区域。 

例如，如果客户不断询问有关品牌或其服务的问题，那么配备可以响应语音查询的机器人的常见问题解答页面可能是一个很好的选择。 

UI设计应该总是解决问题。检查您的客户的最终用户在他们的旅程中遇到的摩擦和挫折将帮助您决定您的语音 UI 体验的方向。 

2.检查语音命令的解剖

在设计人员可以为其语音 UI 创建对话流之前，他们需要了解语音命令的工作原理。成功的语音设计成功的关键是理解交互的目标。声音由设计师考虑的三个关键因素组成：

• 意图：意图表示语音命令的主题和上下文。高效用交互涉及对特定任务的请求。例如，您的用户可能会要求您的应用为他们提供特定区域的五星级酒店列表。为这些请求进行设计通常很简单，因为语音算法需要做的事情很清楚。然而，低效用请求可能更难破译，例如“我附近的酒店”，因为机器人可以处理的特异性较低。 
• 话语：话语是指用户如何表达命令。例如，在阿姆斯特丹寻找五星级酒店的情况下，客户可能会说“给我看看酒店”，或者他们可能会询问“住宿地点”。设计人员必须为他们的语音命令 UI 考虑话语的每一个变体。 
• 可选变量：这是指您的语音 UI 需要注意的额外过滤器。对于阿姆斯特丹的五星级酒店，“五星级”的描述是可选的。可选输入需要覆盖默认值并为搜索带来更多细节。 

例如，SideChef 是一款语音激活的食谱应用程序，它为用户提供解说指导，并允许客户根据他们的特定需求搜索食谱。该应用程序内置了广泛的变量，允许用户根据“素食”或“快餐”等描述自定义搜索。 

3. 学习如何使用对话流进行原型设计

学习如何利用VUI 等复杂的 UI 策略需要时间和实践。原型设计师通常必须像编剧一样思考，设计各种对话流程以满足客户的不同需求，以及他们可能面临的众多交互。 

对话流程将概述：

• 导致互动的关键词
• 代表对话可能导向的分支
• 用户和语音助手的示例对话框。 

使用说明语音助手和用户之间来回来回的脚本来练习对话流，将有助于设计人员和开发人员了解客户与机器人交互中可能出现的各种细微差别。 

请记住，虽然良好的语音 UI 设计的一个关键部分是保持沟通的对话性和直接性，但您需要确保最终用户与其应用程序、网站或数字之间可能发生的每次讨论都有一个对话流工具。用户不想感到超负荷和不知所措，但他们需要确保他们也能完成他们的任务。

以语音游戏RuneScape: One Piercing Note为例。 

该应用程序背后的开发人员允许玩家与其他游戏中的角色交谈，并使用“拉动杠杆”或“打开箱子”等命令。在设计游戏的可玩组件时，设计师需要考虑玩家可能与故事的不同部分进行的每一种可能的交互，同时确保用户不会偏离轨道。 

语音 UI 设计的一些技巧 

语音 UI 设计可能非常复杂，主要是如果您以前从未使用语音作为唯一输入创建过东西。但是，一旦您习惯了创建对话流，整个过程就会开始变得容易得多。 

在设计时，请记住：

• 在任务完成时始终确认：在为电子商务页面设计结帐流程时，设计师最关键的屏幕之一是确认页面。它向客户表明交易已成功完成，并让他们不必担心自己是否做了正确的事情。同样的概念也适用于语音 UI 设计。例如，如果您客户的最终用户要求语音激活应用程序与他们的治疗师预约，他们想知道预约已成功预约并添加到他们的日历中。确定您将如何提供客户所需的安心。 
• 为错误制定强有力的策略：设计师和开发人员仍处于语音 UI 实验的早期阶段。这意味着您的应用程序和工具很可能不时出现问题。制定强有力的错误策略至关重要。始终设计一个对话流场景，让助手在他们不理解请求或根本听不到任何内容时做出响应。您还可以对这些情况实施分析，以识别误解并提高未来的可用性。  
• 添加额外的安全层： Google Assistant 和 Alexa 等各种语音 UI 解决方案现在可以识别个人声音。这是一种类似于面部或触摸 ID 的生物识别安全性。随着语音识别的不断改进，确保您遵守最新的安全指南至关重要。某些公司可能需要额外的身份验证。例如，需要支付和交易的事情可能需要密码、面部识别或指纹。例如，Duer语音助手使用人脸识别来批准付款，并根据之前的购买情况进行膳食推荐。 

您准备好迎接语音 UI 革命了吗？

基于语音的用户界面将继续存在。

在未来的几年里，开发人员和设计师可能需要学习如何更一致地使用语音作为他们界面策略的一部分。 

好消息是，虽然语音作为一种设计工具需要一些时间来适应，但它很容易确保您的项目朝着正确的方向发展。就像任何其他类型的设计一样，实现语音意味着要考虑您向最终用户提供的交互和体验是否无缝、有效和有价值。 

语音 UI 的成功不仅仅是将语音功能添加到您的设计中。这是一个学习如何利用语音的力量让用户的生活更轻松的问题。

通过 Unsplash精选图片。

来源：https://www.webdesignerdepot.com/2021/08/designing-ui-for-the-voice-era/