外観タブ
概要
外観はスマートウォークスルー、ランチャー、シャウトアウト、個々のスマートチップおよびサーベイの表示方法を変更できるオプションメニューのカテゴリーの1つです。 外観の設定を使用することで、特定の要素についてハイライト表示したり、フォーカスしたり、WalkMe アイテムの位置を修正したりすることができます。
外観タブを使用してアイテムを移動することで、重要な情報が不明瞭にならないようにします。 一般的な外観タブの変更には、要素の周りのアイテムの移動およびその位置の調整が含まれます。
外観の設定では、失われる可能性のある要素を強調することもできます。 WalkMeエディターを使用してサイトで要素を選択するたびに、ウォークスルーステップ、ランチャー、スマートチップp用であるかどうかは、画面に表示される方法をカスタマイズすることができます。 シャウトアウトの外観タブではシャウトアウトが画面に表示される方法を制御します。
ユースケース
外観タブのユースケースには以下のものがあります :
- ビジーページの要素を強調します
- ポップアップの上下に誤って表示されるアイテムの階層化を変更します
- 同様の要素が画面に表示された場合は、アイテムを要素にロックすることで誤認を防ぎます
- スマートウォークスルーのフローをより良い制御
使用方法
各要素の外観設定はアイテムが画面に表示される直前にチェックされます。 すべてのアプリにすべての外観設定が含まれている訳ではありません。
ステップオプションメニューを開くには、ステップ、ランチャー、シャウトアウト、スマートチップ、またはサーベイをクリックします。 Step/app にカーソルを合わせることで表示される鉛筆アイコンをクリックします。 外観の設定は Step/app の再生中も有効にできます ページ上で編集. これによって変更の効果をリアルタイムで確認できます。
外観の設定
スポットライト
- ステップ用のスポットライト・バルーン機能を有効にすると、選択した要素を除いて画面が暗くなります。
- 他の要素はクリック不可になります。
蛍光ペン
- 蛍光ペンを有効にすることで、バルーンの選択した要素の周りに色付きのボックスが表示されます。
- この機能は選択した要素を強調するために使用されます。
- 蛍光ペンは厚さと色の両方でカスタマイズ可能です。
スクロール
- バルーンに選択した要素が、現在の画面スクロールの位置よりも折り返しを過ぎた位置やページの奥にある場合、WalkMeは自動的にその位置までスクロールしてバルーンを表示します。
アニメーション
- 通常のスクロールよりも磨かれている感じるスムーズなスクロールエクスペリエンスを生成します。
- これは主要なブラウザーで動作しますが、モバイルデバイスでは問題が発生する可能性があります。
正常
- シンプルな「A to B」のスクロール体験を生成します。
- このオプションは、すべてのブラウザーで動作します。
- None:スクロールはオフになります。
Z-Index
- z-indexは、同じWebページの他の既存の要素と比較した要素のレイヤーを指定します。
- 要素のZ-indexを変更する方法については、Z-indexの記事をご覧ください。
位置
- バルーンの位置をピクセル数により左右に変更します。
- これによって微妙な調整を行うと共に、要素に対してバルーンが画面に表示される方法を最適化できます。
見えないバルーン
- バルーンを非表示にします。
- 要素、トリガー、外観の変更は引き続き表示されますが、バルーンは表示されません。
- これは複数のバルーンを必要としないフォームなどで、複数のステップを同時に作成する場合に役立ちます。
スキップ可能
- スキップ可能をオンに切り替えてもアンカー要素が見つからない場合に、スマートウォークスルーステップをスキップしてフローを続行することができます。
- これは、ユーザーの選択またはユーザーロールに基づいて変化するコンテンツによって固定プロセスの要素が変化する可能性がある動的なサイトにおいて特に役立ちます。
- スキップ可能は、要素指向であるスマートウォークスルーステップ(ステップと自動ステップ)に適用することができます。
- スキップ可能のデフォルト値はOFFです。
- スマートウォークスルーフローマップでは、スキップ可能ステップが点線の半円形で示されます:
- ヒント :
- スキップ可能ステップにピアステップがある場合、メインのステップがスキップされた場合にピアステップをトリガーできるようにします(BBcodeを使用)。
- フロートラッカーはスマートウォークスルーフロー中にステップがスキップされたときに示します:
タイミングオプション
- 遅延機能を使用してステップを自動的にトリガーします。
- このように、ウォークスルーは、番号指定された数秒後に自動的に移動します。
エレメントへのロック
- 要素にロックすることで、ページがスクロールされた時にステップが要素から離れないようにします。
- [要素にロック] を有効にすると、Launcher/Step バルーンが選択した要素の Launcher/Balloon に埋め込まれることで、Launcher/Balloon は要素と同じ Z-index を継承します。
- これによってページをジャンプしないようにします。
粘着性
- 画面から消える可能性のある要素に添付されたステップで使用します。
- 例えば、ホバーメニューまたはページが更新される可能性があるときに、ステップは場所に留まる必要があります。
- Sticky が有効になっている場合、WalkMe は要素の検索を続けます。
- これはデフォルトではオンになっていますが、ステップの表示で問題が発生している場合はオフにすることができます。
マージン
- センターポジションが選択されていない場合、シャウトアウトの位置をオフセットします。
試してみる
ポップアップまたはドロップダウンメニューでステップを作成します。 外観タブを開くとステップを再生します。 Z-index を変更して WalkMe アイテムが表示される場所を確認します。