Customer Experience
Employee Experience
Brand Experience
Core XM
Design XM

Studio 外観のカスタマイジング

Studio の外観のカスタマイジングについて

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

Studio の外観は、組織のブランディングを反映するように変更できます。カスタム外観は、マスタアカウントのすべてのユーザに適用されます。以下のカスタマイゼーションオプションを使用することができます。

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

カスタムロゴ

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

推奨されるロゴディメンション

Studio では、Studio エクスポートと PDF エクスポートの両方で最適に表示できるように、予約されたスペースに合わせてイメージが自動的にスケーリングされます。ロゴには以下の次元をお奨めします。

幅:300 ピクセル以下。
高さ:60 ピクセル以下

ロゴの変更

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[アカウント設定] ページで、 [表示] タブを選択します。
カスタムブランディングスイッチをオンに切り替えて、必要に応じてカスタムブランディングを有効化します。カスタムブランディングがすでに有効化されている場合は、次のステップに進みます。
[カスタムブランディング] セクションで、[ロゴの変更] の下にあるファイルアップロードボタンをクリックして、ロゴ画像ファイルをアップロードします。

ロゴの削除

ロゴを独自のイメージに置き換えるだけでなく、Studio ロゴを完全に削除することができます。ロゴを削除すると、ユーザの現在のセクションのテキストタイトルが Studio に表示されます。タイトルをクリックすると、Dashboard Explorer が開きます (ロゴをクリックした場合と同じ動作)。

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[アカウント設定] ページで、 [表示] タブを選択します。
[カスタムブランディング] セクションで、[ロゴの変更] の下にあるごみ箱アイコンをクリックして、ロゴを削除します。

カスタムブランディングの適用

以下の表に示すキーユーザインタフェースエレメントの色を変更することで、Studio の外観をカスタマイズできます。

UI エレメント	使用対象	デフォルトの色
ヘッダ	Studio のヘッダ背景	#444444
プライマリ背景	スタジオ本体背景ダッシュボードの背景	#ebebeb
アクション	ボタンおよびその他のアクション関連の UI エレメント有効なボタンおよびリンクのテキスト強調表示されたメニュー項目	#0768dd

カスタムブランディングセクションで、Studio の配色とロゴを変更できます。ロゴの変更方法については、ロゴの変更を参照してください。

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[アカウント設定] ページで、 [表示] タブを選択します。
カスタムブランディングセクションで、カスタムブランディングスイッチをオンにします。
ヘッダの下の 16 進表記をクリックして、Studio のヘッダ背景をカスタマイズします。
カラーピッカーを使用するか、別の HEX 表記を指定します。
ヒント：カスタマイズ可能なStudio UI要素とデフォルトの色の詳細については、以下の「カスタムブランディング要素」セクションを参照してください。

ヒント：色を変更する前に、既存の色コードを書き留め、後で色コードに戻すことができます。[既定をリセット] をクリックすると、いつでもデフォルトの色に戻すことができます。
［適用］をクリックします。
の右側にある Studio モックアップで、変更をプレビューすることができます。 カスタムブランディング
Action の下の 16 進表記をクリックして、Studio のボタンおよびその他のアクション関連の UI エレメント、有効なボタンおよびリンク内のテキスト、および強調表示されたメニュー項目をカスタマイズします。
カラーピッカーを使用するか、別の HEX 表記を指定します。
［適用］をクリックします。
[プライマリ背景] の 16 進数表記をクリックして、Studio の本体の背景とダッシュボードの背景をカスタマイズします。
カラーピッカーを使用するか、別の HEX 表記を指定します。
［適用］をクリックします。
［アクセスしやすい色を使用］チェックボックスを選択すると、XM Discoverによってアクションの色が自動的に改善され、インターフェイス全体での適切な色のコントラストを確保できます。

ヒント：アクセシビリティを向上させるため、このオプションを有効にすることをお勧めします。
ユーザ設定でダークカラーテーマに切り替えるオプションを Studio ユーザに付与する場合は、ダークテーマの有効化をユーザに許可スイッチをオンに切り替えます。これにより、Studio のすべてのカスタムブランディングが上書きされます。
[保存] をクリックして変更を適用します。
変更をキャンセルしてブランド色の最終保存バージョンを復元するには、変更のリセットをクリックします。
即座に利用可能な色を復元するには、デフォルトをリセットをクリックします。
ブラウザをリフレッシュして、変更を有効にします。

カンバセーション表示のカスタマイズ

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

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[アカウント設定] ページで、 [表示] タブを選択します。
にジャンプ カンバセーション照会
プロジェクト固有の設定を行う：
- コンテンツプロバイダからコンテンツプロバイダ
  を選択します。
  
  ヒント：コンテンツプロバイダー、アカウント、プロジェクトを選択する必要があるのは、これらのメンバー以上の場合のみです。
