Skip to main content
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

記事テンプレート


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


スタジオの外観のカスタマイズについて

注意 このページのアクションを実行するには、設定の管理権限が必要です。

Studioの外観を変更して、組織のブランドを反映させることができます。カスタム外観は、マスターアカウントのすべてのユーザーに適用されます。以下のカスタマイズが可能です:

  • カスタムロゴ:ロゴの変更(スタジオ全体)。
  • カスタムブランド:ウィジェット以外の)ユーザーインターフェースの色を変更します。
  • 会話ディスプレイ: ドキュメントエクスプローラーとフィードバックウィジェットでのインタラクションの表示方法をカスタマイズ。
  • カラーパレット: レポートカラーの変更(ウィジェット内)。

サイトのロゴを変更または削除することで、スタジオの外観をカスタマイズできます。ロゴはスタジオのヘッダーに表示され、すべてのページで見ることができます。ロゴをクリックするとスタジオのホームページが開きます。ユーザーがダッシュボードをPDFとして保存または配信する場合、エクスポートファイルにもロゴが含まれます。

PDF上部にクアルトリクスロゴを表示

推奨ロゴ寸法

Studioは、StudioとPDF書き出しの両方で最適な表示ができるように、予約されたスペースに合わせて画像を自動スケールします。ロゴについては、これらの寸法を推奨する:

  • 幅:300ピクセル以下。
  • 高さ:60ピクセル以下。
  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アカウント設定ページで、「外観」 タブを選択します。
    アカウント設定ページの「外観」タブ
  5. 必要に応じて、カスタムブランドスイッチをオンに切り替えて、カスタムブランドを有効にします。カスタムブランドがすでに有効になっている場合は、次へお進みください。
    カスタムブランド対応
  6. Custom Brandingセクションで、Change Logoの下にあるファイルアップロードボタンをクリックし、ロゴ画像ファイルをアップロードします。
    ロゴセクションを変更し、アップロードボタンが上向きの矢印のようになりました。

ロゴを自分の画像に置き換えるだけでなく、スタジオのロゴを完全に削除することもできます。ロゴが削除されると、Studioはユーザーの現在のセクションのテキストタイトルを代わりに表示します。タイトルをクリックするとダッシュボードエクスプローラーが開きます(ロゴをクリックするのと同じ動作)。

  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アカウント設定ページで、「外観」 タブを選択します。
    アカウント設定ページの「外観」タブ
  5. Custom Brandingセクションで、Change Logoの 下にあるごみ箱アイコンをクリックしてロゴを削除します。

カスタムブランドの適用

この表に示す主要なユーザーインターフェース要素の色を変更することで、スタジオの外観をカスタマイズできます:

UIエレメント 中古 デフォルトカラー
ヘッダー スタジオのヘッダー背景 #444444
主な背景
  • スタジオ本体背景
  • ダッシュボードの背景
#ebebeb
アクション
  • ボタンやその他のアクション関連のUI要素
  • アクティブなボタンとリンクのテキスト
  • 強調表示されたメニュー項目
#0768dd

