セットアップと認証

• Alexaのセットアップ
  • 紹介画面
  • ユーザーへの情報提供画面
• Login with Amazonを使用した認証
• セットアップのフロー
  • コンパニオンアプリ
  • コードベースの連携
• 画面の例
  • モバイルコンパニオンアプリ
  • コードベースの連携
• テキストの例と翻訳

Alexaのセットアップと認証の画面は、ユーザーにAlexaの価値を伝え、ユーザーが自身のAmazonアカウントに製品を接続できるようにします。セットアップフローは通常、Alexa搭載デバイスまたはアプリを最初に起動する際に実行されます。

Alexaのセットアップ

AVSのセットアップは、ユーザーにAlexaの価値を伝える紹介画面と情報提供画面、およびユーザーがAmazonの認証情報を使用してログインする認証画面で構成されています。これらの画面が組み合わされて、以下の3つのステップのプロセスが構成されます。

1. 紹介またはスプラッシュ画面
2. 認証画面
3. ユーザーへの情報提供または使い方の例の画面

ユーザーには、アカウントからログアウトする方法も提示する必要があります。ログアウト機能は、通常、アプリのAlexa設定で実行できます。アプリにAlexaの設定がない場合は、「使い方の例」画面を再利用してログアウトに関するページを作成できます。このページで、ユーザーにAlexaにログインするメリットを再度伝えます。

このドキュメントに記載した例は、標準的なスマートフォンおよびタブレットのディスプレイの比率と向きに合わせてあります。さまざまなディスプレイに対応しますが、より質の高いユーザーエクスペリエンスを実現するには変更が必要になる場合もあります。ユーザーの使いやすさを考慮して統合するには、コンテンツにアクセス可能で、かつ読みやすいことが重要です。

Alexaのセットアップ画面には、独自の要件があります。これらの要件を満たしてさえいれば、各自の仕様に合わせて自由に設計することが可能です。画面の例は、を参照してください。

紹介画面

紹介画面は、ユーザーにAlexaとは何か、Alexaの機能、音声コントロールのメリットを伝えます。複数の連続した画面やアニメーションを使用することもできますが、単一のスプラッシュ画面で十分です。

紹介画面の要件は以下のとおりです。

• Amazon Alexaロゴ
• Amazonについての言及
• Alexaとは何かについての説明
• Alexaの機能についての説明
• 認証フローを開始するためのリンク

スプラッシュ画面のテキストの例は、画面の例と同様、下を参照してください。

ユーザーへの情報提供画面

ユーザーへの情報提供の画面には、以下の2つの目的があります。

• 正常にログインしたことを確認する
• Alexaの使い方についてユーザーに情報を提供する

このセクションには、必ずサンプル発話を含める必要があります。アプリケーションが設定内で異なるログアウト画面を持つ場合、サインイン状態を維持するメリットをユーザーに伝えるために「使い方の例」のコンテンツを含めることを検討してください。

「使い方の例」画面の要件は以下のとおりです。

• Amazon Alexaロゴ
• Amazonについての言及
• Alexa起動方法の説明
• サンプル発話
• Amazon Alexaアプリをダウンロードまたは開くためのリンク

表示されるサンプル発話の数は、発話の長さと表示可能なスペースの大きさによって異なる可能性があります。長いサンプル発話を2行に折り返して表示する必要がある場合は、単語1つのみの行にならないようにしてください。また、行間のスペースが、サンプル発話間のスペースより狭くなるようにしてください。サンプル発話を記述する際は、以下を考慮します。

• 発話は、デバイスのユースケースに合ったものにする必要があります。スピーカーの場合にはオーディオの制御、キッチン用のデバイスの場合にはタイマーやアラームに重点を置くのがよいでしょう。
• 音声起動のデバイスの場合、サンプル発話はウェイクワード「Alexa」で始まる必要があります。
• タッチ起動のデバイスの場合、サンプル発話はウェイクワード「Alexa」で始めるべきではありません。
• 発話は、追加で購入しなければならないサードパーティ製のデバイスについて言及すべきではありません。
• 発話は、ユーザーが手動で有効化しなければならないサードパーティスキルについて言及すべきではありません。ただし、自身が開発したスキルを有効化または使用する方法の例は含めるべきです。

「使い方の例」画面のテキストの例は、画面の例と同様、下を参照してください。

Login with Amazonを使用した認証

Login With Amazon（LWA）は、AVSデバイス上でユーザーを認証するのに必要です。実装したAVS環境に基づいて、LWAを実装するアプローチを以下から1つ選択します。

