Echo ShowとEcho Spot用スキルの作成



Echo ShowとEcho Spot用スキルの作成

Echo ShowとEcho Spotでは、デバイスのグラフィック要素で音声対話を補います。そのため、Echo ShowとEcho Spotで使用するカスタムスキルには、標準の音声対話だけでなく対話型のタッチディスプレイを応答に含めることができます。たとえば、レシピスキルではスキル対話の適切な時点で材料や作り方の画像を表示できます。シティガイドスキルでは、リクエストされたアトラクションの写真やビデオを表示したり、ユーザーにガイド付きツアーを提供したりできます。

Echo ShowとEcho Spot
Echo ShowとEcho Spot

ディスプレイコンポーネントがユーザーエクスペリエンスを高めることはありますが、常に音声がAlexaとの対話で最優先される方法です。

AlexaアプリではAlexaの音声応答以上の追加情報をユーザーに提供するカードがサポートされますが、このアプリではユーザーが電話かコンピューターでAlexaアプリのカードを個別に表示させる必要があります。つまりカードは役に立ちますが、スキルの主要なワークフローになることはありません。Echo ShowとEcho Spotでは、画面ディスプレイがスキルの主なワークフローの重要な要素になることがあります。

Echo ShowとEcho Spot用のAlexaスキルでは、音声、タッチ、テキスト、画像、ビデオの統合が可能になります。

Node.js SDKとJava SDKを使用すると、簡単にAlexaスキルを作成できます。

Echo ShowとEcho Spotの表示および対話の機能

スキル開発者は、表示やナビゲーションに次の機能を利用することができます。

グラフィック機能

Echo ShowとEcho Spotでは、次のグラフィック機能をサポートしています。

  • リストテンプレート - コンテンツを事前に定義された形式で横型または縦型のリストとして表示します。

  • 本文テンプレート - テキストや画像の追加が可能なコンテンツを事前に定義された形式で表示します

  • 画像 - リストテンプレートや本文テンプレートで使用します

  • AudioPlayer - スキルがオーディオを再生するときに表示します

  • ビデオ - スキルがビデオを再生するときに表示します

  • タッチ 選択イベント - スキルをコード化してタッチをサポートしている場合、リスト項目とアクションリンクはタッチでアクティブ化できます

Echo Showでは、Amazon Echoデバイスの全機能の他、対話画面とビデオ再生機能も利用できます。Echo Showの仕様を参照してください。Echo Showの画面の解像度は1024 x 600ピクセルです。

Echo Spotの画面はEcho Showより小型です。Echo Spotの仕様を参照してください。

Alexaスキルは、Alexaが使えるデバイスの画面の有無にかかわらず、常にカードをサポートします。Alexaアプリでカードが表示されるようにスキルがプログラムされており、画面テンプレートを使用するようにはプログラムされていない場合、Echo ShowまたはEcho Spotの画面にカードが表示されます。スキルにカード表示もテンプレート表示もない場合は、スキル名とスキルアイコンが「中止する準備が整ったら、『アレクサ、終了して』と言ってみてください」というヒントテキストとともに画面に表示されます。

Alexaカスタムスキルとの対話の種類

Alexa用にデザインするカスタムスキルは、次の対話を考慮する必要があります。

  • 音声対話Echo ShowかEcho Spotがあるとしても、Alexaとの対話の第一の手段は音声です。写真閲覧スキルなどスキルを効果的に使用するのに画面が必要な場合、画面付きデバイスを使用していないユーザーに画面の要件を伝えるワークフローを作成します。ユーザーは次のアクションを話しかけることで画面表示を制御できます。

    • 上/下/左/右にスクロール

    • 前/次のページ

    • 次/前

  • Alexaアプリでの対話。カスタムスキルで、追加情報を伝えるカードがAlexaアプリに表示されるようにできます。画面付きデバイスでカスタムスキルを使用すると、応答に表示テンプレートを含んでいない場合でもこのカードが画面に表示されます。したがって、表示テンプレートを含んでいないスキルは、Echo ShowまたはEcho Spotにすべてのカードを表示します。応答にカードと表示テンプレートの両方が含まれる場合、表示テンプレートが画面に表示されます。この表示テンプレートは、カードを含むか表示テンプレートが送信される次の応答まで、画面に表示されています。

  • 画面表示の対話。カスタムスキルが表示テンプレートを使用し、適切な対話で表示テンプレートが起動した場合、対応するテキストと画像が画面に表示されます。

  • 画面タッチによる対話。選択インテントでエンコードされた画面の項目をユーザーがタッチすると、選択された項目に対応するレシピが表示されるなど、スキルにプログラムされた特定のアクションが起動します。

