Language(APL)と呼ばれる視覚デザインフレームワークを採用しています。これにより、幅広いデバイスに対応した対話型の音声および視覚エクスペリエンスを構築できます。このようなマルチモーダルなエクスペリエンスは、スキルをより楽しく、魅力的にします。APLでは、次のような視覚要素を提供しています。Tabletデバイスなどの標準的なAlexa搭載デバイス向けに、独自の視覚要素をデザインできます。SDKを使用して開発したサードパーティデバイスも、APLデザインフレームワークに対応しています。再生機能の使用APLは、音声、オーディオ、視覚要素を1つのユーザーインターフェースに統合した独自のエクスペリエンスデザインを可能にします。このフレームワークは柔軟性が高く、視覚要素や音声要素を同期させながら、1つのデザインを複数のタイプのデバイスに拡張できます。さまざまな方法でAPLを活用することで、ユーザーエクスペリエンスが向上します。APLを使用すれば、部屋の向こう側からでも一目で分かる補足情報を表示したり、リストや検索項目といった視覚的な手掛かりを提供したりできます。APLは音声コマンドにも対応しているので、ユーザーはタッチ対話だけではなく、音声でアイテムを画面に表示させることもできます。これにより、異なる種類の対話同士のやり取りがスムーズになり、スキルとユーザーとのやり取りもシームレスで直感的になります。APLを使用してデザインする場合、開発者が自由に視覚要素を画面上のどこに配置するかを定義することができます。複数のAlexa搭載デバイス間で視覚表現とブランドアイデンティティを一致させることも可能です。オーサリングツールを使用してAPLでデザインしながら、Alexa開発者コンソールでシミュレーションテストを行い、Amazonの各種Alexa搭載デバイス間でデザインがどのように表示されるかを確認できます。複数のスキルでデザインを再利用したり、デザインを他者と共有したりすることも可能です。異なるデバイス間でも統一性のあるデザインが可能なので、対象とするユーザーやデバイスの種類に応じてエクスペリエンスをカスタマイズできます。簡単に開発を始められるように、APLレイアウトのサンプルを提供しています。これらのレイアウトは、さまざまなAlexa搭載デバイスで機能するようデザインされています。レイアウトをそのまま使用することも、修正して使用することも、一から自分で作成することもできます。APLは新しい言語ですが、普遍的な形式に準拠していますので、構文はフロントエンドの開発経験を持つ人であれば誰でもすぐに習得できます。APL視覚デザインコンポーネントAPLは、デザイン要素の仕様を含むJSONファイルを作成し、スキルからAlexa搭載デバイスに送ります。デバイスは、これが何のためのものなのか確認してから、必要な画像やデータをインポートし、エクスペリエンスとして出力します。次のライブラリには、視覚デザインに使用可能なすべてのAPLコンポーネントが含まれています。画像タッチ対応の画像(テキストあり、またはなし)を、TouchWrapperを使用して画面上に作成できます。ぼかしフィルターを適用した画像を作成することもできます。Imageコンポーネントの使用方法コンポーネントを画像の前面に配置する場合は、オーバーレイ(レイヤー)を使って色付きの不透明なレイヤーを画像の上に適用すると、コンテンツの読みやすさとアクセシビリティが向上します。画像を目立たせないようにする場合、不透明度を変更して効果に変化をつけることもできます。背景画像を使用すると、主役のコンテンツを邪魔することなく、視覚エクスペリエンスを高めることができます。画面に表示されるメインコンテンツのアクセントとして、レイアウトの背景に画像を配置します。サムネイルサムネイルを使うと、検索結果を確認したり、TextコンポーネントとImageコンポーネントを組み合わせたりして、選択肢にコンテキストを追加できます。アイコン小さな画像で三次的なコンテンツを提供します。評価を表す星などに使います。エンプティステートエンプティステートやデフォルトステートのレイアウトに画像を追加すると、レイアウトが整います。エンプティステートに画像を追加すると、単純な応答にも楽しさやコンテキストをプラスできます。TouchWrapperの使用方法ユーザーがタッチ対象をタッチだけでなく声でも選択できるよう、タッチ対象を必ず音声にも紐付けるようにしてください。TouchWrapperでテキスト文字列を囲む場合は、インテントをトリガーするフレーズの文字列を囲むことをお勧めします。シークエンスとリストユーザーがタッチでアイテムを選択し、詳しいコンテンツを見ることができるように、TouchWrapperでシークエンスのアイテムを囲みます。画像TouchWrapperをImageコンポーネントと組み合わせて、ナビゲーション項目(グラフィックボタンなど)を作成したり、画像に対話と選択のポイント(ゲームボードなど)を追加したりすることができます。