カスタムブランドセクションでは、スタジオのカラースキームとロゴを変更できます。ロゴの変更方法については、ロゴの変更をご覧ください。

  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アカウント設定ページで、「外観」 タブを選択します。
    アカウント設定ページの「外観」タブ
  5. カスタムブランドセクションでカスタムブランドスイッチをオンにします。
    カスタムブランド対応
  6. ヘッダー]の 下にある16進数表記をクリックして、スタジオのヘッダー背景をカスタマイズします。
    ヘッダーの16進コードの色を選ぶ
  7. カラーピッカーを使うか、別のHEX表記を指定する。
    Qtip: カスタマイズ可能なスタジオUI要素とデフォルトカラーの詳細については、以下の「カスタムブランドエレメント」のセクションを参照してください。
    Qtip: 色を変更する前に、既存のカラーコードを書き留めておくと、後で元に戻すことができます。デフォルトに戻すをクリックすれば、いつでもデフォルトの色に戻すことができます。
    デフォルトリセット
  8. 適用]をクリックします。
  9. の右側にあるスタジオモックアップで、変更内容をプレビューできます。 カスタムブランド。
    色と形のみで構成され、テキストや画像は含まれていない。
  10. アクション]の 下にある16進数表記をクリックすると、スタジオのボタンやその他のアクション関連のUI要素、アクティブなボタンやリンクのテキスト、強調表示されたメニュー項目をカスタマイズできます。
    アクションで選択された16進カラー
  11. カラーピッカーを使うか、別のHEX表記を指定する。
  12. 適用]をクリックします。
  13. 主な背景]の 下にある16進数表記をクリックして、スタジオの本体背景とダッシュボード背景をカスタマイズします。
    プライマリー・バックグラウンド・フィールド
  14. カラーピッカーを使うか、別のHEX表記を指定する。
    ヘックスカラー
  15. 適用]をクリックします。
  16. よりアクセシビリティの高い色を使用]チェックボックスを選択すると、XM Discoverは自動的にアクションの色を改善し、インターフェイス全体で適切な色の対比を確保できるようになります。
    プライマリバックグラウンドフィールドとその他の設定

    Qtip: アクセシビリティ向上のため、このオプションを有効にすることをお勧めします。
  17. ユーザー選好度でダークカラーテーマに切り替えるオプションをStudioユーザーに与える場合は、Allow users to enable dark themeswitchをOnに切り替えます。
  18. Saveをクリックして変更を適用します。
  19. 変更をキャンセルし、最後に保存したブランドカラーを復元するには、「変更をリセット」をクリックします。
  20. デフォルトに戻す] をクリックすると、既定の色に戻ります。
  21. 変更を有効にするには、ブラウザを更新してください。

会話表示のカスタマイズ

