コミュニケーションセンタービジュアルデザイナー
簡潔な概要
コミュニケーションセンタービジュアルデザイナー、視覚的に驚くほど魅力的な通知を作成するためのツール 私たちの直感的なビジュアル編集ツールでは、通知を完全にご希望に沿って変更できます。新しい画像を追加したり、ボタンの動作を変更したりといった機能も、デザインパネルを通じて自由に行えます。 この記事では、私たちのビジュアルデザイナーの現在の構造をご紹介し、組織のメッセージに完全に一致した、分かりやすい通知を作成するために必要な情報を提供します。
通知を送信する用意がある際は、「通知を作成する」についてのステップ 3の詳細情報をご確認ください。
詳細情報
通知はオブジェクトで構成されています。 オブジェクトには、テキストボックス、画像、図形、ボタンなどが含まれます 。 オブジェクトを編集するには、通知自体をクリックするか、デザインパネルの「Objects」リストから選択してください。 それでは、パネルの内容を確認しましょう :
デザインパネル
オブジェクトセクション
オブジェクトセクションは、通知に追加した画像、ボタン、図形、テキストボックスを追加および管理する場所です。
新しいオブジェクトを追加するには、「新規追加」をクリックしてください。
オブジェクトを通知にドラッグ＆ドロップしてください。
オブジェクトにカーソルを合わせると、複製または削除することができます。
オブジェクトを作成する際に素早く見つけられるように名前を変更できます。 オブジェクトの名前はデザインの内容に影響を与えません（つまり、オブジェクトパネルでボタンの名前を変更しても、デザイン内のボタンのテキストは変更されません）。
セクションの操作
選択したボタンがある場合、アクション・セクションが表示されます。 こちらで、受取主がボタンをクリックした際に起こるアクションを選択することができます。 可能なアクションは以下の通りです ：
- 通知を閉じますが、分析のためにエンゲージメント は追跡されます。
- 通知を閉じますが 、何も追跡されません。
- リンク : リダイレクト先の受信者にハイパーリンクを追加します。
- メニューオープン : 最後に開いたページでWorkstationを開きます。
- 次回リマインダー : 通知を閉じ、受信者がWorkstationメニューを開くまで待機します。
- 翌日にリマインダー通知 : 通知を閉じ、翌日に受信者がWorkstationを開くまで保持します。
- リソース を読む: Workstationのリソースページから特定のWalkMeリソースを開きます。
- ステーションを読み取る : ステーションにリダイレクトします。
- スマートウォークスルーを読み取る : スマートウォークスルーを開始します。
スタイル
スタイルセクションでは、各オブジェクトをカスタマイズでき、選択肢は選択されたオブジェクトに従って変化します 。
画像オブジェクトのスタイルを設定する
画像に適用できるスタイル効果として、下記のようなものがあります。
- 画像のプレビューの角にあるペンのアイコンをクリックすることで、画像を変更できます。
- 角をまるくするために角のラウンドを追加する。
- 枠線を追加し、枠線の色を変更する
テキストオブジェクトにスタイルを適用する
テキストボックスを選択すると、フォントのスタイル、サイズ、色を変更できます。 テキストボックス内でイタリック、太字、下線、テキストの配置などの基本的な書式設定を適用できます。
デフォルト形式を設定するキーを有効にすると、新しいテキストコンポーネントが同じ設定に従います。
テキスト内のハイパーリンク
テキストのオブジェクトにハイパーリンクがある場合、リンクを開くウィンドウを決定できます。
ハイパーリンクをクリックし、鉛筆アイコンをクリックしてハイパーリンクを編集するか、スタイルオブジェクトパネルのハイパーリンクアイコンをクリックします。
「開く」のドロップダウンリストから選択してください 。
| モードで開く | 動作 |
| 新しいウィンドウ |
通知は閉じません。 Electronのデスクトップウィンドウを新しく開きます。 |
| 新しいタブ |
通知は閉じません。 ブラウザの新しいタブを開きます。 |
| ウィンドウ |
通知は閉じます。 Workstationの新しいウィンドウでリンクを開きます。 |
ボタンXにスタイルを適用します。
通知の隅にボタンXを配置したい場合は、「閉じるボタンを表示」オプションを有効にしてください。
それから、希望に応じて表示することが可能です 。
- アイコンのサイズを調整します。
- 四隅の角を丸めるための楕円の半径を追加し、それを色で塗りつぶします。
- 枠線を追加し、枠線の色を変更する
ページレイアウト
レイアウトセクションでは、選択したオブジェクトのサイズやレイアウトを変更できます。 デザイン内で、端や角をドラッグすることで直接操作することもできます。 ただし、レイアウトセクションでは正確な寸法を指定できます。
カスタムポジションキーを有効にします。
整理とサイズ変更
キャンバスのサイズを変更するには、角をドラッグするか、レイアウトに移動して幅と高さをピクセル（px）またはパーセンテージ（%）で入力してください。
固定
- オブジェクトをピンクのハイライト線にドラッグ＆ドロップして、通知の角または中央線にオブジェクトを固定します。
- オブジェクトを固定すると、キャンバスのサイズ変更後も相対的な位置に留まります。
- 中央のラインまたは異なるサイズの通知に関して同じ位置にアクションボタンを配置することが可能です。
画像をアップロードする
画像を追加し、既定オプションを選択するか画像をアップロードします。
