診断コンテンツの作成

チュートリアル

Judgeで診断コンテンツを作成する流れを動画で確認してみましょう。

---

診断コンテンツ作成手順

診断コンテンツの骨格となる質問と選択肢の作成方法をはじめ、作成をサポートする便利な機能、合計得点の設定方法、レーダーチャート表示、SNSシェアボタンの設定方法などについて詳細に解説します。

---

ジャッジ新規作成

1. Judgeにサインインし、マイページ > マイジャッジ 画面に移動。
2. 新規作成ボタンを押下。ジャッジ作成画面に遷移します。
3. ジャッジ作成画面の１～５に記載されている順番で診断コンテンツを作成していきます。
   

1. カバーウィンドウ作成

• 診断コンテンツの概要を入力して保存しましょう。タイトル・詳細・画像を設定することができます。ここで入力した内容は診断コンテンツへのアクセス時に最初に表紙としてモーダル表示されます。

  アップロード画像のサイズ: 縦幅最大500px、縦横比率は正方形または縦長を推奨。

2. 質問・選択肢 作成

• 質問・選択肢 作成画面に遷移すると以下のような画面が表示されます。ステップにしたがって質問と選択肢を作成していきましょう。保存が完了したら、再びジャッジ作成画面に戻りましょう。
  

3. 公開方法を選択

• ジャッジ作成画面に遷移します。リストから目的に合わせて作成した診断コンテンツの公開モードを選択しましょう。

  通常は公開[URL]を選択することになります。

  詳細はこちらで解説しています。

4. 本番データへ反映

• ジャッジ作成画面に遷移します。本番データへ反映ボタンを押下することで、現在までの編集情報を本番環境にアップロードして確定します。

  本番データに反映されていない画像ファイルは数日で削除されます。忘れずに本番データへ反映しましょう。

  テンプレート購入後は本番データを更新することで利用可能になります。購入後に本番データを更新せずに利用しようとしても利用権限がない旨のエラーが表示されます。

5. テンプレートを選択

• デザインテンプレート画面に遷移して、作成した診断コンテンツのイメージに合うテンプレートを見つけましょう。

  

選択肢の後続の接続方式

Judgeでは、選択肢の後方に接続する次の質問または終端を次の2つの方式から選ぶことができます。

---

質問/終端を直接指定して接続

• 質問/終端を直接指定して接続する方式は、選択肢を選んだ際に次に表示する質問または終端を直接的に指定しておくものです。

  セレクトボックスから既存の質問または終端に接続するか、add_circle_outlineボタンから現在の選択肢に後続する質問または終端を新規作成して接続できます。

  

  NEXTボタンをクリックすると接続された次の質問または終端が表示されます。

得点ルールで接続

• 得点ルールで接続する方式は、選択肢を選んだ際に次に表示する質問または終端を集計カテゴリの各合計値に基づくルールにより接続するものです。

  優先度の数値の小さい条件から順番に、集計カテゴリの合計値が下限値と上限値の範囲内に収まっているかが判定されていきます。

  集計カテゴリの考え方については、集計グラフの表示方法に具体例で解説があります。

  ※得点ルールで接続する方式は対応プランでのみ利用できます。

  

  下図は、集計カテゴリ名として人事評価の満足度と風通しのよさを用いて接続先を条件分岐させる例です。

  現在の質問に到達した際に、それまでの集計カテゴリの各合計値が、1番目の条件である 2 <= 人事評価の満足度 <= 10かつ0 <= 風通しのよさ <= 5を満たせば、後続として質問Bを表示します。

  1番目の条件を満たすことができなければ、2番目の条件である6 <= 風通しのよさ <= 10の判定に移ります。2番目の条件を満たせば質問Cを表示し、満たすことができなければ後続を表示することなくその場で停止します。

  NEXTボタンをクリックすると条件に合致する後続の質問または終端が表示されます。合致する条件がなければその選択肢を選択してもどの質問や終端にも移動できません。よって最終条件には、どのような状態の集計カテゴリの合計値でも条件合致するような幅広い上下限をとる設定をおすすめします。

  得点ルールで接続パネルに記載する各集計カテゴリ名は、集計カテゴリの設定パネルに入力した各集計カテゴリ名と厳密に同じ文字列にする必要があります。空白や大文字小文字の違いは異なる集計カテゴリ名として処理されることに注意が必要です。

  content_copyボタンで得点ルールをコピーし、content_pasteボタンで別の選択肢の得点ルール設定パネルにコピーしたルールを張り付けることができます。

  

  得点ルールにより接続してフローチャートで表示すると、下図ように矢印が点線で表示されます。選択肢に表示する文言として得点ルールを選べば下図にように得点ルールも表示できます。

  

設定可能な各種データ

Judgeでは、診断コンテンツの作成に際して以下のようデータを設定することができます。

---

終端共通ページ設定