デバイスのコンパニオンアプリ内のLWA
このアプローチでは、Alexaのセットアップ画面を開発者が作成したモバイルアプリのエクスペリエンス（iOS/Android）にパッケージ化します。Amazonでは、WebViewとしてLogin with Amazonへのアクセスを提供し、開発者はAmazonのガイドラインに従って紹介および情報提供の画面を構築します。

Alexa搭載デバイス上のLWA
このアプローチでは、デバイス上でAlexaのセットアップ画面を表示します。このアプローチでも、Login with Amazonはデバイスがレンダリングする必要のあるWebViewとして提供されます。タッチスクリーン起動のエクスペリエンスでのみ利用可能で、新規ユーザーがAmazonアカウントを作成できるようにするにはローカルのブラウザも必要となります。

コードベースの連携を使用したLWA
このアプローチは、画面から直接コードを表示でき、ユーザーの認証情報の入力には適さないデバイス向けに提供されています。コードベースの連携では、スマートフォン、タブレット、PCといった2つ目のデバイスを介して、デバイスのコンパニオンアプリからWebにLWAが移動します。

Login with Amazon（LWA）画面は、Amazonの仕様として実装する必要があります。詳細な仕様については、以下のLogin with Amazon実装ガイドを参照してください。

• Alexaアプリからの認証（Android/iOS）
• コンパニオンサイトからの認証
• Alexa搭載のモバイル製品の認証
• コードベースの連携を使用した認証

すべてのアプローチについて、セキュリティプロファイルに製品の名前やブランドに一致した名前を付けて、ユーザーが製品を認証していることが確実にわかるようにしてください。

セットアップのフロー

コンパニオンアプリ

紹介

1) ユーザーは製品を最初に起動したときのエクスペリエンスの一部としてAlexaをセットアップできる必要があります。その時点でAlexaのセットアップをしなかった場合は、アプリ内の設定からセットアップできるようにすべきです。

2) スプラッシュ画面から、ユーザーに対してAmazonにサインインするようプロンプトを提示します。

認証

3) ユーザーに対して、連続した簡単な手順を実行してAmazonアカウントで認証するよう指示します。ユーザーがAmazonアカウントを持っていない場合は、作成するためのリンクを提示します。アカウントの作成はブラウザ内で行われます。製品にブラウザがない場合は、ユーザーに対してアカウントを登録する別の手段を提示する必要があります。

ユーザーへの情報提供

4) 認証が完了したら、ユーザーに対して使い方の例が提示されます。この画面にはAmazon Alexaアプリのリンクを含めます。

ログアウト

5) 利用規約に同意しない場合、ユーザーはLogin with Amazon画面に戻ります。

6) 再度「使い方の例」画面を表示する際、情報提供のコンテンツに加えて「サインアウト」ボタンを表示します。このボタンをタップすると、ユーザーはサインアウトしてAlexaのスプラッシュ画面に戻ります。

コードベースの連携

紹介

1) ユーザーは製品を最初に起動したときのエクスペリエンスの一部としてAlexaをセットアップできる必要があります。その時点でAlexaのセットアップをしなかった場合は、アプリ内またはデバイス上の設定からセットアップできるようにすべきです。デバイスのスプラッシュ画面には、ユーザーがデバイスをAmazonアカウントに登録できるよう、Login with Amazonの設定へのコールトゥアクションをはっきりと表示します。

2) デバイスの画面には、コードとamazon.com/codeにコードを入力する手順を表示します。

認証

3) ユーザーは2つ目のデバイスからhttp://amazon.com/codeに移動して、認証情報を入力します。

4) ユーザーはデバイスの画面に表示されるコードを入力します。

5) 2つ目のデバイス上に、正常にログインできたという確認が通知されます。

ユーザーへの情報提供

6) ユーザーにAlexa搭載デバイスの使い方の例のリストを表示し、デバイスを最大限活用できるようAlexaアプリをダウンロードするプロンプトを提示します。

コードベースの連携のエラー

6) コードベースの連携で考えられるエラーは2つあります。1つは正常に認証される前にコードの有効期限が切れているエラー、もう1つは認証エラーです。いずれの場合にもユーザーに対して新しいコードを生成して再試行するようプロンプトを提示する必要があります。

画面の例

これらの画面は提示された赤線に従って実装するか、同様の画面を上記の要件に従って設計することができます。画面で使用するすべてのブランディングアセットは開発者コンソールの「リソース」タブで入手できます。

モバイルコンパニオンアプリ

これらの例は、標準的なスマートフォンおよびタブレットのディスプレイの比率と向きに合わせてあります。さまざまなディスプレイに対応しますが、変更が必要になる場合もあります。ユーザーの使いやすさを考慮して統合するには、コンテンツにアクセス可能で、かつ読みやすいことが重要です。

コードベースの連携

テキストの例と翻訳