マニュアル

Captivateプロジェクトにスライダーを追加する

  1. Captivate ユーザーガイド
  2. Captivate とは
    1. Adobe Captivate
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate のダウンロード
    4. よくある質問
  3. Adobe Captivate のリリース
    1. Adobe Captivate 13
      1. Adobe Captivate(13.1)リリースノート
      2. Adobe Captivate(13.0)リリースノート
    2. Adobe Captivate 12
      1. Adobe Captivate 12 の概要
      2. Adobe Captivate(12.6 アップデート)リリースノート
      3. Adobe Captivate(12.5 アップデート)リリースノート
      4. Adobe Captivate(12.4 アップデート)リリースノート
      5. Adobe Captivate(12.3 アップデート)リリースノート
      6. Adobe Captivate(12.2 アップデート)リリースノート
      7. Adobe Captivate(12.1 アップデート)リリースノート
  4. プロジェクトのセットアップ
    1. スライドナビゲーター
    2. プロジェクト寸法
    3. 環境設定
      1. 一般環境設定
      2. 生成 AI の環境設定
      3. プロジェクトの環境設定
      4. クイズの環境設定
    4. テーマ
    5. Adobe Captivate 機能の URL アクセスを設定する
  5. PowerPoint からの読み込み
    1. Captivate への PowerPoint プレゼンテーションの読み込み
    2. CaptivateにインポートするPowerPointスライドを選択
    3. インポートしたスライドのテキストを操作する
    4. インポートしたスライドの図形を操作
    5. インポートしたスライドにメディアを追加
    6. インポートしたスライドにインタラクションとアニメーションを追加する
  6. Captivate Classicからインポート
    1. Captivate Classic プロジェクトを Adobe Captivate にインポートする
    2. Captivate ClassicシミュレーションプロジェクトをCaptivateにインポート
  7. Adobe Captivate の生成 AI
    1. 生成 AI の概要
    2. 生成 AI に関する FAQ
    3. 生成クレジット
    4. テキストを生成 
      1. テキストを生成の概要
      2. テキスト生成のための効果的なプロンプトを作成する
      3. クイックプロンプトを使用してテキストを生成する
      4. カスタムプロンプトを使用してテキストを生成する
      5. テキスト生成を改善するためのフィードバックを提供する
    5. 画像を生成する
      1. 画像を生成するの概要
      2. プロンプトを使用して画像を生成する
      3. 画像のコンテンツタイプを選択 - 写真またはアート
      4. 構図とスタイルの参照画像を使用する
      5. 効果的な画像生成のためのベストプラクティス
      6. 画像生成を改善するためのフィードバックを提供
    6. アバターを生成
      1. アバターを生成の概要
      2. アバターをカスタマイズ
      3. アバターナレーション用のトランスクリプトを作成する
      4. アバターナレーションを生成
      5. アバター生成を改善するためのフィードバックを提供
    7. トランスクリプトを生成
      1. トランスクリプトを生成の概要
      2. クローズドキャプションをベースにしたトランスクリプトの生成
      3. トランスクリプトを効果的に使用するためのベストプラクティス
  8. テキストの追加と編集
    1. プロジェクトにテキストを追加
    2. プロジェクトに Adobe Fonts を追加する
    3. 引用を追加
    4. 右から左に書く言語の作成者
  9. 画像の追加と編集
    1. プロジェクトに画像を追加
    2. スライド上の背景画像を編集
    3. プロジェクトに SVG を追加
  10. メディアの追加と編集
    1. プロジェクトにビデオを追加
    2. オーディオの追加と編集を行う
    3. ウィジェット操作用の音声を追加
    4. クローズドキャプションを追加する
    5. プロジェクトに web オブジェクトを追加する
  11. インタラクティブなコンポーネント
    1. ボタンの追加
    2. 入力フィールドを追加
    3. ラジオボタングループを追加
    4. ドロップダウンの追加
    5. チェックボックスを追加
    6. Adobe Captivate の変数
  12. クイズを作成
    1. 多肢選択問題を追加
    2. 正誤形式の質問を追加
    3. 列を一致させる質問を追加
    4. 短い答えの問題を追加
    5. 順序問題を追加
    6. 質問プールとランダム質問スライドを追加
    7. 質問を CSV 形式で読み込む
  13. ウィジェットの追加
    1. カードを追加
    2. タブを追加
    3. 証明書の追加
    4. カルーセルの追加
    5. ホットスポットの追加
    6. ドラッグ&ドロップを追加
    7. タイムラインを追加
    8. クリックして表示を追加
    9. アコーディオンを追加する
    10. スライダーを追加
    11. スタックカードを追加
  14. インタラクションとアニメーション
    1. プロジェクトにインタラクションを追加
    2. オーバーレイを使用したインタラクティブビデオの作成
    3. スライドレベルのインタラクションの作成
    4. オブジェクトレベルのインタラクションの作成
    5. プロジェクトにアニメーションを追加
    6. Adobe Captivate のステート
  15. e ラーニングプロジェクトを強化
    1. コンテンツブロックとコンポーネントに余白を追加
    2. プロジェクトにヘッダーを追加する
    3. プロジェクトにフッターを追加する
    4. 長いスクロールプロジェクトの作成
    5. 会話スライドの追加
    6. Adobe Captivate プロジェクトへのキャラクターの追加
    7. Captivate のアセット
  16. シミュレーションプロジェクト
    1. シミュレーションの概要と設定
    2. デモモード
    3. トレーニングモード
    4. 評価モード
    5. フルモーション録画
  17. タイムラインと目次
    1. Adobe Captivate のタイムラインパネル
    2. Adobe Captivate の目次
    3. Adobe Captivateでスライドをロックして非表示にする
  18. レビューと共同作業
    1. レビュー用の共有
    2. レビューの作成と管理
    3. レビューコメントを追加して共同作業する
    4. レビュー用にプロジェクトを共有する際の FAQ とトラブルシューティングのガイド   
  19. プレビューとパブリッシュ
    1. プロジェクトをプレビュー
    2. プロジェクトをパブリッシュする
  20. アクセシビリティ
    1. Adobe Captivate でのアクセシビリティが高い e ラーニングコンテンツの作成
    2. スライドのアクセシビリティを高める
    3. スライドオブジェクトのアクセシビリティを高める
    4. インタラクティブコンポーネントのアクセシビリティを設定
    5. ウィジェットのアクセシビリティを高める
    6. クイズのアクセシビリティを高める
    7. 目次および再生バーのアクセシビリティ
  21. Adobe Captivate のデザインオプション
    1. デザインオプションとは
    2. デザインオプションのパーツ
    3. カスタムデザインオプションを作成する
    4. カスタムデザインオプションを修正する
    5. カスタムデザインオプションを書き出す
    6. カスタムデザインオプションを読み込む
  22. その他の参考資料
    1. Captivate の使い方に関するトップページ
    2. Captivate Classic と Adobe Captivate の比較
    3. 以前の Captivate プロジェクトを最新バージョンにアップグレードする
    4. Admin Console で Captivate パッケージを作成およびデプロイする

