行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业指南

7

阅读时间

语音原型设计——融合交互与对话设计

为新时代做好准备。超越单人和单一屏幕的语音原型示例。

弗雷多·谭, 增长负责人
connect ai agents like claude, cursor and more to protopie via mcp

作者:Tony Kim 和 Fredo Tan。

我们与周围大量设备以及充斥在生活中的各种设备互动的方式,已与多年前大不相同。简而言之,那种只通过触摸、按压和手势与单一设备交互的时代早已过去。

设备之间的连接与集成已是理所当然。想想你在 Apple 设备之间使用的 Handoff;当你已经躺在床上,而手机放在稍微有点远的床头柜上时,通过 Siri 关闭 Philips Hue 灯;在 Spotify 上收听新的 Discover Weekly 播放列表时无缝切换设备;或者在那辆迷人的 Tesla Model S 里一边专注路况一边使用 170 多条语音指令。

你懂这个意思了吧?

新技术推动我们以不同方式彼此互动,进而以不同方式与我们的产品和设备互动。其中一项技术就是语音。可以预见,语音将在你的日常生活中扮演更关键的角色。我们伴随着 iPod、iPhone 和电商世界的崛起而成长,但如今有了全新的一代——Z 世代,他们的体验相当不同。他们在成长过程中会用 Alexa 订披萨、买电影票——到目前为止,他们相比年长人群更常使用并偏好语音个人助手。

作为创作者和设计师,我们的工作是为这种以不同方式互动的用户世代做好准备。我们应当设计并原型化与之匹配的、有意义的体验。鉴于我们相信许多人(尚)未考虑在产品中融入语音,或在将以语音为核心的想法转化为可运行原型时遇到困难,我们希望倡导一个时代:让超越单一用户和单一设备的语音原型设计更加普及。

因此,我们想分享一组由 ProtoPie 制作的语音原型示例,展示我们设计师完全可以原型化此类沉浸式、交互式体验,而不必只局限于单用户-单屏幕体验。

车载语音 控制

前面我们提到了 Tesla 及其 170 多条语音指令。它们绝不是唯一的公司;还有许多其他公司,例如 Mercedes Benz、Continental 和 Bosch,也一直在努力将语音纳入驾驶体验中。

在这个示例中,我们制作了一个运行在平板上的汽车中控屏交互原型。没有方向盘,车载体验还算完整吗?于是我们把平板连接到了方向盘。正如你在视频中看到的那样,你可以通过方向盘上的按钮来控制原型并激活语音助手。

试用车载语音控制原型。

智能电视语音 搜索

与必须在一堆菜单中层层导航相比,语音可以让你更直接地访问某个功能,尤其是在智能电视场景中更是如此。

我敢打赌,你几乎找不到有人会觉得用遥控器在电视上搜索内容是一种愉快体验。语音搜索让这件事变得容易多了。

我们做了一个运行在电脑上的智能电视原型,并把它连接到真实电视。你看到的遥控器并不是直接连接电视,而是连接到电脑。由于 ProtoPie 支持键盘输入,我们确保电脑将遥控器识别为蓝牙键盘。然后,瞧,语音魔法就来了。

试用智能电视语音搜索原型。

语音翻译应用

我们之前确实提到过“超越单一用户”。一个提供多人语音体验的优秀产品是 Google Translate,它支持双语对话。

因此,我们构建的示例是一个双语翻译应用原型,用于翻译我和同事 Adri 在 Zoom 上进行的英语-西班牙语对话。你可以亲自看看效果如何。

试用语音翻译应用原型。

Google Docs 语音输入

Google 多年前为 Google Docs 添加的一项无障碍功能是“语音输入”,这对那些无法打字或更倾向于使用语音而非手动输入文字的人来说非常有帮助。

语音输入功能提升了用户在 Google 文档中生成文本的整体体验。你也可以看出,语音输入需要视觉反馈,让用户了解已输入内容的进度。这表明我们不应将语音和视觉视为两件彼此分离的事,而应将体验作为一个整体来设计。

试用 Google Docs 语音输入原型。

这只是 4 个示例。随着我们生活在一个更加互联的世界里,外面还有更多可能性。总而言之,设计师是时候更多关注包含语音的沉浸式体验,而不是把语音设计和视觉设计当作两件分离的事。

在交互原型中加入语音(真实的,而不是普通的点击穿透式原型)过去对设计师来说像乌托邦。如今不再如此。借助 ProtoPie,你可以融合交互设计与会话设计,为语音就绪的未来进行原型设计。

语音原型设计大师课

不要错过这个成为高级语音原型设计大师的机会。立即加入高级语音原型设计大师课,释放你在项目中应用语音界面的潜力!

探索 11 节全面课程,涵盖唤醒词检测、语音命令、文本处理、天气信息、对话处理以及歌曲播放。