スマートウォークスルー：スタートガイド
概要
スマートウォークスルーは、プロセスの全体について画面上でバルーンを使用したステップバイステップのガイダンスを行い、ユーザーをサポートします。 この記事では、スマートウォークスルーの構築の基本について説明します。スマートウォークスルーとその使用例については、この記事を参照してください。
デジタル採用研究所のこの短い動画をご覧ください。
ビルドを行う前に
構築を開始する前に、スマートウォークスルーの構築に重要な次の記事を確認してください。
- ルールエンジンは、WalkMeコンテンツを構築するための重要な部分です。 スマートウォークスルーがスムーズに実行されるようにするには、必ずルールエンジンを最大限使用してください。
- スマートウォークスルーベストプラクティス - スマートウォークスルーフローの計画方法など、構築前に考慮すべき重要なヒントがいくつかあります。 いくつかのヒントはこの記事全体に追加されますが、ビルド中に考慮することがたくさんありますので、チェックしてください！
- ビルドの計画 - どのようなタイプのフローを構築するために開始できるかを簡単に説明します。
- ステップタイプ - どのステップを使用し、いつ使用する必要がありますか？ この記事では、それらをすべてレビューしていますので、構築前に準備することができます。
- スマートチップ - スマートウォークスルーにはフォームが含まれていますか？ ステップの代わりに、スマートチップを検討して負荷と雑多さを軽減してください。
基本的なスマートウォークスルーを作成する
エレメントをキャプチャするので、スマートウォークスルーを構築するウェブページを開きます。 エディターから、
- 青色のプラスボタン
をクリックする - スマートウォークスルー
をクリックする - スマートウォークスルーに名前を付ける
- これはユーザーには表示されない
- 組織内に命名規則はありますか？ 必ずフォローしてください
ステップの追加
- オレンジのプラスボタンをクリックします。
- フローステップまたはポップアップステップを追加するには、ボタンの上に移動し、関連するステップタイプを選択します。
- どのような手順を使用する必要がありますか？ステップタイプについてもっと知ります。
- ウェブラウザに移動します。ステップを接続するエレメントを選択します。
- WalkMeは自動的に「クリック（エレメント）」という命令を追加し、好きなように変更できます！ ステップに説明を追加することもできます。
- フローが完了するまで手順を追加し続けます。
- 最高のスマートウォークスルーパフォーマンスを実現するには、フローを10ステップ以下に維持します。 「スマートウォークスルーに接続」ステップを使用すると、複数のスマートウォークスルー間のフローを継続できます。
- 「保存」をクリックして作業を保存することを忘れないでください！
スマートウォークスルーステップをすばやく構築するには、Ctrl/CMDを押して選択要素とナビゲーションを切り替えます。 これにより、ページと対話して、スマートウォークスルーに追加する次のエレメントに移動できます。
ステップトリガー
トリガーは、スマートウォークスルーを次のステップに続行するアクションを決定します。 トリガーはガイダンスを前進させることでインタラクティブにします。
新しいステップを追加する場合は、ステップ設定ポップアップから直接ステップトリガーを変更することができます。 または、Editorから手順をクリックして、手順設定ウィンドウを開きます。
トリガーの詳細については、スマートウォークスルーステップタイプの記事を参照してください。
イニシエーターとエンドエクスペリエンス
スマートウォークスルーを構築したので、ユーザーはそれを体験する必要があります！ イニシエーターは、ユーザーがランチャーや他のスマートウォークスルーにアクセスする方法です。 エンドエクスペリエンスを使用すると、サーベイを追加して、ユーザーがその体験についてどのように考えているかを伝えることができます。
イニシエーターとエンドエクスペリエンスについてもっと知ります。
スタートポイントの追加
ユーザーは、必ずしもサイトのホームページや手順1からスマートウォークスルーを起動する必要はありません。 スマートウォークスルーのサポートが必要になる前に、すでにプロセスのいくつかのステップを踏んでいる可能性があります。
スマートウォークスルーが関連するステップから確実に再生されるようにするには、ユーザーがプロセスを開始したいと思うすべてのステップにスタートポイントを追加します。 開始ポイントでは、スマートウォークスルーがユーザーがプロセスのどの部分にいるかを認識し、適切なステップからピックアップすることを確認します。
ゴールの追加
ゴールを使用すると、スマートウォークスルーを完了するユーザーの成功度を追跡できます。 特定のユーザーアクションにゴールを添付して、ユーザーがスマートウォークスルーを正しく完了したタイミングを判定できます。
ユーザーは、プロセスの過半数を完了するためにスマートウォークスルーガイダンスを必要とする場合がありますが、最後の方のステップは自分で完了できます。 スマートウォークスルーを閉じた後のユーザーの行動をゴールによって追跡し続けることができるため、スマートウォークスルーガイダンスを閉じた場合であってもユーザーがプロセスを完了したかを判定することができます。
スマートウォークスルーのステップをカスタマイズする
バルーンのデザインを変更するには2つの方法があります。
- 1 つめはデザイン・ギャラリーから既製のデザインを選択することです。
- 2つめはCSSを使用してバルーンのデザインを完全に制御することです。
手順を編集およびカスタマイズするさまざまな方法については、次の文書を参照してください。
インタラクションタブでは、WYSIWYG Editorからの基本的なバルーンのカスタマイズが提供されます。 バルーンフォント、テキスト、位置、メディアの追加、またはステップトリガーの調整をカスタマイズすることができます。 WalkMeデザインギャラリーもここにあります。
Editorの「選択されたエレメント」タブでは、キャプチャした要素が現在のページに存在するかどうかを確認できます。また、WalkMeの識別方法をカスタマイズするために使用できる設定も含まれています。
「外観」タブを使用して、サイト上の重要な情報が表示されないように項目を移動します。 一般的な外観タブの変更には、要素の周りのアイテムの移動およびその位置の調整が含まれます。
Cascading Style Sheets（CSS）では、レイアウト、色、フォントを含むバルーンの外観をカスタマイズできます。
プレビューと公開
ステップフローの再生ボタンをクリックすると、スマートウォークスルーをプレビューできます。 また、ステップの上を移動して「プレイ」をクリックすることで、個々のステップをプレビューすることもできます。
複数のスマートウォークスルーまたは複数のタイプのWalkMeコンテンツをプレビューする場合は、プレビューに関するこの記事を参照してください。
コンテンツのパブリッシュは、メインEditorリストビューで実行されます。 個別または複数のスマートウォークスルーを公開できます。
完了しました 今、スマートウォークスルーの基本がわかりました。 最初に何を作りますか？