- [アカウント] メニューからアカウントを選択します。
- プロジェクトメニューからプロジェクトを選択します。
- 新規表示セクションをクリックします。
アカウント全体のデフォルトを設定するには、次の手順に従います。
- 通常設定のプロジェクトまたはカスタムプロジェクトの処理メニューを展開します。
- 編集を選択します。
対話表示ウィンドウの表示名で、以下のカンバセーション参加者のラベルをカスタマイズすることができます。この手順は省略できます。
- エージェント: 企業の代表者として識別された参加者。
- クライアント: クライアントとして識別された参加者。
- ボット: チャットボットまたは自動音声応答装置 (IVR) ボットとして識別された参加者。
- 参加者: 上記のタイプのいずれかとして識別されない参加者。
ラベルをカスタマイズするには、カンバセーション参加者の横にある [自動タイトルを使用する] チェックボックスの選択を解除します。
最大 20 文字のカスタムラベルをボックスに入力します。
メッセージのやり取りの参加者の通常設定のラベルを使用するには、[自動タイトルを使用] チェックボックスを選択したままにします。
参加者レーン拡張をオンにして、一次会話レーンで拡張を有効化します。
メニューから拡張を選択します。
表示色で、選択した拡張の色表示をメニューから選択します。
[レーン] セクションでは、追加のエンリッチメントを含む最大 3 つのレーンを追加して、さらにコンテキストを会話に取り込むことができます。
レーンを追加するには、プラス (+) アイコンをクリックします。
レーンを削除するには、マイナス (–) アイコンをクリックします。
System Default およびMetrics の値のみの下にあるメニューを展開し、Default Project の選択に使用できます。これらの値は、デフォルトですべてのプロジェクトに適用されます。[システムの通常設定]、[トピック]、[メトリクス]、および [NLP] の値を、カスタムプロジェクトで選択できます。
メニューから System Default を選択します。
特定の文タイプに一致する文を強調表示するには、レーンスタイルのメニューからアイコンのスタイルを選択します。これには、Tenure、Churn、Cry for Help、Not Recommend、エージェントによる Don’t Know、Disclosure、Mini-Miranda、Transfer、Hold、および Request に関する全員のメンションが含まれます。
メニューから [トピック] を選択します。
カテゴリモデルを選択して、関連トピックを含む文を強調表示します。
または、検索ボックスにカテゴリモデルを入力して、カテゴリモデルを検索することもできます。
選択したモデルの横にある歯車アイコンをクリックして、表示するトピックを手動で選択します。
設定ウィンドウで、レベルメニューから最下位ノードを選択します。
トピックの横にあるチェックボックスを選択すると、そのトピックを表示できます。
または、[すべて選択] をクリックしてすべてのトピックを選択することもできます。
[更新] をクリックします。
レーンスタイルのメニューからアイコンのスタイルを選択し、文タイプに一致する文を強調表示します。
表示色で色の四角形をクリックします。
カラーピッカーを使用するか、カスタム色の HEX コードを指定します。
［適用］をクリックします。
メニューから [メトリクス] を選択します。
以下のいずれかのメトリクスを選択して、関連するメトリックのバンド (ネガティブセンチメントやハードエフォートなど) を含む文を強調表示します。
- 工数 (3 バンド)
- 工数 (5 バンド)
- 感情原単位
- 感情（3つの範囲）
- センチメント (5 バンド)
選択したメトリックの横にある歯車アイコンをクリックします。
設定ウィンドウで、含める感情強度レベルを選択します。
更新をクリックします。
レーンスタイルのメニューからアイコンのスタイルを選択し、文タイプに一致する文を強調表示します。
メニューから NLP を選択します。
NLP グループを選択して、XM Discover Natural Language Processing (NLP) エンジンによって非構造化フィードバックから自動的に導出された関連値が含まれる文を強調表示します。
選択したグループの横にある歯車アイコンをクリックします。
設定ウィンドウで、選択した NLP グルーピングから含める値を選択します。
更新をクリックします。
以下の色の四角形をクリックします。 表示色。
カラーピッカーを使用するか、選択した拡張を表示するために使用するカスタム色の HEX コードを指定します。
［適用］をクリックします。
インテリジェントスコアリングをオンにします (これは 3 レーンの制限にはカウントされません)。

ヒント：これは、インテリジェントスコアリングのアカウントでのみ使用できます。
対話表示の右下にある保存をクリックします。
ヒント：メッセージのやり取りの表示設定を通常設定にリセットするには、［通常の設定］プロジェクトの横にある処理メニューを展開し、［初期値に戻す］を選択します。

カラーパレット

追加設定不要のシステムカラーパレットを使用するほかに、最大 10 種類の異なる色のカスタムカラーパレットを作成することで、Studio レポートをカスタマイズできます。

カラーパレットを使用して、次のアクションを実行できます。

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