• 終端共通ページ設定では、終端に共用可能な任意のドキュメントを接続できます。

  このオプションを利用すれば、複数の終端で同一内容のドキュメントを表示したい場合、ドキュメントを重複して作成する手間を省くことができ便利です。

  add_circle_outlineボタンで新規の終端共通ページを作成できます。セレクトボックスには作成済の終端共通ページ一覧が表示されますので、任意のドキュメントを選択して接続しましょう。updateボタンでセレクトボックスの内容を最新状態に更新できます。

  終端共通ページは、 個別に保存する必要がある ことに注意が必要です。質問・選択肢 作成画面の最上部のsaveボタンを押下しても、終端共通ページ自体の更新内容は保存されません。

  アップロード画像のサイズ: 縦幅最大500px、縦横比率は正方形または縦長を推奨。

  

合計得点算出設定

• まず画面上部の詳細エディタトグルをONにして設定項目を表示します。

  このオプションでは、それぞれの選択肢を選んだ際のスコアを登録することができます。スコアを設定し終端の設定で合計得点チェックボックスにチェックしておくと、診断結果に到達した際にスコアを合計して表示することができます。

  合計得点を表示させたくない場合は、終端の設定で合計得点チェックボックスをチェックしないようにしましょう。詳しい利用方法はこちらで確認できます。

  下図の例では、「質問Ａ」の「選択肢Ａー１」を選択した際の得点として「５点」を設定しています。

  

集計カテゴリ設定

• まず画面上部の詳細エディタトグルをONにして設定項目を表示します。

  このオプションでは、各選択肢ごとに集計カテゴリ別スコアを設定することができます。集計カテゴリ別スコアを設定したうえでテンプレートを適用すると、終端で集計結果をレーダーチャートなどで図示することができます。※対応したデザインテンプレートを選ぶ必要があります。

  性格やスキルなどの長短を診断結果として表示する際に便利な機能です。

  集計カテゴリの考え方については、集計グラフの表示方法に具体例で解説があります。

SNSシェアカード設定

• まず画面上部の詳細エディタトグルをONにして設定項目を表示します。

  このオプションでは、診断結果ごとにSNSシェアカードを設定することができます。シェア用カードのタイトル・説明・画像を診断結果ごとにユーザーが個別に設定できるため訴求力の高いSNSシェア機能を実現できます。Twitter・Line・Facebookに対応しています。 各項目の詳細はこちらをご参照ください。

  

  Twitterシェア時のカード表示の例（下図）。カードの表示を検証する際は、ジャッジの公開オプションが公開[URL]であることを確認してください。その他の公開オプションでは外部のサービスが診断コンテンツにアクセスできません。

  

YouTube動画挿入

• まず画面上部の詳細エディタトグルをONにして設定項目を表示します。

  このオプションでは、質問または終端にYouTube動画を挿入することができます。

  診断結果ごとに動画を用意したり、各質問ごとに動画を用意し動画の中で質問を出題すれば、よりユニークなユーザー体験を提供することができます。

  ---

  https://www.youtube.com/watch?v=xxxxx形式の動画URLを直接指定できます。対象の動画URLをコピーしてJudge内で張り付けましょう。

  下記の従来方法でも埋め込み可能です。

  ---

  ※こちらは従来の方法です。

  YouTube動画の埋め込みURLは通常のURLとは異なります。埋め込みURLを取得するには、まずYouTube内で動画の共有ボタンをクリックします。

  

  次に、埋め込むボタンをクリックします。

  

  下図のように埋め込みコードが表示されます。src=""内のURLが埋め込みURLです。コピーしてJudge内で張り付けましょう。

  

診断コンテンツ作成時の補助機能

Judgeでは、診断コンテンツの作成に際して以下のような便利な補助機能を利用することができます。

---

フローチャート自動生成

• 画面上部の フローチャートトグルをONにすれば、作成した質問と選択肢の構造を図で確認することができます。

  

  editボタンからフローチャート全体に対する様々な設定を行うことができます。 フォントサイズ、フォントカラー、フローチャートの向き、質問画像の有無、コネクタの種類、選択肢に表示する情報の制御、各種パディングなど非常に自由度の高い調整が可能です。お気に入りのフローチャート設定を探してみましょう。

  

  フローチャート上の個別の質問や選択肢をクリックするとPOPメニューが表示され、質問編集画面への遷移やフォントサイズの調整などを行うことができます。

  saveボタンをクリックすると、フローチャートの設定を保存・再現することができます。

質問と選択肢の1セットのみ編集

• メインの編集画面は、最初の質問から各終端までの接続されている質問や終端を表示するロジックです。

  一方、編集するうちに、他のどの質問や終端とも接続のない質問や終端が発生する場合があります。質問と選択肢の1セットのみ編集画面では、そういった宙に浮いた質問や終端を単独で表示し、編集や削除をできるようにするためのものです。

  フローチャートから質問や選択肢を押下することで当機能を利用可能です。

  ※この画面では選択肢の後続の質問や終端を新規に作成することはできません。画面上部の編集画面に戻るボタンからメインの編集画面に戻って操作しましょう。

  

パス探索

• 専門的で複雑な診断の場合、フローチャートで図示しても矢印が入り乱れて見にくく診断の流れが追いにくい場合があります。Judgeでは、対象の質問や終端に至るまでの質問と選択肢を探索し、表示する機能があります。質問一覧終端一覧選択肢一覧の各パネルからご利用になれます。

  特定の質問の後続の質問も同時に確認することができます。