APL詳細ページ

Detailテンプレートを使用すると、個人、場所、製品、物、イベントなど、1つの項目に関する詳細情報とアクションを表示できます。全体的なレイアウトは、片側が画像、もう片側がテキストコンテンツになります。この形式は、音声による短い概要と共に、画面上に詳細情報を表示します。

Detail template

Detailテンプレートの使用方法

Detailテンプレートには次の要素が含まれます(番号はスクリーンショットの数字に対応しています)。

1. ヘッダー

タイトル、ナビゲーション、アトリビューションが含まれます。

2. 第1テキスト

最上位の情報(映画やレシピのタイトル、連絡先や場所の名前など)です。

3. 第2テキスト

項目に関する追加情報です。

4. ボタン

ユーザーが実行できるアクションです。

5. 画像

連絡先、レストラン、レシピ、映画の写真やイラストです。

6. 画像のテキスト

画像に関するキャプション情報です。

次のスクリーンショットは、この6つの要素のテンプレート内の場所を示しています。

Detailテンプレートの種類

選択可能なDetailテンプレートは次の4種類です。

  • 汎用
  • 映画とテレビ
  • 場所
  • レシピ

汎用

汎用のDetailテンプレートは、さまざまな項目に使用できます。必要に応じて、オプションの本文テキストを追加して、より詳細な情報を提供できます。

映画とテレビ

映画とテレビのDetailテンプレートは、映画、テレビシリーズ、公開日、番組の時間などの詳細情報を提供します。メタデータを使用すると、コンテンツのレーティングやそのほかの詳細情報(あらすじ、監督、俳優など)を表示できます。オプションで本文テキストを追加して、より詳しいあらすじを提供することもできます。

ビデオの再生、ウォッチリストへの追加、番組開始時間の表示などにボタンを使用できます。

場所

場所のDetailテンプレートは、会社やレストランなどの場所に関する情報を提供します。テンプレートには、住所とレーティングのコンポーネントが含まれています。

電話をかけたり、経路案内を表示したりするためにボタンを使用できます。

レシピ

レシピのDetailテンプレートは、食材のリストやレーティングを含むレシピ情報を提供します。このテンプレートには、番号順に表示される手順の開始点も含まれます。

買い物リストに食材を追加したり、レシピを保存したりするためにボタンを使用できます。

ベストプラクティス

  • 応答には、1つの項目に関連する詳細で豊富な情報とアクションを含めます。
  • ユーザーは、リストの1つの項目に関心を持っています。
  • ユーザーのリクエストにぴったり一致したリストにします。
  • カートに追加、お気に入り、番組時間の表示など、1つの項目に関連するアクションが複数あります。
  • 必要に応じて、対応する画像を第1メタデータとして含めてください。画像は左右どちらにも配置できます。関連する画像がない場合は、デフォルトのno_imageアイコンを表示します。

良い例

horizontal divider line

可能であれば、イメージに合った背景と画像のコンポーネントを提供します。

悪い例

horizontal divider line

画像を指定しないと、デフォルトの背景に何も表示されない状態になります。

試してみる

APLドキュメントの作成と編集を参照してください。

開発者向けドキュメント