使用Reaction构建实时语音用户界面

Speechly是一款用语音方式增强触摸用户界面的工具。除了触摸和点击之外，最终用户还可以使用最自然的方式与应用程序交互-语音。

这篇博客是关于为什么你应该使用Speechly Reaction客户端来构建你的下一个多模式用户体验。如果您已经知道了，可以直接跳到我们的Reaction客户端入门教程并开始开发。

到目前为止，开发人员和设计人员在可用于语音用户界面的服务方面一直受到限制，只有简单的基于问答的交互才是可行的。另一方面，虽然触摸屏很棒，但也有很多用例需要改进。像填写表格或更改搜索过滤器这样常见的事情需要相当多的点击和滑动。

我们不相信智能扬声器和语音助手，我们一直在努力利用我们的技术来改善当前的触摸屏体验和当前的语音体验。

Reaction是用于构建用户界面的一个很棒的库，它使得构建UI组件变得又快又容易。然而，虽然滚动和点击很有趣，甚至会让人上瘾，但也有一些任务可以通过语音更容易完成。可以使用更好的UX的一些常见任务包括：

一个典型的表单有几个文本输入字段，可能有自动完成、一个或两个下拉列表、可能有一个多选、几个单选按钮和一个日期选择器。要将它们全部填满，用户需要轻触以选择输入字段，键入内容，选择内容，然后移动到下一个字段。由于每个字段的实现方式有多种，因此一定程度上会产生混淆。

搜索几乎是所有应用程序的典型功能。一个好的搜索可以使电子商务网站的转化率翻一番。但是您添加的筛选器越多，UI就会变得越杂乱，用户就更难找到他们正在寻找的筛选器。

因为触摸界面需要用户触摸某些东西，所以他们需要触摸的按钮必须在他们的视图上。这是所有设计师都熟悉的问题，因为他们需要考虑用户如何与他们添加到应用程序中的所有优秀功能进行交互。但是，可用的屏幕空间有限，因此按钮要么需要非常小，要么需要某种嵌套菜单，其中隐藏了不太常用的按钮。

当前的语音解决方案是为基于话轮的语音助理体验而构建的。终端用户的语音输入是在他们停止说话后进行处理的，通常由语音输出给出答案。这在某些用例中工作得很好，但不能用于增强当前的应用程序。Speechly是为多模式触摸屏体验而从头打造的。

用户说“告诉我从纽约到伦敦的航班，明天出发”，机器就会等待一段时间，然后显示从新泽西到朗莫尔的航班。有了我们的Reaction客户端，用户界面可以实时更新，很容易看到系统是否有任何错误，并通过语音或触摸进行修复。

如果你曾经使用过语音助手，你就会知道很多查询都是以“嘿，提供商，打开…”开始的。嘿，提供者，打开…。嘿提供者，把灯打开“。一旦你停止说话，灯就需要随机的时间才能真正熄灭。使用Speechly，反馈是即时的，服务何时监听总是清晰的。

虽然我们中的大多数人说得比写得快(尤其是在触摸屏设备上)，但我们读的速度比听的速度快。如果你听不到句子中间的一个小细节，就很难回头了。对于大多数任务来说，最好是看到结果，而不是听到结果。这就是为什么Speechly被从头开始打造成多模式的原因，这意味着它同时支持所有模式：触摸、视觉和语音。

我们已经发布了一个Reaction客户端，它可以帮助开发人员和设计人员在构建Reaction应用程序时解决这些问题。您可以在gihub上找到源代码，在npm上找到包。我们还发布了一个简短的教程来帮助您开始使用它，所以请继续查看它！

在构建客户端时，我们试图使其易于使用现代的Reaction概念，如Context和Hooks，这将使其更容易集成到您的Reaction应用程序中。但是，如果您对使用功能组件和钩子不感兴趣，也不会更困难-您仍然可以使用常规的上下文使用者方法！

在Speechly上进行开发需要您首先使用我们的Web Dashboard或命令行工具创建您的语音UI配置。配置是通过提供您的最终用户用于与应用程序交互的示例话语来完成的。配置完应用程序后，您可以在我们的游乐场中试用它，最后将其与您的应用程序集成。

一旦您验证了为您的发言获得了正确的意图和实体，就将Reaction客户端包括到您的应用程序中。您可以使用我们的Reaction教程开始。