テキストとScrollViewテキストを表示する場合、使用できるフォントに対して色、サイズ、太さを指定できます。TouchWrapperとScrollViewを使用することで、テキストをタッチ対応にし、Containerの範囲外に表示できます。これにより、ユーザーはタッチしてスクロールすることで、最初の画面で見えない部分を表示できます。Textコンポーネントの使用方法テキストの強調を追加または削除する場合は、色や不透明度を変えると、状態、メインとそれ以外のコンテンツを区別しやすくなります。画面に表示されるテキストが多すぎると、音声エクスペリエンスの妨げになり、ユーザーにとっては負担になります。リスト内でTextコンポーネントを使用する場合、テキストを3行までとします。これで最も関連ある情報が強調され、簡単にスキャンして選択できるようになります。現時点では、カスタムフォントはサポートされていません。スタイルリッチテキストの書式オプションの数は2つまでにします(太字と下線など)。サイズ階層やメッセージの意味を強調して伝えるために、使用するテキストサイズの数をできるだけ少なくします。コントラストユーザーが離れた距離からでもテキストを読めるように、テキストと背景をはっきりと対比できる色を選択します。Imageコンポーネントとは違い、Textコンポーネント同士は重ねないでください。重なったテキストは読めないだけでなく、Alexaデバイスエコシステムのアクセシビリティ基準も満たしません。PagerとSequencePagerを使用すると、自動的に進行するスライドショーのように、一連の項目を時系列に沿って表示できます。Sequenceを使用して、市内のレストランなどの連続した項目のリストを一覧表示できます。ユーザーは音声、タッチ、またはリモートコントロールでリストを操作できます。ほとんどのデバイスでは、画面のタッチでページ送りが一時停止します。Pagerコンポーネントの使用方法PagerはAlexaが読み上げているテキストと完全に一致しているわけではない画像やテキスト、またはユーザーにスクロールさせたくないコンテンツに最適です。カルーセル形式の画像や試合のスコアを表示する一連のカードを自動的にページ分割して表示する場合にPagerを使用できます。ボーナスコンテンツPagerは、ユーザーが関心を持つ可能性のある追加(またはボーナス)情報や画像を表示する場合にお勧めです。TTSはAlexaが発話するものに関連しているべきですが、厳密に守る必要はありません。ユーザーがうんざりしてしまわないよう、Pager項目の数は多くても6~7個にしてください。Pagerを重要な情報に使用しない重要な情報は音声で伝えるようにしてください。ユーザーは表示されるコンテンツを常に見ているとは限りませんし、見ていたとしても最後まで読まないかもしれません。Pagerコンポーネントを使って表示するコンテンツは、画面にほかのレイアウトがあまりない場合に最適です。一度に多くの要素が表示されると、ユーザーはわずらわしく感じる可能性があります。Sequenceコンポーネントの使用方法Sequenceコンポーネントを使用して、リストをスキルに配置できます。Sequenceは、ユーザーが選択できるように、複数の選択肢や結果をあらかじめ決められた順序で提示する場合に最適です。音声コマンドでSequenceをどう制御すればよいかをユーザーが理解できるように、1画面に表示するSequenceは1つだけにします。番号付け(昇順)ユーザーが項目を簡単に選択できるように、Sequenceの各項目に番号を順番に付けることが重要です。番号は必ず1から始めて、Sequenceの終わりまで1ずつ増やします。スクロールの方向Sequenceのスクロール方向を縦または横に設定できます。テキストのSequenceには縦方向、画像のSequenceには横方向のスクロールが最適です。レイアウトと条件式レイアウトを使用すると、Image、Text、ScrollView、Pager、Sequenceといったコンポーネントをグループ化したり、配置を記述したりできます。レイアウトを互いに入れ子にすることもできます。Amazonが提供するHeaderレイアウト、Footerレイアウト、Hintレイアウトを指定できます。条件式を使用すると、レイアウトでwhenプロパティを使用することで、デバイスの種類ごとにカスタマイズできます。デバイスの形状が丸形のときに入れ子のレイアウトの1つを選択し、形状が長方形のときには別のレイアウトを選択するといったことが可能です。Synchronizationを使用すると、Alexaの音声応答と同じタイミングでテキストを強調表示できます。音声や画面に表示されるコンテンツの表現方法をAPLドキュメントで変更するコマンドを送信することもできます。SpeakItemコマンドやhighlightModeを使用して、現在読んでいる行やブロックのテキストを強調表示させることができます。音声用のSSMLと同様、Idleコマンドを使用すると、Alexaが話の途中で一時停止する場合に、休止を視覚シークエンスに挿入できます。Synchronizationを使用する場合は、強調表示の際には読みやすいように異なる不透明度で表示されます。Synchronizationは、Alexaが読み上げるテキストをそのまま表示する際に使用します。Synchronizationを使わないと、画面上でスクロールされるテキストが読み上げる内容と一致しない可能性があります。Synchronizationが適用されたテキストが自動スクロールされると、ユーザーは混乱してしまう可能性があります。Synchronizationが際立つよう、画面上のほかの機能をすべて最小化します。タイミングAlexaが読み上げられる量のテキストだけを表示します。Alexaが読み上げるテキストは、短い形式のコンテンツでは15秒前後に制限します。これは、ユーザーが集中しやすく、必要に応じて中断もできる長さです。テキストがAlexaが読み上げられる量より多い場合、プロンプトを追加してユーザーに「もっと読みましょうか?」などと続行するかどうか聞くようにします。ユーザーが続行を選んだ場合、追加のテキストを追加することを忘れないでください。ほとんどのデバイスでは、画面のタッチで読み上げ機能とテキストのスクロールが一時停止します。き戻しボタンといった再生コントロールを組み込むだけでなく、ビデオ再生をカスタマイズすることもできます。Videoコンポーネントの使用方法ビデオは、それがスキルのメインコンテンツである場合のみ含めることができます。ユーザーが歌を流すようリクエストした場合、音楽ビデオを再生できます。スキルの主要アクションとしてではなく背景としてビデオを表示することは、ユーザーの注意力を散漫にし、混乱を招く原因となります。ビデオには常に字幕を入れてください。画面上のボタンやその他のコントロールでビデオコンテンツを一時停止する方法を用意します。エクスペリエンス側で制御しなければならない特別の理由がない限り、ユーザーが常にビデオ再生を制御できるようにしてください。可能な限り、ユーザーがビデオのリピート再生や全編リピート再生を選択できるようにします。再生コントロールには、一般的で認識しやすいアイコンを使用します。