INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Industry Guide

7

分で読める

Prototyping for Voice - Blending Interaction & Conversation Design

Getting ready for a new era. Voice prototyping examples that go beyond a single person and screen.

Fredo Tan、 Head of Growth
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、そしてeコマースの台頭とともに育ちましたが、Gen Zというまったく新しい世代はかなり異なる体験をしています。彼らはAlexaを使ってピザを注文したり映画のチケットを買ったりして育ちます——現時点では、彼らは年長の世代よりも音声対応のパーソナルアシスタントを使い、好んでいます。

クリエイターやデザイナーである私たちの役目は、異なるやり取りをするユーザー世代に備えることです。これに合わせて、意味のある体験を設計し、プロトタイプ化すべきです。多くの人が(まだ)自分の製品に音声を組み込むことを考えていなかったり、音声中心のアイデアを実際に動くプロトタイプに落とし込むのに苦労していると私たちは考えているので、私たちは、単一の人やデバイスを超えた音声プロトタイピングが、より民主化される時代を後押ししたいと思っています。

そこで、ProtoPieで作成した一連の音声プロトタイプの例を紹介し、私たちデザイナーがこのような没入型でインタラクティブな体験を十分にプロトタイプ化でき、単一ユーザー・単一画面の体験だけに縛られる必要がないことを示したいと思います。

車載音声コントロール

前述のとおり、Teslaとその170以上の音声コマンドについて触れました。もちろん、同社だけではありません。Mercedes Benz、Continental、Boschなど、さまざまな企業が、音声をドライバー体験の一部として取り入れる努力を続けています。

この例では、タブレットで動作する車のセンタースクリーン表示のインタラクティブなプロトタイプを作成しました。ステアリングホイールのない車載体験なんてあり得るでしょうか?そこで、タブレットをステアリングホイールに接続しました。動画でご覧のとおり、ステアリングホイール上のボタンでプロトタイプを操作し、音声アシスタントを起動できます。

車載音声コントロールのプロトタイプを試してみてください。

スマートTV音声検索

音声なら、特にスマートTVでは、たくさんのメニューをたどって目的の機能にたどり着くよりも、ずっと直接的に、しかもはるかに簡単にアクセスできます。

リモコンでテレビのコンテンツを検索して快適だと感じる人を、あなたはたぶん知らないはずです。音声検索が、それを大幅に簡単にしてきました。

実際のテレビに接続したコンピュータ上で動作するスマートTVプロトタイプがあります。表示されているリモコンはテレビに直接つながっているのではなく、代わりにコンピュータにつながっています。ProtoPieではキーボード入力が可能なため、コンピュータがリモコンをBluetoothキーボードとして認識するようにしました。すると、ほら、音声の魔法の完成です。

スマートTV音声検索のプロトタイプを試してみてください。

音声翻訳アプリ

先ほど「単一の人を超えて」と述べました。複数人での音声体験を提供する優れた製品の一例が、バイリンガル会話をサポートするGoogle翻訳です。

そこで私たちが考えた例は、Zoom上で同僚のAdriと私が交わす英語とスペイン語の会話を翻訳する、バイリンガル翻訳アプリのプロトタイプです。どのように進んだか、ぜひご覧ください。

音声翻訳アプリのプロトタイプを試してみてください。

Google Docsでの音声入力

Googleが何年も前にGoogle Docsへ追加したアクセシビリティ機能の一つが音声入力で、実際に文字を打つよりも音声を使いたい、あるいは使えない人々にとって非常に役立ってきました。

音声入力機能は、Googleドキュメントでテキストを作成する体験全体を向上させます。また、音声入力機能には、どこまで入力されたかを知らせるための視覚的なフィードバックが必要だということも分かります。これは、音声と視覚を別々のものとして捉えるのではなく、体験全体として設計すべきだということを示しています。

Google Docs音声入力プロトタイプを試してみてください。

ここで紹介したのはたった4つの例です。私たちはよりつながった世界に生きており、可能性はまだまだたくさんあります。総じて、デザイナーは、音声と視覚デザインを別々のものとして扱うよりも、音声を伴う没入型体験にもっと目を向けるべき時です。

インタラクティブなプロトタイプ(一般的なクリック遷移型ではなく、より現実的なもの)に音声を加えることは、かつてはデザイナーにとって夢物語でした。もう違います。ProtoPieを使えば、インタラクションと会話設計を融合し、音声対応の未来に向けたプロトタイプを作成できます。

音声プロトタイピング マスタークラス

高度な音声プロトタイピングの達人になるこの機会をお見逃しなく。今すぐ高度な音声プロトタイピングのマスタークラスに参加して、あなたのプロジェクトで音声インターフェースの可能性を解き放ちましょう!

ウェイクワード検出、音声コマンド、テキスト処理、天気情報、会話処理、楽曲再生を網羅した11の充実したレッスンを学びましょう。