新しいエディタデザイン
概要
Editorに新しいデザインが追加されました。 私たちの目標は、古いインターフェースを、他のWalkMeアプリケーションと一貫性のある、視覚的に魅力のある、使いやすい直観的な体験に変換することでした。
この記事では、古いデザインと比較して、新しいデザインにおける重要な変更について説明します。
変更内容
高レベルの変更
エディタトップの変更
- ステータスアイコン、再生/ビルドモード、ヘッダー、検索すべてが新しいデザインを取得
- スイッチシステムを移動し、再設計
- Mobile Web上の構築に切り替えるために、ユーザーは右上隅で現在のシステム名をクリック
- ホームラインのマイナーなUIの変更
- 「すべてのアイテム」ドロップダウンが削除
- 新しいフィルターオプションが追加されました - アイテムタイプ別
エディタフッターの変更
- フッターボタンが削除されました:
- プレビュー(アイテムが選択された場合のみ表示されます)
- カスタマイズ(右上隅の[Settings(設定)]アイコンで利用可能)
- ソリューション(青色のプラスアイコンの下に「作成」メニューに移動)
- メニュー(右上隅のアプリメニューで利用可能)
- プレビュー(アイテムが選択された場合のみ表示されます)
- 作成 + ボタン用の新しい外観と機能
- フォルダーとセグメントの作成にも使用できる
- アイテムタイプ別でフィルターが解除
- 例外: Shield、 Engaged Element、 Element Library
WalkMeアプリメニュー
新しいWalkMeアプリメニューは、WalkMeアプリにアクセスするための中心的な場所を提供します。以下のカテゴリに分かれています。 アプリ、データ、管理
以前は、これらのうちのいくつかは、オプションメニューから利用可能でした。
作成 + ボタン
刷新された 作成 + ボタンは以前のものと似ていますが、いくつかの重要な変更があります。
- 特定のアイテムタイプを表示するためにフィルタリングする際でも、 + ボタンを使用して、任意のアイテムタイプを作成できるようになりました。
- 2つの新しい作成オプションを追加: 「新しいフォルダー」と「セグメント」
- これらの追加は、他の場所からの既存の作成方法を置き換えるものではありません
- リストが簡素化され、特定の名前が変更されました
- 「リソース」をより直感的なオプションに置き換え:「動画」と「記事」
- 「シャウトアウト」を、カーソルを合わせることなく、より簡単にアクセスできるように、「シャウトアウト」と「シャウトアウトクラシック」に分割
アイテムの作成と名前の変更
アイテムのネーミングと名前の変更のためのポップアップが更新されました。
名前を変更すると、エラーメッセージが表示されます。
セグメントを割り当てる
既存のポップアップが新しいエディタメイン画面デザインと整合するように更新されました
説明が追加され、1つのアイテムに割り当てられた複数のセグメントがそれらの間に「または」の関係を持つことを示します。
プロファイル/ユーザーメニュー
ユーザーメニューは、ビルダーによりパーソナライズされたエクスペリエンスを提供するために設計された新しいコンセプトです。
ユーザーメニュー内で、ユーザーは特定のユーザープロファイルに合わせたアクションや情報にアクセスできます
以前は、これらのオプションの多くがエディタオプションメニューで見つかりました。
設定メニュー
設定メニューは、全体的なシステム設定を含むエディタ内のすべての設定の中央集権型ハブとして機能します。
以前のデザインでは、これらの設定はエディタ、フッター、ヘッダー、オプションメニュー内のさまざまな場所で見られました。 ユーザーエクスペリエンスを改善するために、それらをすべて1つの場所に統合しました。
いくつかの顕著な変更:
- 統合は、「すべてのアイテム」ドロップダウンメニューから設定メニューに移動しました。 それらを全体的なシステムレベルの設定と見なし、この再配置につながりました。
- 以前は「カスタマイズ」として知られ、エディタフッターに配置されていた機能が、設定メニューに移動され、現在は「コンテンツスタイルをカスタマイズ」と呼ばれます。
- スニペット画面への直接リンクを削除しました。 代わりに、ユーザーは設定メニューから「システム設定」にアクセスし、そこで新しいスニペットタブを見つけることができます。
- オンボーディングのみを表示する際に、「すべてのアイテム」ドロップダウンメニューからのみ利用可能だったオンボーディング設定が、設定メニューに配置されました。 この変更により、ユーザーはアイテムリストのフィルターに関係なく、このシステムレベルの設定にアクセスできます。
フィルター
フィルターは1つの主要なアップグレードでも同じまま:ユーザーはアイテムタイプ別にフィルターをかけることができます。
これは、古い「すべてのアイテム」ドロップダウンの機能を置き換えます。
また、新しい機能を導入し、リストに複数のアイテムタイプを表示します。
たとえば、ユーザーはスマートウォークスルーとランチャーのみを一緒に表示することを選択できます。
[プレビュー] を
プレビューは、アイテムまたは複数のアイテムが選択されている場合のみ表示されます。
以前は、公開されたコンテンツをプレビューするオプションは、リストでアイテムが選択されていない場合にのみ利用可能でした。 より明確な説明を提供し、アイテムが選択されたときに表示されるプレビューオプションに組み込み、この機能を改善しました。
すべてのアイテムメニュー
以下のアプリは、以前は「すべてのアイテム」メニューから利用可能でした。
- ActionBot
- Shield
- Engaged Elements(エンゲージされたエレメント)
- の有無にかかわらず、
- 検索統合
- ライブチャット
- ヘルプデスク
これらのアプリは、新しい外観を取得し、「WalkMeアプリ」メニューまたは「設定メニュー」から利用可能になります。
アイテム設定画面
このフェーズでは、スマートチップセット、スマートウォークスルー、オンボーディングタスク、シャトル、記事、動画の新しい更新された画面をリリースしました。
- 設定タブは、左側から上部に移動しました
- タブはグループ化されました
- ヘッダーがアイテム作成の一部になりました
- フッターは最終化とトラブルシューティングに専念しています
- メモには独自のタブがあり、右上隅にある[Add+]アイコンに置き換えられました
スマートチップ設定
変更前:
変更後:
スマートウォークスルーの設定
前
- ゴールには独自のタブがあります
- 表示条件タブには、セグメンテーションとメニュー表示条件を作成する機能が含まれています
- 検索ランキングには、独自のタブがあります
- 詳細設定には、カスタムデータを入力するためのフィールドのみが含まれます
後
- ゴールとマイルストーンが新しい行動タブに移動しました
- [Appearance Conditions(外観条件)]タブからセグメンテーションが実行できるようになりました
- メニューの表示条件が[Initiator(イニシエーター)]パネルに移動されました
- 検索ランキング/最適化とキーワードが[Advanced Settings(詳細設定)]タブに移動しました
オンボーディングタスク
変更前:
すべての設定が単一画面でトグルとして表示される
設定は別のタブに整理されます。
- Behavior(行動)
- 外観条件
- 詳細設定
記事
変更前:
すべての設定は、作成画面から行われます
別のタブで整理された設定:
- Behavior(行動)
- 外観条件
- 高度な設定(検索とキーワード)
動画
変更前:
すべての設定は、作成画面から行われます
変更後:
別のタブで整理された設定:
- Behavior(行動)
- 外観条件
- 高度な設定(検索とキーワード)
シャトル
変更前:
すべての設定は、作成画面から行われます
変更後:
別のタブで整理された設定:
- Behavior(行動)
- 外観条件
- 高度な設定(検索とキーワード)
シャウトアウト設定
変更前:
- 画面のサイズは変更できません
- 自動再生設定は、[Engagement(エンゲージメント)]タブにあります
- Appearance(外観)タブには、z-indexと遅延設定が保持されています
- メモには独自のタブがあります
変更後:
- ヘッダーでは、名前を編集し、アイテムステータス(ドラフト/公開)と[Notes(ノート)]アイコンを確認できます
- フッターでは、レガシー画面に戻り、シャウトアウトを再生することを選択できます(ページに接続していない場合は、再生オプションは無効になっています)
- [Expand(展開)]アイコンをクリックして、エディタ画面全体を使用します
- [Design(デザイン)]タブでは、シャウトアウトのデザインを変更し、そのボタンが実行するアクションを選択できます
- [Behavior(行動)]タブで、シャウトアウトの目標とマイルストーンを設定します
- [Appearance conditions(外観条件)]タブで、このアイテムがユーザーに表示されるタイミングを設定します
- すべての自動再生設定は、自動再生が有効になっている場合にのみ表示されます
- カスタム頻度を選択した場合、すべてのユーザーがまったく同じ時間にコンテンツを表示できるように、統一されたタイムゾーンを設定できるようになりました。
調査の設定
変更前:
- 自動再生設定は、[Engagement(エンゲージメント)]タブにあります
- [Appearance(外観)]タブには、サーベイ名の表示オプションがあります
- メモには独自のタブがあります
変更後:
- [Behavior(行動)]タブで、サーベイをユーザーに表示する方法を設定します
- オーバーレイを表示することを選択できます
- [Appearance conditions(外観条件)]タブで、このアイテムがユーザーに表示されるタイミングを設定します
- すべての自動再生設定は、自動再生が有効になっている場合にのみ表示されます
- カスタム頻度を選択した場合、すべてのユーザーがまったく同じ時間にコンテンツを表示できるように、統一されたタイムゾーンを設定できるようになりました。
一時的な変更
以下が新しいデザインに一時的に表示されます。
- ブラウザの状態を開く
- 今すぐアップグレード
ブラウザを開くこととアップグレードオプションには新しいデザインがありますが、機能やロジックの変更はありません。
エディタアイコン
アイテム状態
変更前:
- アイテムアイコンとその状態を示す色と組み合わせる(公開/非公開)
- 左側のセグメントアイコン
変更後:
- アイテムアイコンとステータスインジケーターは分離されています。 ステータスアイコンの色がアクセス可能なパレットから色に変更
- セグメントアイコンが右に移動
ステータス表示
変更前:
- 公開済み:アイテムアイコンが緑色
- 公開済み・修正済み:アスタリスクが緑色のアイテムアイコン
- ドラフト:オレンジ色のアイテムアイコン
- アーカイブ:グレーのアイテムアイコン
変更後:
アイテムアイコン(新旧比較)
Launcher
スマートウオークスルー ウオークスルー(旧)
スマートチップ
シャウトアウト
Resources
リソース(記事)
リソース(動画)
オンボーディングタスク
Shuttle
アンケート
Shield
Engaged Element
Notification(通知)