概要

Adobe Captivateのスライダーウィジェットは、学習者が定義された尺度に沿って値を選択できるインタラクティブコンポーネントです。これは、リッカート尺度、信頼度評価、満足度スコア、気分トラッカー、その他の段階的応答インタラクションをeラーニングコース内で直接実装するために一般的に使用されます。離散的な回答を強制する多肢選択問題とは異なり、スライダーインタラクションは意見や強度の度合いを捉え、デスクトップ、タブレット、モバイルデバイス全体でクリーンでタッチフレンドリーなインターフェイスを維持しながら、より豊富な学習者フィードバックを生成します。

主要機能の概要:

  • 単一のウィジェットで最大10個のスライダー(質問)。 
  • スライダーあたり最大10ステップ(レベル)、水平および垂直レイアウト、アイコンベース、数値、またはテキストラベルの尺度。
  • 組み込みキーボードアクセシビリティとLMSレポーティングサポート。

このページのトピック:

sliderウィジェットのユースケース

sliderウィジェットは、インストラクショナルdesignerと学習コンテンツ制作者が、単一の回答よりも応答の範囲がより意味のある微妙な学習者入力を収集するのに役立ちます。これは、学習者の自己評価ツール、信頼度チェックインタラクション、またはeラーニングでの意見投票として機能し、学習者が強度、同意、または準備状況を表現できます。