対話型の表示設定を調整することで、ドキュメントエクスプローラやフィードバックウィジェットでの対話の表示方法をカスタマイズすることができます。表示設定は、アカウント全体のデフォルトとプロジェクト固有の設定の2つのレベルで設定できます。プロジェクト固有の設定は、アカウント全体のデフォルトよりも優先されます。

  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アカウント設定ページで、「外観」 タブを選択します。
    アカウント設定ページの「外観」タブ
  5. こちらへ 会話表示。
    会話表示部
  6. プロジェクト固有の設定を行うには
    会話表示セクションのフィールド

    • コンテンツプロバイダーから
      コンテンツプロバイダーを選択する

      Qtip: コンテンツプロバイダー、アカウント、プロジェクトを選択する必要があるのは、複数のコンテンツプロバイダーに所属している場合のみです。
    • アカウント メニューからアカウントを選択します。
    • プロジェクト メニューからプロジェクトを選択します。
    • New Displayセクションをクリックする。
  7. アカウント全体のデフォルトを設定するには:
    アカウント全体のデフォルトの編集

    • デフォルトプロジェクトまたはカスタムプロジェクトのアクションメニューを展開します。
    • 編集を選択する。
  8. 会話表示]ウィンドウの[表示名]で、以下の会話参加者のラベルをカスタマイズできます。この手順は省略できます。
    参加者の表示設定

    • 代理人:会社の代表者として識別される参加者。
    • クライアント:参加者がクライアントであること。
    • ボット:チャットボットまたは音声自動応答(IVR)ボットとして識別される参加者。
    • 参加者:上記のいずれにも該当しない参加者。
  9. 会話参加者の次へ[自動タイトルを使用]チェックボックスの選択を解除し、ラベルをカスタマイズします。
  10. ボックスに20文字以内のカスタムラベルを入力してください。
  11. 会話参加者にデフォルトのラベルを使用するには、[自動タイトルを使用]チェックボックスを選択したままにします。
  12. 参加者レーンエンリッチメントをオンにし、プライマリー会話レーンでのエンリッチメントを有効にする。
    参加者レーンの充実
  13. メニューからエンリッチメントを選択する。
  14. 表示色」で、メニューから選択したエンリッチメントの色表現を選択する。
    表示色のドロップダウン
  15. Lanes(レーン)セクションでは、会話にさらなる文脈をもたらすために、エンリッチメントを追加したレーンを3つまで追加することができる。
    レーンの設定
  16. レーンを追加するには、プラス()アイコンをクリックします。
  17. レーンを削除するには、マイナス(-)アイコンをクリックします。
  18. デフォルトプロジェクトで選択できるのは、システムデフォルト値とメトリクス値のみです。これらの値は、デフォルトですべてのプロジェクトに適用されます。カスタムプロジェクトでは、システムデフォルト値、プロジェクト値、メトリクス値、および NLP値を選択できます。
    レーングループドロップダウン
  19. メニューからSystem Defaultを 選択する。
    システムのデフォルトアイコンを白い菱形に設定
  20. レーンスタイル] のメニューからアイコンのスタイルを選択すると、特定の文型に一致する文章が強調表示されます。これには、顧客による「テニュア」、「チャーン」、「クライ・フォー・ヘルプ」、「ノット・レコメンデーション」、エージェントによる「ドント・ノウ」、「ディスクロージャー」、「ミニ・ミランダ」、「トランスファー」、「ホールド」、そして誰による「リクエスト」が含まれる。
  21. メニューから「トピックス 」を選択。
    参加者レーン充実メニュー
  22. カテゴリモデルを選択して、関連するトピックを含む文章を強調表示します。
    メニューからカテゴリーモデルを検索
  23. または、検索ボックスにカテゴリーモデルを入力して、カテゴリーモデルを検索することもできます。
  24. 選択したモデルの次へ歯車アイコンをクリックして、表示するトピックを手動で選択します。
    グループ化フィールドの次へギア
  25. 設定 ウィンドウで、レベルメニューから リーフを 選択する。
    設定を行う新しいウィンドウ
  26. トピックの次へチェックボックスを選択すると、そのトピックを表示できます。
  27. または、[すべて選択]をクリックして、すべてのトピックを選択することもできます。
  28. 更新をクリックする。
  29. レーンスタイル] のメニューからアイコンのスタイルを選択すると、文の種類に合った文章が強調表示されます。
    白い丸のアイコンを選択
  30. 表示色」の下にある色の四角をクリックします。
  31. カラーピッカーを使用するか、カスタムカラーのHEXコードを指定してください。
    16進コードの色を選ぶ
  32. 適用]をクリックします。
  33. メニューからMetricsを選択する。
    メトリクスメニュー
  34. 次のメトリクスのいずれかを選択し、関連するメトリクスの帯域を持つセンテンスを強調表示します(たとえば、否定的な感情や大変な努力など):
    以下リスト

    • エフォート(3バンド)
    • エフォート(5バンド)
    • 感情の激しさ
    • 感情(3バンド)
    • 感情(5バンド)
  35. 選択したメトリックの次へ歯車アイコンをクリックします。
    グループ化の次へギア
  36. Settings(設定) ウィンドウで、含める感情の強さのレベルを選択する。
    感情強度設定ウィンドウ
  37. 更新をクリックする。
    更新ボタン
  38. レーンスタイル] のメニューからアイコンのスタイルを選択すると、文の種類に合った文章が強調表示されます。
    円のアイコンをもう一度選ぶ
  39. メニューからNLPを 選択。
    ステップで説明したユーザーインターフェースの画像
  40. NLPグルーピングを選択すると、XM Discover自然言語処理(NLP)エンジンによって構造化されていないフィードバックから自動的に導き出された関連値を含む文章が強調表示されます。
    ステップで説明したユーザーインターフェースの画像
  41. 選択したグループの次へ歯車アイコンをクリックします。
    ステップで説明したユーザーインターフェースの画像
  42. 設定ウィンドウで、選択したNLPグループ化から含める値を選択します。
    ステップで説明したユーザーインターフェースの画像
  43. 更新をクリックする。
    ステップで説明したユーザーインターフェースの画像
  44. の下にある色の四角をクリックします。 ディスプレイの色。
    青四角
  45. カラーピッカーを使用するか、選択したエンリッチメントを表示するために使用するカスタムカラーのHEXコードを指定します。
    ステップで説明したユーザーインターフェースの画像
  46. 適用]をクリックします。
  47. インテリジェントスコアリングをオンにする(これは3レーン制限にはカウントされない)。
    ウィンドウ下部の保存ボタン

    Qtip: インテリジェントスコアリングを利用しているアカウントのみ有効です。
  48. 会話表示の右下にある「保存」をクリックします。
    Qtip:会話の表示設定をデフォルトに戻すには、Defaultプロジェクトの次へアクションメニューを展開し、Reset Defaultを選択します。