ヒント：Studio では、最大 20 個のカスタムカラーパレットを作成できます。

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[表示] タブを選択します。
カラーパレットセクションまで下にスクロールします。
[新規パレット] をクリックします。
作成ウィンドウで、パレット名ボックスにカラーパレットのわかりやすい名前を入力します。
プラス ( + ) ボタンをクリックして、カラーパレットに色を追加します。
ヒント：カラーパレットには最大10色まで追加できます。
黒い四角形をクリックします。
カラーピッカーを使用するか、カスタム色の HEX コードを指定します。
適用をクリックします。
パレット上の順序を変更するには、色付きの四角形をドラッグ & ドロップします。この手順は省略できます。

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

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

カラーパレットをインポートするには、最大 10 の HEX 色コードをカンマで区切って指定します。

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
選択 外観。
下にスクロール カラーパレット。
インポートするカラーパレットを見つけます。
ヒント：カラーパレットの名前を［カラーパレットの検索］ボックスに入力して見つけることができます。
カラーパレットのアクションメニューを展開します。
編集を選択します。
[編集] ウィンドウで、[パレットをクリップボードにコピー] をクリックして HEX 色コードをコピーします。
[キャンセル] をクリックします。
HEX カラーコードをカラーパレットにインポートするには、そのカラーパレットの横にあるアクションメニューを展開します。
編集を選択します。
HEX カラーコードを Import Palette に貼り付けます。

ヒント：HEX色コードの前にハッシュタグ（#）を付ける必要があります。無効なコードは無視されます。
［適用］をクリックします。
［保存］をクリックします。

カラーパレットの有効化および無効化

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

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[表示] タブを選択します。
カラーパレットセクションまで下にスクロールします。
カラーパレットの検索ボックスで、有効にするカラーパレットの名前を入力して検索します。
カラーパレットをオンにして有効にします。
カラーパレットを無効化するには、カラーパレットをオフにします。カラーパレットを無効化すると、そのカラーパレットはウィジェット設定で使用できなくなりますが、カラーパレットを使用するように設定されたウィジェットは引き続き使用できます。
ヒント：システムパレットや、デフォルトとして設定されているユーザー定義のカラーパレットを無効にすることはできません。

カラーパレットの複製

既存のカラーパレットを複製できます。これは、複数の色を編集する場合や、カラーパレットの順序を変更する場合に役立ちます。

ヒント：Studio Standard パレットのコピーはカスタムカラーパレットとして扱われ、ダッシュボードプレビューモード（［デフォルト］または［ダーク］）間の動的な色切り替えはありません。

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[表示] タブを選択します。
カラーパレットセクションまで下にスクロールします。
複製するカラーパレットを見つけます。
ヒント：カラーパレットの名前を［カラーパレットの検索］ボックスに入力して検索します。
複製するカラーパレットの横にあるアクションメニューを展開します。
［複製］を選択します。これにより、カラーパレットの無効コピーがカラーパレットセクションに追加されます。

カラーパレットの置換

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

ヒント：Designer カラーパレットへのすべての参照は、Studio カラーパレットに置き換えることで削除できます。

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[表示] タブを選択します。
カラーパレットセクションまで下にスクロールします。
置換するカラーパレットを見つけます。
ヒント：カラーパレットの名前を［カラーパレットの検索］ボックスに入力して検索します。
カラーパレットの横にあるアクションメニューを展開します。
置換を選択します。
Replace ウィンドウで、Replace with メニューから置換カラーパレットを選択します。
置換をクリックします。これにより、元のパレットを使用していたすべてのウィジェットに置換カラーパレットが適用されます。

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

Master Account では、すべての新規ダッシュボードにデフォルトのカラーパレットを設定できます。

注意: カラーパレットは、デフォルトのカラーパレットとして使用する前に有効化する必要があります。

ヒント：現在デフォルトとして設定されているカラーパレットを見つけるには、［アカウントの通常設定］列の［デフォルト］という単語を探します。

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[表示] タブを選択します。
カラーパレットセクションまで下にスクロールします。

デフォルトとして使用するカラーパレットを見つけます。
ヒント：カラーパレットの名前を［カラーパレットの検索］ボックスに入力して検索します。
デフォルトとして使用するカラーパレットの Account Default 列で Use as Default リンクをクリックします。
または、デフォルトとして使用するカラーパレットの横にあるアクションメニューを展開します。
アカウントデフォルトとして使用を選択します。

カラーパレットの削除

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

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

Studio にサインインします。
上部のナビゲーション領域でユーザアバターメニューを展開します。
［アカウント設定］を選択します。
[表示] タブを選択します。
カラーパレットセクションまで下にスクロールします。
削除するカラーパレットを見つけます。

ヒント：カラーパレットの名前を［カラーパレットの検索］ボックスに入力して検索します。
削除するカラーパレットの横にあるアクションメニューを展開します。
削除を選択します。
Delete ウィンドウで、Replace with メニューから置換カラーパレットを選択します。
置換をクリックします。これにより、カラーパレットが削除され、削除されたカラーパレットを使用していたすべてのウィジェットに置換パレットが適用されます。