オンラインコースで評価尺度ウィジェットを使用することで、静的な質問形式をより魅力的で内省的なインタラクションに置き換えることができ、デスクトップとモバイルデバイスの両方で直感的に感じられます。

sliderウィジェットが価値を追加する一般的なシナリオには以下が含まれます:" ] } ```

  • 学習者がスキルを適用する準備がどの程度できているかを尋ねる自信度チェック。
  • 習熟度を振り返るためのトレーニング前後の学習者自己評価。
  • アイコンや視覚的な手がかりを使用した気分やセンチメントトラッキング。
  • 同意や反対の度合いをcaptureする意見投票。
  • 指導を一時停止し、自己評価を促す反省的学習アクティビティ。

これらのユースケースにより、スライダーウィジェットはトレーニングにおける多肢選択問題の実用的な代替手段となり、反省的学習アクティビティの強力なツールとなります。

プロジェクトにスライダーウィジェットを追加

プロジェクトにスライダーウィジェットを追加するには:

  1. ウィジェットを挿入するスライドを選択します。

  2. 左側のツールバーからウィジェットを追加を選択します。

    スライダーウィジェットを追加する方法を示すCaptivateインターフェイス
    スライダーウィジェットを追加

  3. ウィジェットのリストからスライダーを選択します。

挿入後、ウィジェットはデフォルトのタイトル、本文、指示、および単一のスライダーとともに表示されます。

スライダーウィジェットを設定

ビジュアルプロパティパネルを使用して、ウィジェットのレイアウト、表示されるスライダーの数、および各スライダーの動作をコントロールします。 

Captivate のスライダーウィジェットのビジュアルプロパティ
ビジュアルプロパティパネルからウィジェットを設定

スライドの数

スライダーの数は、ウィジェット内に表示される個別のスライダーコントロールの数を定義します。各スライダーは、個別の質問、文、または指標を表します。ウィジェットに必要なスライダーの数を入力します。

以下に例を挙げます。

  • 1つのスライダー:簡易パルス調査または離脱調査。
  • 2〜4つのスライダー:トピックに関する集中的なフィードバック。
  • 5〜7つのスライダー:包括的な評価。
  • 8〜10個のスライダー:詳細な評価(疲労を避けるため控えめに使用してください)。

1つのウィジェット内に最大10個のスライダーを含めることができ、追加のスライドを追加することなく、関連する学習者のフィードバックをグループ化しやすくなります。複数のスライダーが存在する場合、ナビゲーションボタン(前へ / 次へ)が自動的に表示されます。

注意:

複数のスライダーが追加されると、プロジェクトは長いスクロールレイアウトになり、学習者が垂直にスクロールして追加のスライダーを表示できるようになります。プロジェクトの長いスクロール構造を示すページ区切り線が表示されます。

ステップの数

ステップ数 設定は、スライダー上で選択可能な位置の数を指定します。各ステップは、スケールに沿った個別の応答レベルを表します。インタラクションに必要なステップの総数を入力します。

以下に例を挙げます。

  • 2ステップ – はい/いいえや同意する/同意しないなどの二者択一に最適です
  • 3ステップ – 同意しない / 中立 / 同意するなどのシンプルな意見スケールに適しています
  • 5ステップ – 標準的なリッカート尺度サーベイで一般的に使用されます
  • 7ステップ – 研究グレードまたはより細かいフィードバックに適しています
  • 10ステップ – 信頼度、強度、または満足度評価に理想的です。

ウィジェット内のすべてのスライダーは同じステップ数を使用します。この一貫性により、学習者がインタラクションを素早く理解し、明確で予測可能な評価エクスペリエンスを確保できます。スライダーの動きは連続的ではなく固定の増分で発生し、クリーンで分析しやすいデータが得られます。