カラーパレット

既定のシステムカラーパレットを使用するだけでなく、最大 10 色のカスタ ムカラーパレットを作成して、Studio レポートをカスタマイズできます。

カラーパレットを使用してこれらのアクションを実行できます:

カスタムカラーパレットの作成

Qtip: Studioでは、最大20個のカスタムカラーパレットを作成できます。
  1. スタジオにサインイン
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アピアランス」 タブを選択する。
    アカウント設定ページの「外観」タブ
  5. カラーパレットのセクションまでスクロールダウンしてください。
    新しいパレットの作成
  6. 新しいパレットをクリックします。
  7. 作成] ウィンドウで、[パレット名]ボックスにカラーパレットの説明的な名前を入力します。
    パレット名の作成
  8. カラーパレットに色を追加するには、プラス ( + ) ボタンをクリックします。
    Qtip: カラーパレットには10色まで追加できます。
  9. 黒い四角をクリックする。
    パレット名の下の黒い四角
  10. カラーピッカーを使用するか、カスタムカラーのHEXコードを指定してください。
    ヘックスカラーを選ぶ
  11. 適用]をクリックします。
  12. 色のついた四角をドラッグ・アンド・ドロップして、パレット上の順番を変える。この手順は省略できます。
    パレット作成

    Qtip: レポートでは、左端の色がより頻繁に表示され、より目立つ項目に使用されます。
  13. 現在選択されている色のHEXコードをコピーするには、「パレットをクリップボードにコピー」ボタンをクリックします。パレットをインポートすれば、これらの色を再利用できます。この手順は省略できます。
  14. 保存]をクリックします。これで新しいカラーパレットがカラーパレットセクションに追加されます。Itを使用するには、カラーパレットを有効にする必要があります。

カラーパレットのインポート

カンマ区切りで最大10個のHEXカラーコードを指定することで、カラーパレットをインポートできます。

  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. 選択 登場。
    アカウント設定ページの「外観」タブ
  5. スクロールダウンして カラーパレット。カラーパレットセクションの検索ボックス
  6. インポートしたいカラーパレットを探します。
    Qtip: カラーパレットの検索ボックスにカラーパレットの名前を入力すると、そのカラーパレットを見つけることができます。
  7. カラーパレットのアクションメニューを展開します。
    3行ボタンでパレットの次へメニューを開く
  8. 編集を選択する。
  9. Edit ウィンドウで、Copy Palette to Clipboardをクリックし、HEXカラーコードをコピーします。
    ボタンにクリップボードアイコン
  10. キャンセル」をクリックする。
  11. HEXカラーコードをカラーパレットにインポートするには、そのカラーパレットの次へアクションメニューを展開します。
    3行ボタンでパレットの次へメニューを開く
  12. 編集を選択する。
  13. HEXカラーコードを インポートパレットに貼り付けます。
    パレットのインポート

    Qtip: HEXカラーコードの前には必ずハッシュタグ(#)をつけてください。無効なコードは無視される。
  14. 適用]をクリックします。
  15. 保存]をクリックします。

カラーパレットの有効化と無効化

初めてカスタムカラーパレットを作成したときは、そのパレットは無効になっています。つまり、他のユーザーに影響を与えることなく編集を続けることができます。カラーパレットの準備ができたら、それを有効にし、レポートのカラー設定で使用できるようにします。

  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アピアランス」 タブを選択する。
    アカウント設定ページの「外観」タブ
  5. カラーパレットのセクションまでスクロールダウンしてください。
    カラーパレットセクションの検索ボックス
  6. 有効にしたいカラーパレットの名前を [カラーパレットを検索]ボックスに入力して検索します。
  7. カラーパレットを有効にするには、カラーパレットをオンにします。
    パレットの次へ、青いスイッチでオン・オフできる
  8. カラーパレットを無効にするにはオフにします。カラーパレットを無効にすると、ウィジェット設定で使用できなくなりますが、そのカラーパレットを使用するように設定されたウィジェットは引き続き使用できます。
    Qtip: システムパレットやデフォルトに設定されているユーザー定義カラーパレットを無効にすることはできません。

カラーパレットの複製

