コミュニケーションセンターヴィジュアルデザイナー
概要
コミュニケーションセンターヴィジュアルデザイナーへようこそ。ビジュアルに優れた魅力的な通知を作成するためのツールです! 直感的なヴィジュアルエディタを使用すると、新しいイメージの追加、ボタン操作の変更などを自由に行うことができ、お客様のニーズに合った通知を編集できます。 この記事では、ヴィジュアルデザイナーの解剖学について説明し、組織のメッセージと完全に一致するショーストップ通知を作成するために必要なすべての情報を提供します。
送信の準備ができたら、「通知の作成」文書のステップ3に進み、詳細を確認します。
情報の確認
通知はオブジェクトで構成されます。 オブジェクトには、テキストボックス、イメージ、シェイプ、およびボタンが含まれます。 オブジェクトを編集するには、通知自体または設計パネルのオブジェクトリストからオブジェクトをクリックします。 ここでは、パネルの構成を確認します:
デザインパネル
オブジェクトセクション
オブジェクトセクションでは、通知に追加したイメージ、ボタン、図形、およびテキストボックスを追加して管理します。
新しいオブジェクトを追加するには、「新規追加」をクリックします。
オブジェクトを通知にドラッグアンドドロップします。
オブジェクトを複製または削除するには、オブジェクトの上にカーソルを置きます。
オブジェクトの名前を変更すると、作成時にオブジェクトをすばやく見つけることができます。 オブジェクトの名前は、デザインの内容には影響しません(つまり、オブジェクトパネルのボタン名を変更しても、デザインのボタンのテキストは変更されません)。
アクションセクション
ボタンを選択した場合は、アクションセクションが表示されます。 ここでは、受信者がボタンをクリックしたときに発生するアクションを選択できます。 アクションオプションは:
- なし(追跡イベント):これにより、通知は閉じられますが、分析のためにエンゲージメントが追跡されます。
- なし(終了):これにより通知が閉じられ、何も追跡されません。
- リンク:ハイパーリンクを追加して、受信者をリダイレクトします。
- メニューを開く:最後に開いたページでWorkstationを開きます。
- 次回のリマインド:通知を閉じ、受信者がWorkstationメニューを開くまで通知をスヌーピングします。
- 次の日にリマインド:これにより、通知が閉じられ、受信者が次の日にワークステーションを開くまで通知が再通知されます。
- リソースの再生:Workstationのリソースページから特定のWalkMeリソースを開きます。
- シャトルを再生:シャトルバスにリダイレクトします。
- スマートウォークスルーの再生:スマートウォークスルーを開始します。
スタイリング
スタイルセクションでは、各オブジェクトをカスタマイズし、選択したオブジェクトに応じてオプションを変更できます:
イメージオブジェクトのスタイリング
イメージに適用できるスタイリングエフェクトには、次のようなものがあります:
- イメージプレビューの隅にある鉛筆をクリックしてイメージを変更します。
- コーナー半径を角の周りに追加します。
- 境界線を追加し、境界線の色を変更します。
テキストオブジェクトのスタイリング
テキストボックスを選択すると、フォントのスタイル、サイズ、および色を変更できます。 また、太字、斜体、下線などの基本的なテキスト形式を適用し、ボックス内でテキストを揃えることもできます。
「デフォルトフォーマットに設定」トグルをオンにすると、すべての新しいテキストコンポーネントが同じ設定に従います。
テキストボックスのハイパーリンク
テキストオブジェクトにハイパーリンクがある場合は、リンクを開くウィンドウを決定できます。
ハイパーリンクをクリックし、鉛筆のアイコンをクリックしてハイパーリンクを編集するか、スタイルオブジェクトパネルのハイパーリンクアイコンをクリックします。
「オープンイン」ドロップダウンから選択します:
「オープンイン」モード | Behavior(行動) |
新規/このウィンドウ |
通知が閉じません。 デスクトップの電子ウィンドウで開きます。 |
新タブ |
通知が閉じません。 新しいブラウザタブを開きます。 |
Xボタンのスタイリング
通知の隅にX閉じるボタンを表示するには、「閉じるボタンの表示」トグルをオンにします。
次に、好みに合わせてスタイルを調整できます:
- アイコンのサイズを調整します。
- 角を丸くするボタンの半径を追加し、色で塗りつぶします。
- 境界線を追加し、境界線の色を変更します。
レイアウト
レイアウトセクションでは、選択したオブジェクトのサイズとレイアウトを変更することができます。 また、エッジまたはコーナーをドラッグすることによって、デザインで直接これを行うこともできます。 ただし、レイアウトセクションでは、正確な寸法を指定できます。
「カスタム位置」トグルをオンにします。
整理とサイズ変更
端をドラッグしてキャンバスのサイズを変更するか、レイアウトに移動し、画面の幅と高さのピクセル(px)またはパーセンテージ(%)で寸法を入力します。
固定
- ハイライトされたピンクの線にオブジェクトをドラッグアンドドロップすると、そのオブジェクトが通知の端または中心線に固定されます。
- 固定後にキャンバスのサイズが変更された後、オブジェクトは相対位置に残ります。
- これを使用することで、エレメントを中心線に合わせたり、常に同じ位置にサイズが異なる複数の通知のアクションボタンを置くことができます。
通知の画面解像度を変更する
通知タイトルの下にあるドロップダウンから解像度のサイズを選択することで、自分より大きい画面の通知を設計できます。
イメージのアップロード
画像を追加するか、デフォルトオプションのいずれかを選択するか、自分の画像をアップロードします。
メインイメージは、デスクトップとモバイルWorkstationの両方の通知リストに表示されるものです。 メインイメージを表示するには、少なくとも200pxのイメージが必要です。
-
- 通知内にイメージがない場合は、送信されてからの日数が表示されます。
- 通知に複数のイメージがある場合は、通知内の最大のイメージが表示されます。