デザインオプション

4つのビルトインデザインoptionsのいずれかから、スライドでのスライダーの配置方法を選択します:

スライダーウィジェットのCaptivateインターフェイスとレイアウトのデザインoptions
スライダーウィジェットのデザインオプションを選択

  • 水平レイアウトは、横幅の広いレイアウトや従来の評価スケールインタラクションに適しています。
  • 垂直レイアウトは、コンパクトなデザイン、モバイルファーストコース、または複数のスライダーを比較する場合に便利です。

スライダーウィジェットをカスタマイズ

ウィジェット全体と個々のスライダーの両方をカスタマイズして、パーソナライズされた学習インタラクションとより明確な学習者ガイダンスをサポートできます。

ウィジェットレベルのカスタマイズ

ウィジェットレベルのオプションは、スライダーウィジェット全体に適用されます。 

  1. 必要なコンポーネントを有効にします。

    • タイトルでインタラクションの明確な見出しを提供
    • 本文テキストでアクティビティの目的やコンテキストを説明
    • 指示で学習者の応答方法をガイド
    • 前へボタンで前のスライドに移動します
    • 次へボタンで次のスライドに移動
    • リセットボタンでウィジェット内のすべてのスライダーをデフォルト位置に復元します。
    スライダーウィジェットのコンポーネントが表示されたCaptivateインターフェイス
    スライダーウィジェットのコンポーネントを有効にする

  2. 外観セクションで、ウィジェット全体の背景色、境界線、シャドウを選択します。

    スライダーウィジェットレベルの外観カスタマイズが表示されているCaptivateインターフェイス
    スライダーウィジェットの外観をカスタマイズします

スライダーレベルのカスタマイズ

スライダーレベルのオプションは各スライダーに個別に適用され、各応答の表示方法をコントロールできます。

  1. 必要なコンポーネントを有効化:

    • ラベルは、信頼度や満足度など、スライダーが測定する内容を説明します。ラベルは強く反対から強く同意のような範囲を表すことができます。
    • アイコンは、絵文字やシンボルなど、各スライダーレベルの視覚的な手がかりを追加し、気分のトラッキングやセンチメントベースの応答によく使用されます。
    • 数値は、1から5などの数字として選択されたステップを表示します。数値スケールは、インタラクションデザインに応じて、優先度(例:1が最高、5が最低)や影響度(例:1が最低、5が最高)を表すことができます。
    • 見出しテキストには、ユーザーが回答を追加する調査の質問が含まれます。  
    スライダーレベルのカスタマイズを示すCaptivateインターフェイス
    スライダーレベルのコンポーネントを有効化

  2. ウィジェット内のスライダーを選択して、アクティブバーと非アクティブバーの色を変更します。

    • アクティブスライダーカラーは、スケールの選択された部分をハイライトします。
    • 非アクティブスライダーカラーは、スライダーの未選択部分を表します。
    ウィジェット内の各スライダーの色を変更する方法を示すインターフェイス
    プライマリスライダーと非アクティブスライダーに異なる色をセット

  3. スライダー移動アイコンをカスタマイズ:インタラクションデザインにより適合するように、スライダーハンドルの外観を調整できます。スライダーハンドルアイコンをカスタマイズするには、スライド上のスライダーハンドルを選択します。Visual Propertiesパネルで、利用可能なassetsまたはシステムから別のSVGファイルを選択します。CaptivateでSVGを操作する方法について詳しく学習してください。

    スライダーハンドルアイコンをカスタマイズ
    スライダー移動アイコンをカスタマイズ

    アイコンを反転して向きを変更し、色と不透明度を調整してコーステーマに合わせることもできます。

スライダーステップアイコンをカスタマイズする

