ウィジェットを挿入するスライドを選択します。
- Captivate ユーザーガイド
- Captivate とは
- Adobe Captivate のリリース
- Adobe Captivate 13
- Adobe Captivate 12
- プロジェクトのセットアップ
- PowerPoint からの読み込み
- Captivate Classicからインポート
- Adobe Captivate の生成 AI
- 生成 AI の概要
- 生成 AI に関する FAQ
- 生成クレジット
- テキストを生成
- 画像を生成する
- アバターを生成
- トランスクリプトを生成
- テキストの追加と編集
- 画像の追加と編集
- メディアの追加と編集
- インタラクティブなコンポーネント
- クイズを作成
- ウィジェットの追加
- インタラクションとアニメーション
- e ラーニングプロジェクトを強化
- シミュレーションプロジェクト
- タイムラインと目次
- レビューと共同作業
- プレビューとパブリッシュ
- アクセシビリティ
- Adobe Captivate のデザインオプション
- その他の参考資料
概要
Adobe Captivateのスタックカードウィジェットを使用すると、視覚的に積み重ねられたカードのスタックとしてコンテンツを表示できます。学習者はクリックまたはタップによって一度に1枚ずつカードを進めることができ、これにより集中的で軽量なインタラクションが実現され、特にモバイルデバイスで効果的に機能します。各カードには見出し、小見出し、本文、画像を含めることができ、スタックカードはマイクロラーニング、ステップベースの指導、連続的なストーリーテリングに理想的です。このウィジェットには、複数のあらかじめ用意されたデザインオプション、組み込みアニメーション、デスクトップ、タブレット、モバイル表示でのレスポンシブ動作が含まれています。
スタックカードを使用する理由
スタックカードは1つの概念につき1枚のカードで、段階的にコンテンツを配信します。このインタラクションモデルは、学習者が通常スマートフォンやタブレットでコンテンツを消費する方法と一致し、認知的負荷を軽減するのに役立ちます。
主な利点は以下の通りです:
- 学習者が一度に1つのアイデアに集中できるようにする段階的開示。
- アクティブなカードのみを表示することで、画面の混雑を避けるクリーンなレイアウト。
- クリックまたはタップインタラクションによる学習者主導のペーシング。
- カルーセルやフリップカードウィジェットよりも自然に感じられるモバイルファーストのインタラクションパターン。
- カルーセルやフリップカードウィジェットと比較して、スタックカードは並列ブラウジングではなく順次フローとカード単位の進行を重視するため、モバイルファーストのコースデザインに特に効果的です。
実際のユースケース
スタックカードは一般的に以下の用途で使用されます:
- 順次展開するストーリーベースの学習。
- ステップバイステップのプロセスウォークスルー。
- モバイルデバイスでのフラッシュカードスタイルの復習。
- ゲーミフィケーションを取り入れた学習におけるシナリオ紹介。
プロジェクトにスタックカードウィジェットを追加
スタックカードウィジェットをプロジェクトに追加するには:
-
-
左側のツールバーからウィジェットを追加を選択します。
-
ウィジェットのリストからスタックカードを選択します。ウィジェットがカンバスに追加され、デフォルトで4枚のカードがセットされます。最小2枚のカードから最大20枚のカード
まで追加することができます。スタック内のカード数を選択します スタック内のカード数を選択します -
カードセレクターからカードを選択して、テキストと画像を追加します。
カードセレクターから任意のカードを選択します カードセレクターから任意のカードを選択します
スタックカードウィジェットをカスタマイズする
ウィジェットを追加した後、ビジュアルプロパティパネルを使用してデザインオプション、アラインメント、外観、動作を設定します。
-
学習者のインタラクションを最もサポートするデザインオプションを選択してください。ストーリーテリングに適した水平レイアウトのデザインオプション、またはステップベースの教育コンテンツに適した垂直レイアウトを選択します。
スタックカードのデザインオプションを選択します スタックカードのデザインオプションを選択します -
作成者はこれらのコンポーネントを使用して、ウィジェットレベルおよび個々のカードでカードプロパティを設定できます。ウィジェットレベルでこれらのコンポーネントを有効にします:
- 見出し:各カードのメイン見出しを表示します。
- 本文:プライマリテキストコンテンツが含まれます。
- 指示:「左右にスワイプして続行してください」などの学習者へのガイダンスを提供します。
- 前へボタン:学習者を前のスライドに移動させます。
- 次へボタン:学習者を次のスライドに移動させます。
スタックカードウィジェットに必要なコンポーネントを有効にします スタックカードウィジェットに必要なコンポーネントを有効にします -
必要に応じて、各カードの各コンポーネントを有効または無効にします:
- 画像: カードの画像を追加します。
- 見出し: 各カードのタイトルを表示します
- 小見出し: サポートテキストまたは追加情報を追加します。
- 本文: 主なテキストコンテンツを含みます。
- カード番号: スタック内の位置に基づいてカード番号を表示します。
これらのコンポーネントは、各カードに対して個別に有効または無効にできます。
-
外観 セクションで、ウィジェットの背景を変更し、ボーダーとシャドウを追加し、背景のぼかし、明るさ、コントラストを調整します。
スタックカードの外観をカスタマイズ スタックカードの外観をカスタマイズ
スタックカードの再生と完了動作を設定
読み込み時とウィジェット内のすべてのカードが表示されたときのスタックカードの動作を設定します。
-
ビジュアルプロパティパネルで、下にスクロールして設定を選択します。
ビジュアルプロパティパネルの設定からスタックカードの動作設定を設定 ビジュアルプロパティパネルの設定からスタックカードの動作設定を設定 -
読み込み時に自動プレイを有効にすると、指定した間隔でスタック内の次のカードに自動的に進みます。カード間の遅延時間を秒単位で設定します。
自動再生を有効にして時間の長さを設定 自動再生を有効にして時間の長さを設定 -
ウィジェット完了時に次のスライドに移動を有効にすると、学習者がすべてのカードを完了したときに自動的に次のスライドに移動します。
スタック内の各カードをカスタマイズ
スタック内の各カードのテキストと画像の内容を編集できます。デフォルトでは、すべてのカードに変更可能な画像とテキストのプレースホルダーが含まれています。
カスタマイズを開始するには、カードセレクターからカードを選択します。この例では、Card 1が選択されています。カードをカスタマイズするには、次の手順に従います:
-
カードセレクターからスタック内のカードを選択します。
-
そのカードに必要なコンポーネント(画像、見出し、小見出し、本文など)を有効にします。
-
外観セクションで、選択したカードのコーナーの半径をカスタマイズし、背景を変更し、ボーダーやシャドウを追加します。
スタック内のカードの外観をカスタマイズする スタック内のカードの外観をカスタマイズする -
カード上の各テキストコンポーネントを選択して見出しや本文などのコンテンツを追加し、外観セクションでその書式を調整します。テキストを生成optionsを使用して、生成AIを使用して選択したテキストボックスのコンテンツを作成することもできます。詳細については、Captivate で AI を使用してテキストを生成する方法をご覧ください。
-
カード内の画像の アイコンを選択して、外観を変更したり、assetsやシステムから置き換えたり、画像を生成optionsを選択してAI生成画像を使用したりします。CaptivateでAIを使用して画像を生成する方法について詳しく学習してください。
assetsからスタックカード画像を置き換え、システムからアップロード、または生成AIを使用 assetsからスタックカード画像を置き換え、システムからアップロード、または生成AIを使用 -
状態セクションで、展開を選択して各カードの訪問済み状態をディスプレイします。すべてのカードで訪問済み状態の外観をカスタマイズして、カードが循環シーケンスで進行する際に、すでに表示されたカードを視覚的に区別できます。これにより、学習者はスタック内での進行状況を簡単に追跡できます。
訪問済み状態の外観をカスタマイズ 訪問済み状態の外観をカスタマイズ