Alexaが使えるデバイスのオーディオ、ディスプレイ、ビデオ機能

Alexaが使えるデバイスはAudioPlayerインターフェースをサポートし、オーディオファイルを再生します。Echo ShowとEcho Spotでは現在、長時間のオーディオには対応していません。

Echo ShowとEcho Spotは、コンテンツを画面に表示するDisplayインターフェースと、画面のビデオファイルを再生するVideoAppインターフェースをサポートしています。

表示テンプレートを使って画面表示を出力する方法とタイミング

カスタムスキルを開発するときは、スキルがAlexaに送信する応答の形式を決定します。この応答は音声に限定することも、カードや画面表示を含むこともできます。応答に音声出力とカードを含めることができるのと同様に、使用する表示テンプレートがある場合は、JSON形式で記述された応答に含められます。表示テンプレートとカードの両方が応答に含まれる場合は、表示テンプレートが画面に出力されます。カードだけが含まれる場合は、カードが画面に出力されます。カードもテンプレートも指定されていない場合は、本文テンプレートが画面に出力され、スキル名とスキルアイコンが表示されます。表示テンプレートはAlexaコンパニオンアプリには出力されません。

一般にスキル開発者がユーザーエクスペリエンスを向上させたい場合は、表示テンプレートを効果的に表示し、スキルユーザーにとって見やすくなるようにします。つまり、ユーザーからリクエストされた情報に応答する場合、表示テンプレートだけを返す必要があります。ユーザーに詳しい情報を尋ねる質問などの他の応答には、通常表示テンプレートは含まれません。

カードデザインのベストプラクティスを参照してください。

Alexaスキルのマルチモーダル対話モデルを作成する

VUI(音声ユーザーインターフェース)をGUI(グラフィカルユーザーインターフェース)およびEcho ShowとEcho Spotのタッチ要素と組み合わせると、独自のユーザーエクスペリエンスが生まれます。スキルをデザインするときには、これらの要素すべてがスキルユーザーに対してどう連動するかを考慮します。

「上へ」などのコマンドの効果が意味するものを考えるときには、スキルのフローが重要となります。たとえばレシピスキルで、ユーザーはレシピの前のステップや以前のレシピに戻るでしょうか? 同様に、ユーザーがファクトスキルで「上へ」と言った場合の動作はどんなものでしょうか。 スキル開発者は、スキルのサービスコードでこの動作を指定する必要があります。ユーザーがスキルとどう対話してほしいかを念頭にデザインしてください。

スキルが各種デバイスでどう機能するかを考慮する

Echo ShowやEcho Spotなどの特定のデバイス用にスキルをデザインする場合、ユーザーが他のAlexaデバイスでもそのスキルを有効にしようとする可能性があることを覚えておいてください。画面やタッチの機能を使わない方法でユーザーがそれらの機能を利用できるようにするのか、スキルやスキルの特定の機能は特定のデバイスでのみ対応していることをユーザーに通知するのかを決定します。たとえば、スキルでビデオを使えるようにするVideoAppインターフェースは、Echo ShowとEcho Spotでサポートされていますが、Amazon Echoなどの画面がないデバイスではサポートされていません。

Echo ShowとEcho Spot用の既存のスキルをアップグレードする

画面のないAlexaが使えるデバイスで使用できる、認定済みのスキルがすでに作成されているとします。このスキルを修正して機能を追加し、表示テンプレートやタッチ機能を利用できるようにすることができます。

Echo ShowとEcho Spot用のスキルをアップグレードするには、次のステップを実行します。

  • スキルのワークフローを再考します。ユーザーが画面付きのEchoデバイスでスキルと対話する場合、その方法は多種多様です。画面付きデバイスと、他の画面のないデバイスのどちらでもスキルが機能する方法を決定します。

  • Displayインターフェースのリファレンスの説明に従いDisplay.RenderTemplateインターフェースを有効にします。

  • スキルサービスのコードを修正して、新しくデザインしたワークフローを反映するとともに、画面付きのEchoデバイスを持っていないユーザーのエクスペリエンスも維持できるようにします。

  • 新しい機能が追加されたスキルをテストします。

  • 変更を公開します。