リッカート形式のスライダーインタラクションで使用されるスライダーステップアイコンを、Visual propertiesパネルから直接変更できます。アイコンのカスタマイズは、eラーニングにおけるムードトラッカー、信頼度チェックインタラクション、意見投票で、各応答レベルに明確な視覚的手がかりを提供するために一般的に使用されます。スライダーアイコンをカスタマイズするには:

  1. ウィジェットレベルでアイコンコンポーネントを有効にします。

  2. スライダーの上または横に表示されるアイコンを選択します。各アイコンは個別に選択する必要があります

  3. アイコンのSVGファイルをAssetsのものと置き換えるか、システムからアップロードします。CaptivateでSVGを操作する方法について詳しく学習してください。

    スライダー内のアイコンのSVGファイルを変更する
    スライダーステップアイコンをカスタマイズする

  4. 必要に応じて反転オプションを使用して向きを調整します。

  5. Appearanceで、不透明度を調整するか、べた塗りを適用してコースデザインに合わせます。

すべてのスライダーレベルで視覚的な一貫性を確保するために、ウィジェット内の各アイコンに対してこれらの手順を繰り返します。

レポートを有効にする

学習者の応答がクイズ結果に取得され、サーベイまたは評価の一部としてLMSに送信されるように、スライダーウィジェットのレポーティングを有効にできます。

```json { "trancreatedText": [ "スライダーインタラクションのレポーティングを有効にするには:

  1. スライド上のスライダーウィジェットを選択します。

  2. Visual propertiesパネルで、Reportingセクションを展開します。

    LMSでのスライダーウィジェットのレポーティングとインタラクションIDを示すCaptivateインターフェイス
    LMSへのスライダーレポーティングを有効にする

  3. Include in quizを選択して、インタラクションをレポート可能としてマークします。必要に応じて、インタラクションのPoints値を指定します。

  4. Add to totalを選択して、スライダースコアを全体のクイズスコアに含めます。

  5. Report to LMSを選択して、学習者の応答がLMSに送信されるようにします。LMSレポートでこのスライダーインタラクションを一意に識別するInteraction IDを確認してください。

レポーティングが有効になっている場合、スライダーで行われた学習者の選択が記録され、LMSトラッキングとレポーティングに含まれます。これは一般的に、サーベイスタイルのスライド、リッカート尺度インタラクション、信頼度チェック、およびコース外で分析する必要があるフィードバック収集に使用されます。

注意:

プロジェクトがLMSレポーティングを有効にして公開されており、LMSがインタラクションレベルのデータに対して選択されたレポーティング標準(SCORMやxAPIなど)をサポートしていることを確認してください。Adobe Captivateでのパブリッシングとレポーティングについて詳しく学習してください。

ベストプラクティス

以下のベストプラクティスを適用することで、学習者エクスペリエンスとスライダーベースのインタラクションを通じて収集されるデータ品質の両方が向上します。

デザインのベストプラクティス

  • 学習者の応答を比較可能に保つため、すべてのスライダーで同じ数のステップを使用して尺度を一貫させます。
  • 不明確な尺度は信頼性のない一貫性のないデータにつながる可能性があるため、曖昧さを避けるためにすべてのステップにラベルを付けます。
  • 明確で簡潔なラベルを使用します。例えば、「強く同意する」は「この声明に非常に同意します」などのより長く主観的なフレーズよりも意図を明確に伝えます。
  • 尺度が対称的に感じられ、意図せずに応答にバイアスをかけないよう、ポジティブとネガティブのオプションのバランスを取ります。
  • 二重質問を避けてください。単一の声明で「興味深く関連性がある」などのアイデアを組み合わせる代わりに、一度に1つの概念について質問します。

データ品質のベストプラクティス

  • 中立的なオプションが必要な場合は、奇数のステップを使用します。" ] } ```5つまたは7つのステップでは、学習者が「どちらでもない」などの応答を選択できます。
  • 方向性を強制したい場合は、偶数のステップを使用します。4つまたは6つのステップでは中立的な選択肢が削除され、明確な選好が促されます。

キーボードナビゲーション

学習者はキーボードを使用してスライダーウィジェットを操作することができます:

  • Tabを押してスライダーに焦点を移動します。
  • 左矢印または下矢印を押してスライダーの値を1ステップ減らします。
  • 右矢印または上矢印を押してスライダーの値を1ステップ増やします。

Adobe, Inc.

ヘルプをすばやく簡単に入手

新規ユーザーの場合