既存のカラーパレットを複製できるので、複数の色を編集したり、順序を変更したい場合に便利です。

Qtip: スタジオスタンダードパレットのコピーはカスタムカラーパレットとして扱われ、ダッシュボードプレビューモード(デフォルトまたはダーク)間でのダイナミックなカラー切り替えはできません。
  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アピアランス」 タブを選択する。
    アカウント設定ページの「外観」タブ
  5. カラーパレットのセクションまでスクロールダウンしてください。
    カラーパレットセクションの検索ボックス
  6. 複製したいカラーパレットを探します。
    Qtip: カラーパレットを検索する ボックスにカラーパレット名を入力して検索します。
  7. 複製したいカラーパレットの次へアクションメニューを展開します。
    ステップで説明したユーザーインターフェース
  8. 複製を選択する。これは、カラーパレットの無効化されたコピーをカラーパレットセクションに追加します。

カラーパレットの置き換え

あるカラーパレットを、それを使用するすべてのウィジェットで別のカラーパレットに置き換えることができます。

Qtip: DesignerカラーパレットをStudioカラーパレットに置き換えることで、Designerカラーパレットへの参照をすべて削除できます。
  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アピアランス」 タブを選択する。
    アカウント設定ページの「外観」タブ
  5. カラーパレットのセクションまでスクロールダウンしてください。
    カラーパレットセクションの検索ボックス
  6. 置き換えたいカラーパレットを探します。
    Qtip: カラーパレットを検索する ボックスにカラーパレット名を入力して検索します。
  7. カラーパレットの次へアクションメニューを展開します。
    ステップで説明したユーザーインターフェース
  8. Replace を選択する。
  9. Replace ウィンドウで、Replace withメニューから置換するカラーパレットを選択します。
    ステップで説明したユーザーインターフェース
  10. Replace をクリックする。これは、元のパレットを使用していたウィジェットに置換カラーパレットを適用します。

デフォルトのカラーパレットを設定する

マスターアカウントでは、すべての新しいダッシュボードにデフォルトのカラーパレットを設定できます。

注意 カラーパレットをデフォルトのカラーパレットとして使用するには、そのカラーパレットを有効にする必要があります。
Qtip: 現在デフォルトに設定されているカラーパレットを見つけるには、アカウントデフォルト欄のデフォルトという文字を探します。
  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アピアランス」 タブを選択する。
    アカウント設定ページの「外観」タブ
  5. カラーパレットのセクションまでスクロールダウンしてください。
    カラーパレットセクションの検索ボックス
  1. デフォルトで使用したいカラーパレットを探します。
    Qtip: カラーパレットを検索する ボックスにカラーパレット名を入力して検索します。
  2. デフォルトとして使用したいカラーパレットのアカウントデフォルト欄の「デフォルトとして使用」リンクをクリックします。
    ステップで説明したユーザーインターフェース
  3. または、デフォルトで使用したいカラーパレットの次へアクションメニューを展開します。
    ステップで説明したユーザーインターフェース
  4. アカウントのデフォルトとして使用する」を選択します。

カラーパレットの削除

注意 システムカラーパレットは削除できません。

不要になったカスタムカラーパレットは削除できます。

  1. スタジオにサインインしてください。
  2. トップナビゲーションエリアのユーザーアバターメニューを展開します。
    プロフィールアイコンをクリックするとメニューが開き、アカウント設定ができる。
  3. アカウント設定を選択します。
  4. アピアランス」 タブを選択する。
    アカウント設定ページの「外観」タブ
  5. カラーパレットのセクションまでスクロールダウンしてください。
  6. 削除したいカラーパレットを探します。
    カラーパレットセクションの検索ボックス

    Qtip: カラーパレットを検索する ボックスにカラーパレット名を入力して検索します。
  7. 削除したいカラーパレットの次へアクションメニューを展開します。
    ステップで説明したユーザーインターフェース
  8. 削除を選択する。
  9. 削除 ウィンドウで、置換メニューから置換するカラーパレットを選択します。
    ステップで説明したユーザーインターフェース
  10. Replace をクリックする。これはカラーパレットを削除し、削除されたカラーパレットを使用していたウィジェットに置換パレットを適用します。

当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。